嘿嘿嘿~首先還是請原諒我拿了一張那麼醜的封面圖和那麼老土的話……汗……畢竟這只是一張理論貼……
然後是文章所討論的範圍都在於web和手持向的UI或者是設計(基於基本場景,無突發狀態),如有不正,歡迎拍磚~還有文中會涉及很多引用,均會標註,請勿見外~marble granite
現在還是用《Realism in UI Design》一文中作者的例子作開場吧~
在UI設計中,其中一個影響 icon 表達能力的因素是 icon 的真實度。
至此會衍生出一個問題,我們的UI是不是真的越真實越好,越美觀越好?事實上,一個 icon 的認知度跟細節有如下圖的關係:
一個優秀的 icon 必須剝絲抽繭,把不必要的細節去除掉,同時又不能過於抽像。當然,抽絲之前當然先得確保對象是正確的。
至此,很多視覺和交互都會想殺掉我,因爲我好像在貶低你們工作的意義。但事實就如同《don't make me think》當中所說一般:
“現在,看到這些用戶的使用情況,你可能會想:爲什麼我不在當地的7-11便利店找份工作算了,至少那裏有人看到我付出的勞動。
那麼到底該怎麼辦?
我想答案很簡單,如果用戶覺得你在設計一個廣告牌,那就設計了不起的廣告牌吧~”
當然,真正在設計中,我們不會以think或者don't think來作爲設計的衡量依據,但他的確是一個良好的體現,如果你的設計讓用戶的學習成本上升,老闆堅持讓你這麼做,你應該希望他的資金能撐到用戶開始理解你的產品。
好了,別人例子到此結束,我們來看一個實例。
如果說美觀性,在使用場合的無差別情況下,這些選擇都不算是醜,但是在實用性上,可以看到我們基礎的美化,就是使用戶更方便更舒適的使用你的產品,達到他的目的!
那麼先請抱有這樣的意識:
1.誰來使用這個功能?
2.爲什麼要存在這個功能?
3.這個功能是什麼樣的?
4.最終這個功能要達到什麼樣的結果?他的使用者能方便的明白麼?
完了……又有一羣設計想殺了我……對,我說的是基礎中的基礎,但是比如,我們有老闆的要求!我需要做的是一個有盈利目的的引導!
OK~OK~
我們看下一個例子~
雖然我表現得會比較誇張,但是迴歸原點還會是那個問題:你的美化你的設計是否是有意義的。
還是你自認爲的意義,但是你的用戶很難理解,我們不是在做攝影,也不是在做超越世界的創造。
你面對的是參差不齊的用戶,使用方式和思考習慣在你想象之外,過度美化只會是一種負擔。
我想同樣看過越來越精緻的UI的我們,都會在看到某一個UI後說出一句:這個好好看啊!它是XXX麼?而這個問號通常都很大……