## ##

        關(guān)于日常生活中視覺(jué)標(biāo)識(shí)的探索

        2018-03-29 14:05:01 閱讀 259357 本文來(lái)源: Annie 非科班設(shè)計(jì)
        分享至:

        視覺(jué)標(biāo)示常能使某一產(chǎn)品從一堆產(chǎn)品中脫穎而出,這樣看來(lái),與其要求使用者進(jìn)行操作行為,倒不如用些交流手段來(lái)給用戶一些他們值得注意的暗示。標(biāo)示物并不一直明確的存在但是它常在某個(gè)情況下以一種低調(diào)的暗示方式出現(xiàn)。標(biāo)示物通過(guò)圖標(biāo)、排版樣式、放大字體、顏色變化、動(dòng)畫(huà)以及其他一些表現(xiàn)形式來(lái)達(dá)到對(duì)外傳遞信息的目的。

        在數(shù)字世界中,標(biāo)示物的例子無(wú)處不在。比如Gmail,通過(guò)曲回針的圖標(biāo)表示該信息有附件以及通過(guò)黃色星標(biāo)標(biāo)記已收藏的信息。使用提醒事項(xiàng)的用戶,通過(guò)事項(xiàng)前標(biāo)注框的顏色了解哪件事需要被優(yōu)先處理,也可以輕松知曉哪條事項(xiàng)有歷史回復(fù)信息。再比如,IOS系統(tǒng)上的APP更新或是下載時(shí),圖標(biāo)上覆蓋的前進(jìn)加載樣式直觀的告訴用戶還有多長(zhǎng)時(shí)間可以完成下載安裝。

        20180329103948075.jpg

        我喜歡從事UX以及界面設(shè)計(jì)的一個(gè)原因是,那些規(guī)則和原理往往并不局限于數(shù)字化產(chǎn)品本身。標(biāo)示物,就是一種吸引人注意的啟示、一種信號(hào)物,在我們的身邊告訴我們它們目前的本質(zhì)情況。視覺(jué)標(biāo)示物最直接明了的使用方法就是添加文字說(shuō)明,就好像大賣場(chǎng)里面給商品掛上“打八折”的促銷旗幟。

        在本次探索研究中,我想將關(guān)注點(diǎn)集中在那些自然界中非文字的標(biāo)示物(那些通過(guò)使用顏色、定位以及運(yùn)動(dòng)狀態(tài)來(lái)提示而不是通過(guò)增加文字說(shuō)明的標(biāo)示物)


        狀態(tài)

        Jakob Nielsen的10條給用戶界面設(shè)計(jì)的實(shí)用啟發(fā)中,有一條是“清晰的系統(tǒng)狀態(tài)”,它向我們說(shuō)明了任何系統(tǒng)都應(yīng)保證用戶知曉其進(jìn)程情況。在日常生活中本著同樣的目的,視覺(jué)指示物也是一種用來(lái)交流現(xiàn)狀的常規(guī)方式。

        20180329104041500.jpg

        產(chǎn)品:郵箱

        標(biāo)示物:“迎風(fēng)招展”的小紅旗(有信件進(jìn)入或被取走的狀態(tài))

        提示對(duì)象:郵政工人

        傳遞的信息:“嘿!這里有信件需要被收走。”

        20180329104125380.jpg

        產(chǎn)品:餐廳賬單

        標(biāo)示物:從賬單夾中伸出的信用卡

        提示對(duì)象:服務(wù)員

        傳遞的信息:“我已經(jīng)準(zhǔn)備好結(jié)賬咯?!?/p>

        20180329104206279.jpg

        產(chǎn)品:飛機(jī)引擎的渦輪

        標(biāo)示物:運(yùn)轉(zhuǎn)中螺旋型的樣子(啟動(dòng)或是關(guān)閉的狀態(tài))

        提示對(duì)象:地面的機(jī)場(chǎng)人員

        傳遞的信息:“注意!飛機(jī)引擎已經(jīng)啟動(dòng)?!?/p>

        額外的驚喜:這樣的標(biāo)示也可以幫助趕走飛鳥(niǎo)。


        進(jìn)程

        距離我完成這件事還有多少進(jìn)程?進(jìn)展性的標(biāo)示物在數(shù)碼產(chǎn)品中是十分常見(jiàn)的,它用于告知用戶距離你完成這件事還需要多少時(shí)間或是多少步驟。自然界中,通過(guò)進(jìn)程性的標(biāo)示物,就可以很顯明的告訴人們還需要持續(xù)多久或者還要花多少時(shí)間才能達(dá)到需要的狀態(tài)或是行為。

        20180329104251031.jpg

        產(chǎn)品:書(shū)籍

        標(biāo)示物:放置在書(shū)中某頁(yè)的書(shū)簽(閱讀完成的進(jìn)度)

        提示對(duì)象:閱讀者

        傳遞的信息:“這本書(shū)你已經(jīng)閱讀了這么多了,你已經(jīng)看完一半啦!”

        20180329104331101.jpg

        產(chǎn)品:自行車剎車墊

        標(biāo)示物:磨損嚴(yán)重的溝槽(可繼續(xù)使用的情況)

        提示對(duì)象:騎車的人

        傳遞的信息:“這些溝槽已經(jīng)磨損很嚴(yán)重了,是時(shí)候換一個(gè)新的自行車剎車墊了?!?/p>

        20180329104423198.jpg

        產(chǎn)品:牛油果

        標(biāo)示物:根莖底部的顏色(成熟程度)

        提示對(duì)象:銷售員或是著急做牛油果墨西哥醬的人

        傳遞的信息:棕色=“我已經(jīng)熟透了/我已經(jīng)熟到稀巴爛了。”綠色=“我已經(jīng)成熟的剛好可以吃!”


        個(gè)人偏好

        我總是會(huì)在別人問(wèn)問(wèn)題前就開(kāi)始尋找一些新穎的解答方法,預(yù)測(cè)人們想要通過(guò)怎樣的方式來(lái)解決可能出現(xiàn)的混亂。即便我不發(fā)一語(yǔ),只是找一些標(biāo)示物,就可以十分清晰的向他人傳遞我的信息。

        20180329104526757.jpg

        產(chǎn)品:啤酒罐

        標(biāo)示物:罐上的凹痕(所有權(quán))

        提示對(duì)象:任何想偷偷拿走我啤酒的人

        傳遞的信息:“這不是你的啤酒?!?/p>

        額外的驚喜:紅酒杯上的標(biāo)記(毛巾上獨(dú)特特征)也起到相似作用。

        20180329104612684.jpg

        產(chǎn)品:餐館茶壺

        標(biāo)示物:茶壺的放置以及壺蓋的樣子(空或是滿的狀態(tài))

        提示對(duì)象:服務(wù)員

        傳遞的信息:“這茶壺空了,方便給我們加點(diǎn)水嗎?”

        20180329104648714.jpg

        產(chǎn)品:有領(lǐng)襯衫

        標(biāo)示物:衣架掛勾的放置方式(干凈或是被穿過(guò)的狀態(tài))

        提示對(duì)象:自己

        傳遞的信息:掛勾口朝外=“這件襯衫是干凈的?!睊旃纯诔瘍?nèi)=“這衣服至少已經(jīng)被穿過(guò)一次了。”


        生活中還有很多類似上文中提及的標(biāo)示物,因時(shí)間關(guān)系就不一一贅述了。不管怎樣,一般情況下這些視覺(jué)標(biāo)示物都可以很好的幫助用戶將某個(gè)商品從一群商品中區(qū)分出來(lái)。人們依賴于他們自己的即時(shí)需要或最終目標(biāo)來(lái)獲取信息(找到相應(yīng)視覺(jué)標(biāo)示物),無(wú)論是在電子產(chǎn)品還是自然生活中,視覺(jué)標(biāo)示物一直存在,并在在那里幫助著我們。


        原文鏈接:https://uxdesign.cc/visual-indicators-c3e0e5ce90f7

        翻譯:Annie

        責(zé)任編輯:大同

        認(rèn)可我的創(chuàng)作,就鼓勵(lì)一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋