唐納德·諾曼（Donald Norman）在《情感化(huà)設計：我們爲什(shén)麽會喜歡（或討(tǎo)厭）日常事物(wù)》（Emotional Design: Why we Love (or Hate) Everyday Things）一書(shū)中描述了(le)一個(gè)他(tā)發現的(de)研究“系統美(měi)學的(de)好壞，會影(yǐng)響後續使用(yòng)對(duì)美(měi)觀和(hé)可(kě)用(yòng)性的(de)感受，但是實際上可(kě)用(yòng)性沒有這(zhè)樣的(de)影(yǐng)響”，換言之，視覺設計對(duì)整個(gè)體驗的(de)影(yǐng)響與可(kě)用(yòng)性一樣。

視覺設計可(kě)能比用(yòng)戶體驗更重要這(zhè)個(gè)想法，聽(tīng)起來(lái)好像不對(duì)，但是它不應該讓我們感到詫異，人(rén)類被他(tā)們覺得(de)美(měi)的(de)事物(wù)所吸引。

有研究表明(míng)：大(dà)人(rén)和(hé)小孩都更容易相信他(tā)們覺得(de)有吸引力的(de)人(rén)（more likely to trust someone）。相同的(de)理(lǐ)論對(duì)應用(yòng)程序和(hé)網站來(lái)說似乎同樣如此：人(rén)們更容易暫時(shí)相信吸引人(rén)的(de)應用(yòng)所說的(de)話(huà)。

在這(zhè)篇文章(zhāng)中，我們就來(lái)看看爲什(shén)麽人(rén)們更喜歡有吸引力的(de)界面。它會說明(míng)我們作爲人(rén)類，以及用(yòng)戶體驗的(de)從業者如何利用(yòng)這(zhè)些知識來(lái)創造更好的(de)用(yòng)戶體驗。何爲吸引？在討(tǎo)論UX中的(de)美(měi)學之前，我們需要回答(dá)一個(gè)問題。什(shén)麽意味著(zhe)，這(zhè)個(gè)事物(wù)存在客觀的(de)吸引力？

從字面上看，這(zhè)是劃時(shí)代的(de)問題，哲學家們可(kě)以追溯到畢達哥(gē)拉斯曾經問過什(shén)麽是美(měi)，畢達哥(gē)拉斯的(de)追随者認爲“美(měi)是表現和(hé)諧，像數學上的(de)黃(huáng)金分(fēn)割一樣”。從此許多(duō)數學家、哲學家開始試圖量化(huà)美(měi)。

另一方面，伏爾泰認爲，美(měi)是不可(kě)被界定的(de)，這(zhè)也(yě)許會引發“情人(rén)眼裏出西施”這(zhè)種說法。經驗主義者遵循這(zhè)種觀念，把美(měi)類比于快(kuài)樂(yuè)，就像人(rén)看到美(měi)好的(de)事物(wù)所表現出的(de)樣子

有一些科學家認爲：能讓我們賞心悅目的(de)是那些最有益于我們健康的(de)事物(wù)。因此，疾病使得(de)人(rén)們看起來(lái)“沒有魅力”，像漿果之類對(duì)我們有益的(de)東西，同樣給我們視覺上的(de)愉悅感。這(zhè)個(gè)理(lǐ)論有很大(dà)的(de)漏洞（想象下(xià)美(měi)麗的(de)毒性青蛙），但理(lǐ)論本身也(yě)許有一定的(de)優點。

另外，一些人(rén)争論說美(měi)來(lái)源于社會和(hé)文化(huà)的(de)傾向。事實上在美(měi)國，絕大(dà)多(duō)數孩子在很小的(de)時(shí)候就看迪士尼電影(yǐng)，他(tā)們加深了(le)女(nǚ)巫和(hé)惡人(rén)都長(cháng)相醜陋，然而英雄和(hé)女(nǚ)主角都長(cháng)相俊美(měi)的(de)想法，然而遠(yuǎn)不止這(zhè)些。

如今，由于受我們周圍媒體日益的(de)影(yǐng)響，大(dà)量的(de)時(shí)尚産品，美(měi)容美(měi)發趨勢（facial hair trends），甚至體型都被認爲是有吸引力的(de)；十年後，那些相同的(de)趨勢看起來(lái)可(kě)能會讓人(rén)感到尴尬或不屑。随著(zhe)文化(huà)傾向的(de)變更，文化(huà)對(duì)美(měi)的(de)定義也(yě)會跟著(zhe)變化(huà)。

我們将觀點同理(lǐ)到用(yòng)戶體驗設計中，或許因爲我們将某些交互或者網站元素與可(kě)用(yòng)性聯系了(le)起來(lái)，讓我們感覺很有吸引力。同時(shí)，有很多(duō)網絡趨勢和(hé)視覺資源現在看起來(lái)很吸引人(rén)，但是幾個(gè)月(yuè)或幾年過後就沒那麽大(dà)影(yǐng)響力了(le)。

例如：曾經有一段時(shí)間漫畫(huà)字體成爲了(le)一種優選字體，還(hái)有就是動畫(huà)啓動頁成爲了(le)精心設計的(de)網站的(de)一種象征。在用(yòng)戶體驗設計中的(de)視覺設計基于沒有一個(gè)人(rén)的(de)審美(měi)觀是“完美(měi)的(de)”的(de)認知，我們現在可(kě)以深入研究視覺設計在用(yòng)戶體驗設計中的(de)所起的(de)作用(yòng)。畢竟，它不僅僅是使東西變得(de)好看。

usability.gov上将視覺設計定義（usability.gov defines visual design）爲“戰略性的(de)實現圖片、顔色、字體和(hé)其他(tā)元素”，目的(de)是用(yòng)來(lái)增強設計或交互，并吸引用(yòng)戶。

視覺設計不同于交互設計，交互設計側重于完成任務所需的(de)功能性。視覺設計則是吸引用(yòng)戶，通(tōng)過大(dà)小、顔色和(hé)留白的(de)使用(yòng)來(lái)引導用(yòng)戶注意到正确的(de)功能和(hé)排列頁面中事物(wù)的(de)優先順序，甚至是通(tōng)過使用(yòng)視覺線索增加品牌信任。

在某些方面，視覺設計可(kě)以看做(zuò)是平面設計和(hé)用(yòng)戶體驗設計的(de)結合（graphic design and user experience design）。事先聲明(míng)随著(zhe)這(zhè)些領域的(de)不斷發展，客觀來(lái)說，平面設計通(tōng)常是指靜态的(de)圖片或視覺效果的(de)設計。

用(yòng)戶體驗設計包含了(le)交互設計和(hé)用(yòng)戶界面設計，所以注重交互。視覺設計正好位于中間，包含了(le)以改善交互和(hé)可(kě)用(yòng)性爲目的(de)而設計靜态的(de)圖片和(hé)視覺效果。

視覺設計實際上可(kě)以極大(dà)的(de)改變用(yòng)戶看屏幕的(de)方式（一語雙關），用(yòng)戶甚至會期望從外觀上吸引人(rén)的(de)屏幕裏獲得(de)：更好的(de)功能性、更實用(yòng)、更人(rén)性化(huà)。相關性谷歌(gē)的(de)産品總監盧克?弗羅布萊夫斯基（Luke Wroblewski），曾經花費數年時(shí)間探索視覺設計和(hé)用(yòng)戶操作之間的(de)相關性。在他(tā) 2008 年“論視覺層級”（Communicating with Visual Hierarchy）的(de)報告中，盧克闡釋了(le)視覺設計在用(yòng)戶體驗中的(de)作用(yòng)。他(tā)認爲“視覺層級”2（Visual Hierarchy）（即如何安置和(hé)突顯屏幕上的(de)項目）幫助我們：傳達消息；指示操作；組織信息。

緊接著(zhe)盧克分(fēn)享了(le)許多(duō)技巧和(hé)建議(yì)，意圖在于激勵設計師們去思考他(tā)們應該在哪以及怎樣顯示信息。一個(gè)具備吸引力的(de)視覺層級，同時(shí)也(yě)是可(kě)用(yòng)的(de)那個(gè)。

然而七年至今，視覺設計在用(yòng)戶體驗工作中的(de)重要性仍然很少被提及。

在StackExchange中（Over at StackExchange），討(tǎo)論還(hái)在繼續。

某個(gè)用(yòng)戶指出：一方面研究表明(míng)，UI的(de)樣式是真的(de)會影(yǐng)響到體驗嗎？通(tōng)常，人(rén)們會通(tōng)過封面判斷書(shū)籍。

另一方面提醒我們，如果視覺設計很重要，那麽你如何解釋微軟（Microsoft）糟糕産品的(de)驚人(rén)成功？我已經使用(yòng)Outlook将近 20 年了(le)，并且在我看來(lái)Outlook從來(lái)沒有兩次相同的(de)界面（不，我不是一個(gè)傻子）并且它一直有很高(gāo)的(de)市場(chǎng)份額！這(zhè)是什(shén)麽意思？

在旁觀者眼裏是漂亮的(de)，有些用(yòng)戶覺得(de)微軟（Microsoft）很漂亮，或者視覺設計畢竟是一件好事，并不是一個(gè)碰運氣的(de)事兒(ér)，正如Lucke Wroblewski所定義。

一個(gè)StackExchange用(yòng)戶似乎要取得(de)平衡：”…視覺設計影(yǐng)響整體用(yòng)戶體驗的(de)一個(gè)或多(duō)個(gè)方面，在幫助用(yòng)戶實現目标的(de)過程中，它可(kě)能不一定是最重要的(de)部分(fēn)，但是必将與用(yòng)戶的(de)感知有關。”當然，他(tā)補充到：“做(zuò)好的(de)或壞的(de)視覺設計真能影(yǐng)響UX？我認爲你将會同意答(dá)案是對(duì)的(de)，但它以什(shén)麽方式？這(zhè)是一個(gè)很難回答(dá)的(de)問題。”合理(lǐ)的(de)假設一個(gè)視覺上有吸引力的(de)網站，得(de)到同等的(de)好處就像是一個(gè)著(zhe)裝得(de)體的(de)人(rén)在一次會面中。收益是不用(yòng)懷疑的(de)，當用(yòng)戶來(lái)到一個(gè)沒有吸引力的(de)網站，如果他(tā)們有一個(gè)好的(de)體驗，他(tā)們仍然會高(gāo)興。

然而，如果那是一個(gè)卡頓并沒有吸引力的(de)網站，用(yòng)戶可(kě)能會盡快(kuài)離開。當一個(gè)網站有吸引力的(de)時(shí)候（無論是以經典的(de)方式還(hái)是現在流行的(de)方式），用(yòng)戶本質上更相信它，并且準備給第二次機會。這(zhè)對(duì)用(yòng)戶體驗設計師意味著(zhe)什(shén)麽對(duì)于用(yòng)戶體驗設計師來(lái)說，有兩個(gè)主要的(de)點。首先，不要僅僅依靠視覺設計來(lái)挽救一個(gè)糟糕的(de)體驗。最有吸引力的(de)視覺效果，并不會修複對(duì)用(yòng)戶來(lái)說是錯誤的(de)或結構不完善的(de)特性或功能。

其次，不要忽視視覺設計。我們都有競争，視覺設計可(kě)以成爲鼓勵用(yòng)戶重視一個(gè)應用(yòng)程序，而不是另一個(gè)同樣可(kě)用(yòng)的(de)應用(yòng)程序至關重要的(de)競争優勢。

來(lái)自UXPin的(de)傑瑞·曹（Jerry Cao）在Creative Bloq和(hé)Fast Company的(de)文章(zhāng)，都爲視覺設計提供了(le)規則列表幫助。

對(duì)于想入門的(de)用(yòng)戶體驗設計師來(lái)說，這(zhè)是最好的(de)選擇：保持一緻（Stay consistent），不一緻甚至會把最漂亮的(de)設計變成醜陋的(de)爛攤子，這(zhè)是一個(gè)感覺引導視覺的(de)領域。如果用(yòng)戶對(duì)網站感到困惑，那麽這(zhè)種感覺将會使網站在他(tā)們眼中顯得(de)醜陋。測試視覺概念和(hé)紙張原型（Test visual concepts as well as paperprototypes），正如傑瑞（Jerry）在Creative Bloq上告訴我們的(de)那樣：“當人(rén)們上網時(shí)，他(tā)們說他(tā)們正在‘看’一個(gè)網站，而不是‘與之互動’，盡管後者更準确。”我們對(duì)視覺效果有強烈的(de)反應，良好的(de)品牌形象會影(yǐng)響我們對(duì)交互的(de)信任和(hé)反應。不要被潮流左右（Don’t get distracted bytrends），黑(hēi)色的(de)小禮服在過去的(de) 100 年裏一直流行是有原因的(de)。它很簡單，它很幹淨，它很經典。同樣的(de)，一個(gè)簡單、幹淨、經典的(de)視覺設計會随著(zhe)時(shí)間的(de)推移以趨勢無法預料的(de)方式保持下(xià)去，例如：扁平化(huà)設計的(de)某些方面很有可(kě)能會繼續存在。總的(de)來(lái)說，在之後的(de)幾年裏很有可(kě)能會有很多(duō)應用(yòng)程序看起來(lái)“那麽的(de)2015”。