唐納德·諾(nuo)曼(man)（Donald Norman）在《情(qing)感化設計：我們為什么會喜歡（或討(tao)厭）日常事物》（Emotional Design: Why we Love (or Hate) Everyday Things）一(yi)書中描述了一(yi)個(ge)他發現的研(yan)究“系統美學的好壞(huai)，會影響(xiang)后續使用對美觀和可用性的感受，但是實際上可用性沒有這(zhe)樣的影響(xiang)”，換(huan)言之，視覺設計對整(zheng)個(ge)體驗的影響(xiang)與可用性一(yi)樣。

視覺設計(ji)可(ke)能(neng)比用戶體(ti)驗更重要這個想法，聽起來好像不對，但(dan)是它不應該(gai)讓我(wo)們(men)感到詫異，人(ren)類被(bei)他們(men)覺得美的事(shi)物(wu)所(suo)吸引。

有研究表明：大人(ren)和小孩都更容(rong)易相信(xin)他們覺得(de)有吸引(yin)力的人(ren)（more likely to trust someone）。相同的理論(lun)對應(ying)用程序和網站來說似乎同樣如此(ci)：人(ren)們更容(rong)易暫(zan)時相信(xin)吸引(yin)人(ren)的應(ying)用所說的話(hua)。

在(zai)(zai)這(zhe)篇文章中(zhong)，我(wo)們就來看看為什么(me)人們更喜歡有吸引力的界面(mian)。它會說明我(wo)們作(zuo)為人類，以及用(yong)戶(hu)(hu)體驗的從(cong)業者如何(he)利用(yong)這(zhe)些知識來創造更好的用(yong)戶(hu)(hu)體驗。何(he)為吸引？在(zai)(zai)討論UX中(zhong)的美學(xue)之前(qian)，我(wo)們需要(yao)回答(da)一個問題(ti)。什么(me)意味著，這(zhe)個事物存(cun)在(zai)(zai)客觀的吸引力？

從字面上看，這是劃(hua)時代的問題(ti)，哲學家(jia)們可以追溯到畢(bi)達(da)哥拉(la)斯曾經問過什么是美(mei)，畢(bi)達(da)哥拉(la)斯的追隨者(zhe)認為“美(mei)是表現和諧，像數(shu)(shu)學上的黃金分割一樣(yang)”。從此許多數(shu)(shu)學家(jia)、哲學家(jia)開始試圖量化(hua)美(mei)。

另一方面，伏(fu)爾(er)泰認為，美(mei)(mei)是不(bu)可被界定的，這(zhe)也許會引發“情人眼里(li)出西(xi)施”這(zhe)種說(shuo)法(fa)。經驗主義者遵(zun)循這(zhe)種觀念，把美(mei)(mei)類比(bi)于(yu)快樂，就像人看到美(mei)(mei)好的事物所表現出的樣(yang)子

有一些科學(xue)家認(ren)為：能讓我(wo)們賞心悅目(mu)的(de)(de)是那(nei)些最有益于我(wo)們健康的(de)(de)事物。因此(ci)，疾病(bing)使得人們看起來“沒(mei)有魅力”，像(xiang)漿果之類對我(wo)們有益的(de)(de)東西，同(tong)樣給我(wo)們視覺上的(de)(de)愉(yu)悅感。這(zhe)個理論有很大(da)的(de)(de)漏洞（想象下美麗的(de)(de)毒性青蛙），但(dan)理論本身也許有一定(ding)的(de)(de)優點。

另外(wai)，一些人(ren)爭論說(shuo)美(mei)來源于社會(hui)和文化(hua)的傾向。事實上(shang)在美(mei)國，絕大多(duo)數孩子在很小的時(shi)候就看(kan)迪士尼電影，他們加(jia)深了女(nv)巫和惡(e)人(ren)都長相(xiang)(xiang)丑陋，然(ran)(ran)而(er)英雄和女(nv)主角都長相(xiang)(xiang)俊美(mei)的想法，然(ran)(ran)而(er)遠不止這些。

如(ru)今，由于受我(wo)們周圍媒體日益的(de)影響，大(da)量的(de)時尚產品，美容美發趨勢（facial hair trends），甚至體型都被認為(wei)是有(you)吸引(yin)力(li)的(de)；十(shi)年后，那些相同(tong)的(de)趨勢看(kan)起來可能會讓人感(gan)到(dao)尷尬或不(bu)屑。隨著(zhu)文化(hua)(hua)傾向的(de)變更，文化(hua)(hua)對美的(de)定義也(ye)會跟著(zhu)變化(hua)(hua)。

我們將(jiang)觀點同理到用戶(hu)體驗設(she)計中，或許因(yin)為(wei)我們將(jiang)某些(xie)交(jiao)互或者(zhe)網站元素(su)與可用性聯系了(le)起(qi)來，讓我們感覺(jue)很有吸引(yin)力。同時，有很多網絡趨勢(shi)和視覺(jue)資源現在看起(qi)來很吸引(yin)人，但是幾個月或幾年(nian)過后就沒那么大(da)影響力了(le)。

例(li)如：曾經有(you)(you)一(yi)(yi)段時間漫畫(hua)字體(ti)(ti)成(cheng)為了一(yi)(yi)種(zhong)優選字體(ti)(ti)，還有(you)(you)就是(shi)動(dong)畫(hua)啟動(dong)頁(ye)成(cheng)為了精心設計(ji)(ji)的(de)(de)網站的(de)(de)一(yi)(yi)種(zhong)象征。在用(yong)戶體(ti)(ti)驗設計(ji)(ji)中的(de)(de)視覺設計(ji)(ji)基于(yu)沒有(you)(you)一(yi)(yi)個人的(de)(de)審(shen)美觀是(shi)“完美的(de)(de)”的(de)(de)認知，我(wo)們現在可以深(shen)入研究視覺設計(ji)(ji)在用(yong)戶體(ti)(ti)驗設計(ji)(ji)中的(de)(de)所起的(de)(de)作用(yong)。畢(bi)竟，它不(bu)僅僅是(shi)使東西變得(de)好看。

usability.gov上(shang)將視(shi)覺(jue)設計定(ding)義（usability.gov defines visual design）為“戰略性的實現(xian)圖片(pian)、顏(yan)色、字(zi)體和其他元素”，目的是用(yong)來增(zeng)強(qiang)設計或交互，并吸引(yin)用(yong)戶。

視覺設計(ji)不同于交互設計(ji)，交互設計(ji)側重于完成任務(wu)所(suo)需的功能性。視覺設計(ji)則(ze)是吸(xi)引用戶(hu)，通(tong)過(guo)大小(xiao)、顏色和留白的使用來引導(dao)用戶(hu)注(zhu)意到正確(que)的功能和排列頁面中事(shi)物的優先(xian)順序(xu)，甚至是通(tong)過(guo)使用視覺線索增加品牌信任。

在某些方(fang)面(mian)，視覺設(she)(she)計(ji)(ji)(ji)可以(yi)看(kan)做是平(ping)面(mian)設(she)(she)計(ji)(ji)(ji)和用(yong)戶體驗(yan)設(she)(she)計(ji)(ji)(ji)的結合(he)（graphic design and user experience design）。事先聲明隨著(zhu)這(zhe)些領(ling)域的不斷發展，客觀來說，平(ping)面(mian)設(she)(she)計(ji)(ji)(ji)通常是指靜態(tai)的圖片或視覺效果的設(she)(she)計(ji)(ji)(ji)。

用戶(hu)(hu)體驗設(she)計包含(han)了交互設(she)計和(he)用戶(hu)(hu)界(jie)面設(she)計，所(suo)以注(zhu)重交互。視覺設(she)計正好位于中間(jian)，包含(han)了以改善交互和(he)可用性為目的而設(she)計靜態的圖片和(he)視覺效果。

視(shi)(shi)覺設計(ji)實際上可以極大的(de)(de)(de)改變(bian)用(yong)戶(hu)看(kan)屏幕(mu)的(de)(de)(de)方(fang)式（一(yi)語雙關），用(yong)戶(hu)甚至會(hui)期望(wang)從(cong)外觀上吸(xi)引(yin)人的(de)(de)(de)屏幕(mu)里獲得：更好(hao)的(de)(de)(de)功能性(xing)、更實用(yong)、更人性(xing)化(hua)。相關性(xing)谷(gu)歌的(de)(de)(de)產品總監盧(lu)克?弗羅布萊夫斯基（Luke Wroblewski），曾經花費數年時間探索視(shi)(shi)覺設計(ji)和用(yong)戶(hu)操(cao)作(zuo)之間的(de)(de)(de)相關性(xing)。在他 2008 年“論視(shi)(shi)覺層(ceng)級(ji)”（Communicating with Visual Hierarchy）的(de)(de)(de)報告中(zhong)，盧(lu)克闡釋了視(shi)(shi)覺設計(ji)在用(yong)戶(hu)體(ti)驗中(zhong)的(de)(de)(de)作(zuo)用(yong)。他認為“視(shi)(shi)覺層(ceng)級(ji)”2（Visual Hierarchy）（即如何安置和突顯屏幕(mu)上的(de)(de)(de)項(xiang)目）幫助我們：傳達消(xiao)息；指示操(cao)作(zuo)；組織信息。

緊接(jie)著盧(lu)克(ke)分(fen)享了許多技巧和建議，意圖在(zai)于激勵設計師們去思考他們應該(gai)在(zai)哪以及(ji)怎樣顯示信息。一個(ge)具備吸引(yin)力(li)的視覺層級，同時也是可用的那個(ge)。

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

在(zai)StackExchange中（Over at StackExchange），討論還在(zai)繼(ji)續。

某個(ge)用戶指(zhi)出(chu)：一方(fang)面(mian)研究表(biao)明(ming)，UI的(de)樣式(shi)是真的(de)會影響到體(ti)驗嗎？通常(chang)，人們會通過封面(mian)判斷書籍。

另一(yi)(yi)方面提醒我們，如果視(shi)覺設計(ji)很重(zhong)要，那么(me)你如何解釋(shi)微(wei)軟(ruan)（Microsoft）糟糕產品的驚人成功？我已經使(shi)用Outlook將近 20 年了，并且在我看來(lai)Outlook從來(lai)沒有(you)兩(liang)次相同(tong)的界(jie)面（不(bu)(bu)，我不(bu)(bu)是一(yi)(yi)個傻子(zi)）并且它一(yi)(yi)直有(you)很高(gao)的市場份額！這是什么(me)意思(si)？

在旁觀者眼里(li)是(shi)漂(piao)(piao)亮的(de)，有些用(yong)戶覺得微軟(ruan)（Microsoft）很漂(piao)(piao)亮，或者視(shi)覺設計畢(bi)竟是(shi)一(yi)件好事，并不是(shi)一(yi)個碰運氣的(de)事兒，正如Lucke Wroblewski所(suo)定義。

一(yi)(yi)個StackExchange用(yong)(yong)戶似乎(hu)要(yao)取得(de)平衡(heng)：”…視(shi)覺(jue)設(she)(she)計(ji)影響整體(ti)(ti)用(yong)(yong)戶體(ti)(ti)驗(yan)的(de)(de)(de)一(yi)(yi)個或多個方面，在幫助用(yong)(yong)戶實現目標的(de)(de)(de)過程中，它(ta)可能不(bu)一(yi)(yi)定是(shi)(shi)最重要(yao)的(de)(de)(de)部分，但是(shi)(shi)必將與用(yong)(yong)戶的(de)(de)(de)感(gan)知有關。”當然(ran)，他(ta)補充到(dao)：“做好的(de)(de)(de)或壞的(de)(de)(de)視(shi)覺(jue)設(she)(she)計(ji)真能影響UX？我(wo)認為(wei)你將會(hui)(hui)同意答(da)案(an)是(shi)(shi)對的(de)(de)(de)，但它(ta)以(yi)什(shen)么方式？這是(shi)(shi)一(yi)(yi)個很難回答(da)的(de)(de)(de)問(wen)題(ti)。”合理的(de)(de)(de)假設(she)(she)一(yi)(yi)個視(shi)覺(jue)上有吸引力的(de)(de)(de)網站，得(de)到(dao)同等(deng)的(de)(de)(de)好處(chu)就像(xiang)是(shi)(shi)一(yi)(yi)個著裝得(de)體(ti)(ti)的(de)(de)(de)人(ren)在一(yi)(yi)次會(hui)(hui)面中。收益是(shi)(shi)不(bu)用(yong)(yong)懷疑的(de)(de)(de)，當用(yong)(yong)戶來到(dao)一(yi)(yi)個沒有吸引力的(de)(de)(de)網站，如(ru)果他(ta)們有一(yi)(yi)個好的(de)(de)(de)體(ti)(ti)驗(yan)，他(ta)們仍然(ran)會(hui)(hui)高(gao)興。

然而，如果那是一個(ge)卡頓并(bing)沒有(you)吸(xi)引力(li)的網(wang)站(zhan)，用戶可能會盡快離(li)開。當一個(ge)網(wang)站(zhan)有(you)吸(xi)引力(li)的時候（無(wu)論(lun)是以經典的方式還是現在流行的方式），用戶本(ben)質上(shang)更相信(xin)它(ta)，并(bing)且準(zhun)備給第二(er)次機(ji)會。這對用戶體(ti)驗設(she)(she)計(ji)師(shi)意味著什(shen)么對于(yu)用戶體(ti)驗設(she)(she)計(ji)師(shi)來(lai)說，有(you)兩個(ge)主(zhu)要的點(dian)。首先，不要僅僅依靠視覺設(she)(she)計(ji)來(lai)挽救一個(ge)糟糕的體(ti)驗。最有(you)吸(xi)引力(li)的視覺效果，并(bing)不會修復對用戶來(lai)說是錯誤的或(huo)結構不完善的特性或(huo)功能。

其次，不要忽視(shi)視(shi)覺設計。我們都(dou)有競(jing)爭，視(shi)覺設計可以成為鼓勵用(yong)戶重視(shi)一個(ge)應用(yong)程(cheng)序(xu)，而(er)不是另一個(ge)同樣可用(yong)的應用(yong)程(cheng)序(xu)至(zhi)關(guan)重要的競(jing)爭優勢。

來自UXPin的杰瑞·曹（Jerry Cao）在Creative Bloq和Fast Company的文章，都為視(shi)覺設計提(ti)供(gong)了規則列表幫助。

對(dui)(dui)于想入(ru)門的(de)(de)(de)(de)用戶(hu)體驗(yan)設(she)計(ji)(ji)(ji)師來說(shuo)，這是(shi)最好的(de)(de)(de)(de)選(xuan)擇：保持(chi)一致(zhi)（Stay consistent），不(bu)(bu)一致(zhi)甚至會(hui)(hui)把(ba)最漂亮的(de)(de)(de)(de)設(she)計(ji)(ji)(ji)變成丑(chou)陋的(de)(de)(de)(de)爛攤子，這是(shi)一個感覺(jue)(jue)引導視(shi)覺(jue)(jue)的(de)(de)(de)(de)領(ling)域。如(ru)果用戶(hu)對(dui)(dui)網(wang)(wang)站(zhan)感到困惑，那么(me)(me)這種感覺(jue)(jue)將會(hui)(hui)使網(wang)(wang)站(zhan)在(zai)(zai)他(ta)(ta)們(men)(men)眼中顯得丑(chou)陋。測試視(shi)覺(jue)(jue)概念(nian)和紙張原(yuan)(yuan)型(xing)（Test visual concepts as well as paperprototypes），正(zheng)如(ru)杰瑞（Jerry）在(zai)(zai)Creative Bloq上告訴我(wo)們(men)(men)的(de)(de)(de)(de)那樣：“當人們(men)(men)上網(wang)(wang)時，他(ta)(ta)們(men)(men)說(shuo)他(ta)(ta)們(men)(men)正(zheng)在(zai)(zai)‘看’一個網(wang)(wang)站(zhan)，而不(bu)(bu)是(shi)‘與之互動’，盡管(guan)后者更準確。”我(wo)們(men)(men)對(dui)(dui)視(shi)覺(jue)(jue)效(xiao)果有(you)強(qiang)烈(lie)的(de)(de)(de)(de)反(fan)應(ying)，良好的(de)(de)(de)(de)品牌形象會(hui)(hui)影(ying)響我(wo)們(men)(men)對(dui)(dui)交互的(de)(de)(de)(de)信任(ren)和反(fan)應(ying)。不(bu)(bu)要(yao)被潮(chao)流(liu)左右（Don’t get distracted bytrends），黑(hei)色的(de)(de)(de)(de)小禮服在(zai)(zai)過去的(de)(de)(de)(de) 100 年里(li)一直流(liu)行是(shi)有(you)原(yuan)(yuan)因(yin)的(de)(de)(de)(de)。它(ta)(ta)很(hen)(hen)(hen)(hen)(hen)簡(jian)單(dan)，它(ta)(ta)很(hen)(hen)(hen)(hen)(hen)干(gan)凈，它(ta)(ta)很(hen)(hen)(hen)(hen)(hen)經典。同樣的(de)(de)(de)(de)，一個簡(jian)單(dan)、干(gan)凈、經典的(de)(de)(de)(de)視(shi)覺(jue)(jue)設(she)計(ji)(ji)(ji)會(hui)(hui)隨著時間的(de)(de)(de)(de)推移以趨(qu)勢無法預料(liao)的(de)(de)(de)(de)方式保持(chi)下去，例如(ru)：扁平化設(she)計(ji)(ji)(ji)的(de)(de)(de)(de)某些方面很(hen)(hen)(hen)(hen)(hen)有(you)可(ke)能會(hui)(hui)繼續存在(zai)(zai)。總的(de)(de)(de)(de)來說(shuo)，在(zai)(zai)之后的(de)(de)(de)(de)幾年里(li)很(hen)(hen)(hen)(hen)(hen)有(you)可(ke)能會(hui)(hui)有(you)很(hen)(hen)(hen)(hen)(hen)多(duo)應(ying)用程序看起來“那么(me)(me)的(de)(de)(de)(de)2015”。