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