關(guān)于日常生活中視覺標(biāo)識的探索
視覺標(biāo)示常能使某一產(chǎn)品從一堆產(chǎn)品中脫穎而出,這樣看來,與其要求使用者進(jìn)行操作行為,倒不如用些交流手段來給用戶一些他們值得注意的暗示。標(biāo)示物并不一直明確的存在但是它常在某個情況下以一種低調(diào)的暗示方式出現(xiàn)。標(biāo)示物通過圖標(biāo)、排版樣式、放大字體、顏色變化、動畫以及其他一些表現(xiàn)形式來達(dá)到對外傳遞信息的目的。
在數(shù)字世界中,標(biāo)示物的例子無處不在。比如Gmail,通過曲回針的圖標(biāo)表示該信息有附件以及通過黃色星標(biāo)標(biāo)記已收藏的信息。使用提醒事項(xiàng)的用戶,通過事項(xiàng)前標(biāo)注框的顏色了解哪件事需要被優(yōu)先處理,也可以輕松知曉哪條事項(xiàng)有歷史回復(fù)信息。再比如,IOS系統(tǒng)上的APP更新或是下載時,圖標(biāo)上覆蓋的前進(jìn)加載樣式直觀的告訴用戶還有多長時間可以完成下載安裝。
我喜歡從事UX以及界面設(shè)計(jì)的一個原因是,那些規(guī)則和原理往往并不局限于數(shù)字化產(chǎn)品本身。標(biāo)示物,就是一種吸引人注意的啟示、一種信號物,在我們的身邊告訴我們它們目前的本質(zhì)情況。視覺標(biāo)示物最直接明了的使用方法就是添加文字說明,就好像大賣場里面給商品掛上“打八折”的促銷旗幟。
在本次探索研究中,我想將關(guān)注點(diǎn)集中在那些自然界中非文字的標(biāo)示物(那些通過使用顏色、定位以及運(yùn)動狀態(tài)來提示而不是通過增加文字說明的標(biāo)示物)
狀態(tài)
Jakob Nielsen的10條給用戶界面設(shè)計(jì)的實(shí)用啟發(fā)中,有一條是“清晰的系統(tǒng)狀態(tài)”,它向我們說明了任何系統(tǒng)都應(yīng)保證用戶知曉其進(jìn)程情況。在日常生活中本著同樣的目的,視覺指示物也是一種用來交流現(xiàn)狀的常規(guī)方式。
產(chǎn)品:郵箱
標(biāo)示物:“迎風(fēng)招展”的小紅旗(有信件進(jìn)入或被取走的狀態(tài))
提示對象:郵政工人
傳遞的信息:“嘿!這里有信件需要被收走?!?/p>
產(chǎn)品:餐廳賬單
標(biāo)示物:從賬單夾中伸出的信用卡
提示對象:服務(wù)員
傳遞的信息:“我已經(jīng)準(zhǔn)備好結(jié)賬咯?!?/p>
產(chǎn)品:飛機(jī)引擎的渦輪
標(biāo)示物:運(yùn)轉(zhuǎn)中螺旋型的樣子(啟動或是關(guān)閉的狀態(tài))
提示對象:地面的機(jī)場人員
傳遞的信息:“注意!飛機(jī)引擎已經(jīng)啟動?!?/p>
額外的驚喜:這樣的標(biāo)示也可以幫助趕走飛鳥。
進(jìn)程
距離我完成這件事還有多少進(jìn)程?進(jìn)展性的標(biāo)示物在數(shù)碼產(chǎn)品中是十分常見的,它用于告知用戶距離你完成這件事還需要多少時間或是多少步驟。自然界中,通過進(jìn)程性的標(biāo)示物,就可以很顯明的告訴人們還需要持續(xù)多久或者還要花多少時間才能達(dá)到需要的狀態(tài)或是行為。
產(chǎn)品:書籍
標(biāo)示物:放置在書中某頁的書簽(閱讀完成的進(jìn)度)
提示對象:閱讀者
傳遞的信息:“這本書你已經(jīng)閱讀了這么多了,你已經(jīng)看完一半啦!”
產(chǎn)品:自行車剎車墊
標(biāo)示物:磨損嚴(yán)重的溝槽(可繼續(xù)使用的情況)
提示對象:騎車的人
傳遞的信息:“這些溝槽已經(jīng)磨損很嚴(yán)重了,是時候換一個新的自行車剎車墊了?!?/p>
產(chǎn)品:牛油果
標(biāo)示物:根莖底部的顏色(成熟程度)
提示對象:銷售員或是著急做牛油果墨西哥醬的人
傳遞的信息:棕色=“我已經(jīng)熟透了/我已經(jīng)熟到稀巴爛了?!本G色=“我已經(jīng)成熟的剛好可以吃!”
個人偏好
我總是會在別人問問題前就開始尋找一些新穎的解答方法,預(yù)測人們想要通過怎樣的方式來解決可能出現(xiàn)的混亂。即便我不發(fā)一語,只是找一些標(biāo)示物,就可以十分清晰的向他人傳遞我的信息。
產(chǎn)品:啤酒罐
標(biāo)示物:罐上的凹痕(所有權(quán))
提示對象:任何想偷偷拿走我啤酒的人
傳遞的信息:“這不是你的啤酒。”
額外的驚喜:紅酒杯上的標(biāo)記(毛巾上獨(dú)特特征)也起到相似作用。
產(chǎn)品:餐館茶壺
標(biāo)示物:茶壺的放置以及壺蓋的樣子(空或是滿的狀態(tài))
提示對象:服務(wù)員
傳遞的信息:“這茶壺空了,方便給我們加點(diǎn)水嗎?”
產(chǎn)品:有領(lǐng)襯衫
標(biāo)示物:衣架掛勾的放置方式(干凈或是被穿過的狀態(tài))
提示對象:自己
傳遞的信息:掛勾口朝外=“這件襯衫是干凈的?!睊旃纯诔瘍?nèi)=“這衣服至少已經(jīng)被穿過一次了?!?/p>
生活中還有很多類似上文中提及的標(biāo)示物,因時間關(guān)系就不一一贅述了。不管怎樣,一般情況下這些視覺標(biāo)示物都可以很好的幫助用戶將某個商品從一群商品中區(qū)分出來。人們依賴于他們自己的即時需要或最終目標(biāo)來獲取信息(找到相應(yīng)視覺標(biāo)示物),無論是在電子產(chǎn)品還是自然生活中,視覺標(biāo)示物一直存在,并在在那里幫助著我們。
原文鏈接:https://uxdesign.cc/visual-indicators-c3e0e5ce90f7
翻譯:Annie
精選課程
共鳴設(shè)計(jì)——科學(xué)與審美的交匯,以Xiaomi SU7設(shè)計(jì)為例
李田原
小米汽車 設(shè)計(jì)總監(jiān)
設(shè)計(jì)論文寫作:如何將實(shí)踐案例轉(zhuǎn)換為可發(fā)表的文本
2024產(chǎn)品設(shè)計(jì)專業(yè)系統(tǒng)化能力提升課程
2024體驗(yàn)設(shè)計(jì)專業(yè)系統(tǒng)化能力提升課程
玩轉(zhuǎn)行為設(shè)計(jì) 高效提升產(chǎn)品業(yè)績(中文字幕)
Joris Groen
Buyerminds 聯(lián)合創(chuàng)始人,創(chuàng)意總監(jiān)