聊聊圖標(biāo)的信息傳達(dá)

還記得早期的像素圖標(biāo)么….那時(shí)候超級(jí)瑪麗的像素小人兒還是熟悉溫?zé)岬耐暧洃?。早期OS/2-Warp4系統(tǒng)的像素圖標(biāo)也很有趣:
雖然現(xiàn)在看來“回收站”在理解上還有點(diǎn)問題。但在技術(shù)還不成熟的時(shí)候,僅支持16色,設(shè)計(jì)還是有很多圖像隱喻創(chuàng)意在里面。
圖標(biāo)很重要的作用就是向用戶傳達(dá)出正確的操作信息。很多圖標(biāo)采用好似照片記錄的寫實(shí)性也不失為一種好辦法。詳細(xì)地繪制人們熟悉的對(duì)象是有意義的,但是,繪制人們不熟悉的對(duì)象或抽象概念(例如網(wǎng)絡(luò))又有什么意義呢?有多少用戶見過裸露的硬盤驅(qū)動(dòng)器是什么樣子?用戶最終還是依靠附加的文字來理解。
Scott McCloud在《如何理解動(dòng)畫》( 《Understanding Comics》)一書中對(duì)動(dòng)畫形象的分析亦可應(yīng)用在圖形界面設(shè)計(jì)中,合理地分析圖標(biāo)的寫實(shí)性。
左側(cè)某個(gè)特定男士到右側(cè)的笑臉可以指代任何人??梢哉f明如果為表達(dá)某個(gè)通用概念,視覺上的細(xì)節(jié)一定減少。界面設(shè)計(jì)本身存在的環(huán)境就要求盡量減少文化和習(xí)慣的差異性,對(duì)圖形也力求普遍性,也要減少不必要的細(xì)節(jié)。
但是細(xì)節(jié)也不能太少,識(shí)別性絕對(duì)是第一必要條件,盡可能滿足用戶短時(shí)間理解記住圖形的含義。
左面可以清晰認(rèn)識(shí)是人臉,但是簡化到右邊,就不好識(shí)別和理解了。
以電腦上的實(shí)際圖標(biāo)為例,“主頁(Home)”圖標(biāo)
相較于最左邊寫實(shí)的房子,細(xì)節(jié)越多越難搞清楚指代的意義,右側(cè)普遍性和可識(shí)別性高許多。
當(dāng)然過少的細(xì)節(jié),如果右側(cè)圖標(biāo)去除掉窗戶和煙囪,“主頁(Home)”圖標(biāo)更像指示向上的方向鍵。
寫實(shí)性和可識(shí)別性要維持在一種曲線的平衡中。完美的圖形界面設(shè)計(jì)應(yīng)該出現(xiàn)在曲線的中央。
那么合理恰當(dāng)?shù)募?xì)節(jié)應(yīng)當(dāng)是什么樣子的呢?究竟什么樣的細(xì)節(jié)不會(huì)過度分散用戶注意力?
同樣以兩個(gè)按鍵為例:
左側(cè)的按鍵過于寫實(shí),如果放入界面中容易分散用戶注意。右側(cè)的靜止的邊框,無法促應(yīng)用戶進(jìn)行交互,很容易被忽略。
這里插幾句閑話,我覺得GUI設(shè)計(jì)師和一般視覺設(shè)計(jì)師或平面設(shè)計(jì)師最大的不同在于設(shè)計(jì)的圖案要有某些交互行為的暗示作用。比如,Ipad上扳動(dòng)的按鈕就要讓用戶有向哪里扳動(dòng)的行為暗示。
這種行為心理暗示其實(shí)在心理學(xué)上有專門的概念叫”affordance“。就是指用戶碰到客觀現(xiàn)象采取本能的行動(dòng)。舉個(gè)最好的例子來說明:
日本的一款發(fā)泄游戲叫“putiputi”。是一種塑料氣泡玩具。這款產(chǎn)品的創(chuàng)意來自于看見塑料薄膜泡便不知不覺地想去擠壓它,這是在心理學(xué)上 就被稱為“affordance”的現(xiàn)象之一 。如果設(shè)計(jì)產(chǎn)品時(shí),能夠考慮人的本能意識(shí)和行為,暗示某些操作,那所設(shè)計(jì)的交互式產(chǎn)品將具有很大創(chuàng)造力。設(shè)計(jì) 者創(chuàng)造的外界物與用戶的心理映射間插入的是一個(gè)的“=”。生活中,一種固化的映象在用戶心中落成時(shí),產(chǎn)品才真正具有自己的“語言”,能夠“說話”與用戶溝通。當(dāng)然,affordance現(xiàn)象,如果掌握不好,也可能給產(chǎn)品的設(shè)計(jì)帶來負(fù)作用。因?yàn)槿藗円部赡芤驗(yàn)樾睦碚J(rèn)知而對(duì)設(shè)計(jì)不良的產(chǎn)品進(jìn)行誤操作。
對(duì)于某些特殊圖形符號(hào),用戶是可以無障礙的捕捉的。我在歐洲旅行中發(fā)現(xiàn),即使到非英語國家,遇到比如數(shù)字、箭頭這些圖形,即使沒有前后語境,任何人都可以快速理解。數(shù)字表示順序;箭頭表示方向。這些都可以作為圖像的安全使用范圍。
總之,圖形界面設(shè)計(jì)中,圖形很大程度相當(dāng)于一種符號(hào),來傳遞某種功能信息。符號(hào)本身就是簡潔抽象的,如何應(yīng)用戶更快速準(zhǔn)確地理解符號(hào)和相關(guān)含義才是設(shè)計(jì)的首要問題。所以合理應(yīng)用寫實(shí)手段,處理好細(xì)節(jié),達(dá)到“增之一分則太長,減之一分則太短”的效果,增加用戶交互欲望才是最重要的。
源地址:http://www.zhangyq.com/?paged=3
- 目前還沒評(píng)論,等你發(fā)揮!