最近，每個(gè)app都是“美麗的”。如果你讀了最近的技術(shù)新聞，你會(huì)發(fā)現(xiàn)這場(chǎng)盛況：美麗的圖表，美麗的故事，美麗的短消息，美麗的筆記本，美麗的電池信息。

在我們的設(shè)計(jì)里最求漂亮是值得贊揚(yáng)的。但它并不能保證可用性無論它是一個(gè)產(chǎn)品還是營(yíng)銷策略。簡(jiǎn)單和易用應(yīng)該放在第一位，“美麗”對(duì)產(chǎn)品說明不了什么。多少人厭倦了ppt，因?yàn)榇鞌《奁?，“只要它更美麗就可以了么？?/p>

這個(gè)問題其實(shí)也很簡(jiǎn)單：沒有人知道如何確切的描述他們的產(chǎn)品。例如，wirte，一個(gè)筆記應(yīng)用，描述它自己為“你所有筆記的一個(gè)美麗的家”，并沒有說為什么我們需要它。macworld上是這么描述的“為dropbox用戶編寫的易記app”即簡(jiǎn)潔又特別：如果你喜歡做記錄并且使用dropbox，你會(huì)有興趣讀下去。

“美麗”這個(gè)詞對(duì)產(chǎn)品說明不了什么。

形容詞的改變反應(yīng)了態(tài)度的改變。在他最近的文章“膚淺的數(shù)碼產(chǎn)品的設(shè)計(jì)的誘惑”Peter Merholtz寫到：

“數(shù)字產(chǎn)品的討論在最近的幾年里變得越發(fā)膚淺了。許多人（大部分？）關(guān)注像“扁平”vs“擬物”，ios7的配色方案，視差滾動(dòng)，或者鏈接強(qiáng)調(diào)。這些事情并不是不重要，但是當(dāng)一個(gè)人在設(shè)計(jì)可用性和信息構(gòu)架時(shí)，我已經(jīng)對(duì)社會(huì)故意忽略了更深層次的系統(tǒng)和漂亮界面下的結(jié)構(gòu)而感到失望。我的意思是，多少像素會(huì)溢出在ios7.1重新設(shè)計(jì)的shift鍵上？”

它并不總是這樣的。事實(shí)上，當(dāng)我成為了一個(gè)設(shè)計(jì)師，我們有了另外的問題。

設(shè)計(jì)應(yīng)該擺在在美觀之前

我在90年代中期開始了我們稱之為“用戶界面設(shè)計(jì)”或者“人機(jī)交互”。軟件并不是一個(gè)特別友好的地方對(duì)于平面設(shè)計(jì)師們來說。web在那個(gè)時(shí)候還是一個(gè)局限性很強(qiáng)的平臺(tái)，使用216種“網(wǎng)絡(luò)安全”顏色和一個(gè)800×600的72dpi的顯示器。桌面平臺(tái)更加有限：一個(gè)按鈕看起來必須像一個(gè)按鈕，很少有應(yīng)用程序會(huì)進(jìn)行重大的努力去創(chuàng)建自己的外觀和感覺。動(dòng)畫僅限于圖片滾動(dòng)?！扒岸伍_發(fā)人員”這種概念根本就不存在，因?yàn)槠脚_(tái)的限制，以至于沒有編碼經(jīng)驗(yàn)的設(shè)計(jì)師自己就能做。

人機(jī)交互的從業(yè)者不會(huì)顧及視覺設(shè)計(jì)。如果我們?cè)诳捎眯?、信息架?gòu)和數(shù)據(jù)可視化方面采用與 flash 結(jié)合的方法將會(huì)處理的更漂亮。

這困擾著我。美學(xué)視乎沒有與可用性互不相容；如果給你一個(gè)有用的丑陋的界面和一個(gè)有用的有吸引力的界面，為什么不選擇后者呢？我忍不住去思考如何將形式和功能結(jié)合，彼此互相促進(jìn)和支持。

我發(fā)現(xiàn)Edward Tufte的書中列出了信息設(shè)計(jì)的原理和過程。這些原理中的很多——例如”用最小來區(qū)別不同“和區(qū)別有效數(shù)據(jù)和垃圾圖表——今天仍然繼續(xù)指導(dǎo)著我的工作。

通過對(duì)左邊的圖應(yīng)用了Tufte的最小區(qū)別不同和有效數(shù)據(jù)原理，我們?cè)谟疫叺膱D實(shí)現(xiàn)了更有效的信息。碰巧的是它也是更美麗的。

Tufte很少談及美，但是他的工作總是充滿了它。一次又一次，他把一個(gè)貧瘠的設(shè)計(jì)轉(zhuǎn)變成一個(gè)有效的設(shè)計(jì)——過程中把它從艷俗的裝飾變成美麗優(yōu)雅的。對(duì)Tufte來說美麗是信息呈現(xiàn)不可分割的一部分。在《定量信息的視覺展示》這本書的結(jié)尾出他寫道”圖像的優(yōu)雅經(jīng)常在簡(jiǎn)單的設(shè)計(jì)和復(fù)雜的數(shù)據(jù)中發(fā)現(xiàn)?！?/p>

Tufte最著名的例子， Charles Minard的1869年的信息圖“拿破侖在莫斯科的3月”，清晰的展示了6方面的信息。

把視覺放在設(shè)計(jì)里

到了20世紀(jì)中期，這個(gè)行業(yè)已經(jīng)趕上了Tufte。數(shù)字設(shè)計(jì)師被分成兩個(gè)類型：“用戶體驗(yàn)設(shè)計(jì)”（UX）和“視覺設(shè)計(jì)”。視覺設(shè)計(jì)，從某種意義上來說，可以算平面設(shè)計(jì)的一種應(yīng)用，它用像素來體現(xiàn)UX。一個(gè)項(xiàng)目同時(shí)有這兩種設(shè)計(jì)師并不罕見。最后的工作結(jié)果并不只是從他們的技能的廣度還會(huì)從他們兩者的相互作用受益。

為什么大家開始重新接受視覺了呢？Don Norman在他2007年的情感化設(shè)計(jì)里寫到：

“1980年的時(shí)候，在寫”設(shè)計(jì)心理學(xué)“時(shí)，我不考慮情感。我用一種非常有邏輯的，冷靜的方式去解決工具和可用性，功能和形式——盡管我被設(shè)計(jì)不良的對(duì)象激怒。但是現(xiàn)在我改變了態(tài)度。為什么？部分是因?yàn)樾碌目茖W(xué)進(jìn)步讓我理解了大腦里情感和認(rèn)知是如何交織在一起的。”

知覺和認(rèn)知是主觀的，我們的情緒狀態(tài)影響我們會(huì)如何思考。這種可塑性無處不在：我們看到的那個(gè)世界并不是它本身。（如果你想對(duì)此進(jìn)行一個(gè)迷人而詳細(xì)的了解，我推薦David Eagleman的《Incognito: The Secret Lives of the Brain》。這個(gè)影響是意義深遠(yuǎn)的：如果一個(gè)應(yīng)用程序的外觀和感覺可以把用戶帶入有利于手頭人物的情緒狀態(tài)，那么視覺設(shè)計(jì)將是用戶體驗(yàn)最基本的一部分。

與這種視角的轉(zhuǎn)變相對(duì)應(yīng)的是技術(shù)的進(jìn)步。我們有成千上萬中色彩，更大的顯示器和足夠的馬力去建立平滑的動(dòng)畫效果。CSS和DOM讓我們可以靈活的構(gòu)建完整的風(fēng)格、動(dòng)畫、瀏覽器中得交互應(yīng)用。就算在低分辨率和初級(jí)排版的情況下，仍然有可能至上而下的建立一個(gè)表現(xiàn)獨(dú)特的、優(yōu)美的視覺并且更加精明的運(yùn)用那些信息設(shè)計(jì)的原理。

技術(shù)表現(xiàn)的越來越好。手機(jī)將動(dòng)態(tài)、情景感知軟件放在每個(gè)人的口袋里。屏幕的分辨率翻了一番并且還在不停的增加。動(dòng)畫變得流暢、豐富并且更加的容易創(chuàng)建——通過模仿世界中物體的碰撞。web字體把我們從Arial 和 Verdana的枷鎖中解脫出來，高分辨率的顯示器給了字體家族和字重易讀性，這些之前都做得很糟糕。今天我們有前所未有的能力去打成電影級(jí)別的喜悅。

把UX從設(shè)計(jì)中獨(dú)立出來

2011年的時(shí)候，我發(fā)現(xiàn)看法又開始轉(zhuǎn)變了。我們把“設(shè)計(jì)”從“用戶體驗(yàn)設(shè)計(jì)”里抽出，一些公司開始將UX和“設(shè)計(jì)”團(tuán)隊(duì)獨(dú)立出來。線框圖開始在一些圈子里失寵了。設(shè)計(jì)討論越來越脫離用戶需求，正如Peter Merholtz提到的。

去年我們看到，“扁平化”戰(zhàn)勝了“擬物化”設(shè)計(jì)，起因于 Modernist-esque 的論點(diǎn)：陰影、紋理和光澤不能真實(shí)的顯示數(shù)字媒介。

事實(shí)上數(shù)字顯示不是我們的媒介。顯示器、鍵盤、鼠標(biāo)和觸摸屏——我們工作的工具才是真正的媒介。我們的媒介是一個(gè)奇怪、古怪的東西,在幾千年的進(jìn)化過程中,始終以啟發(fā)式的思維方式引導(dǎo)我們，有時(shí)候給我們帶來驚人的變化，有時(shí)候又將我們向錯(cuò)誤的方向引導(dǎo)。

所以今天,也許在情感設(shè)計(jì)中諾曼的見解需要發(fā)生翻天覆地的改變。當(dāng)我們的產(chǎn)品不滿足用戶的實(shí)際需求那么我們是在浪費(fèi)美。主觀的看法:如果未能滿足用戶需求或令用戶感到困惑，則是丑陋的產(chǎn)品。就像一見鐘情,然后進(jìn)行簡(jiǎn)短的對(duì)話后就沒有感覺了?，F(xiàn)在，你的心上人看起來毫無吸引力；你不能回憶起你當(dāng)初為什么對(duì)她如此著迷。

偉大的設(shè)計(jì)是綜合了藝術(shù)和科學(xué)、美學(xué)、可用性和理解了用戶需求和行為的設(shè)計(jì)。要取得成功,我們需要一個(gè)平衡點(diǎn)。美,不是產(chǎn)品的全部而是其中的一部分,在實(shí)際中產(chǎn)品設(shè)計(jì)會(huì)對(duì)美與用戶體驗(yàn)進(jìn)行取舍。

作為設(shè)計(jì)師,我們的工具是像素,但是我們有更好、更高級(jí)的工具。我們可以引導(dǎo)用戶的情感。我們可以使用圖片和形狀利用網(wǎng)格創(chuàng)建我們所熟悉的事物和交互。

此外,我們甚至可以利用動(dòng)畫模擬物質(zhì)。我們可以選擇字體、顏色和字體的粗細(xì)——在整個(gè)頁面中創(chuàng)建層次結(jié)構(gòu)通過強(qiáng)調(diào)或弱化某些元素幫助用戶閱讀和理解接下來要發(fā)生的事情。我們可以把數(shù)據(jù)轉(zhuǎn)化為可以容易理解圖表。我也將美的元素融入其中，讓她成為不可或缺的部分。

source:ui.cn