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

視覺設計可(ke)能比用(yong)戶(hu)體驗更重(zhong)要這個想(xiang)法，聽起來好像不(bu)對，但(dan)是它不(bu)應(ying)該讓(rang)我們感(gan)到詫(cha)異，人類被他們覺得美的事物所吸引。

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

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

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

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

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

另外，一(yi)些人爭(zheng)論說美來源于社會和(he)(he)文化的傾(qing)向。事實(shi)上在美國，絕大多數孩子在很小的時候就(jiu)看迪士尼(ni)電(dian)影，他們加深了女(nv)巫(wu)和(he)(he)惡人都長相丑陋，然(ran)而英雄和(he)(he)女(nv)主角(jiao)都長相俊美的想法，然(ran)而遠(yuan)不止這些。

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

我(wo)(wo)(wo)們將觀點(dian)同理(li)到用(yong)戶(hu)體驗設(she)計中，或許因為我(wo)(wo)(wo)們將某些交互或者網(wang)(wang)站元素與可用(yong)性(xing)聯(lian)系了起(qi)來，讓(rang)我(wo)(wo)(wo)們感覺很有(you)吸引力(li)。同時，有(you)很多網(wang)(wang)絡趨勢和視覺資源現在(zai)看(kan)起(qi)來很吸引人(ren)，但(dan)是幾個月(yue)或幾年(nian)過后(hou)就(jiu)沒那么大影響力(li)了。

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

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

視覺(jue)設(she)計不(bu)同于交互(hu)設(she)計，交互(hu)設(she)計側重于完(wan)成任務所需(xu)的(de)功能(neng)性。視覺(jue)設(she)計則是(shi)吸(xi)引用(yong)(yong)戶，通過大小、顏色和留白的(de)使(shi)用(yong)(yong)來引導用(yong)(yong)戶注意到正(zheng)確(que)的(de)功能(neng)和排(pai)列頁面中事物的(de)優先(xian)順序，甚至是(shi)通過使(shi)用(yong)(yong)視覺(jue)線索增加品(pin)牌信任。

在某些(xie)方(fang)面，視覺設(she)計可以看做(zuo)是(shi)平面設(she)計和用戶體驗設(she)計的(de)(de)結(jie)合（graphic design and user experience design）。事(shi)先(xian)聲明隨著這些(xie)領(ling)域的(de)(de)不斷(duan)發展(zhan)，客(ke)觀來說，平面設(she)計通常是(shi)指(zhi)靜態的(de)(de)圖(tu)片(pian)或視覺效果的(de)(de)設(she)計。

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

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

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

然(ran)而七年(nian)至(zhi)今，視覺設計在用戶體驗(yan)工作(zuo)中的重要性(xing)仍(reng)然(ran)很少被(bei)提及。

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

某個用(yong)戶(hu)指出(chu)：一方面研究表明，UI的樣式是(shi)真(zhen)的會(hui)影響到體驗嗎(ma)？通(tong)常，人們會(hui)通(tong)過(guo)封面判斷書(shu)籍。

另一(yi)方面提醒我(wo)們，如(ru)果(guo)視覺設計很(hen)重要，那么你如(ru)何(he)解釋微軟(ruan)（Microsoft）糟糕產品的驚(jing)人成功(gong)？我(wo)已經使用Outlook將近 20 年了，并且(qie)在我(wo)看來Outlook從來沒有兩次相同的界面（不，我(wo)不是(shi)一(yi)個(ge)傻子）并且(qie)它一(yi)直(zhi)有很(hen)高的市場份額！這是(shi)什么意思？

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

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

然而，如果那是(shi)一個(ge)(ge)卡頓(dun)并沒有(you)吸引(yin)力(li)的(de)(de)網站，用戶可能(neng)(neng)會(hui)盡快離開。當一個(ge)(ge)網站有(you)吸引(yin)力(li)的(de)(de)時(shi)候（無論是(shi)以經典的(de)(de)方式還是(shi)現在流(liu)行的(de)(de)方式），用戶本質上更相信它，并且準備(bei)給第二次機會(hui)。這對(dui)(dui)用戶體(ti)(ti)(ti)驗設計師意味著什么(me)對(dui)(dui)于用戶體(ti)(ti)(ti)驗設計師來說，有(you)兩個(ge)(ge)主(zhu)要(yao)的(de)(de)點(dian)。首先，不(bu)要(yao)僅(jin)僅(jin)依靠視覺設計來挽(wan)救一個(ge)(ge)糟糕的(de)(de)體(ti)(ti)(ti)驗。最有(you)吸引(yin)力(li)的(de)(de)視覺效果，并不(bu)會(hui)修復對(dui)(dui)用戶來說是(shi)錯誤(wu)的(de)(de)或結(jie)構不(bu)完善的(de)(de)特性或功能(neng)(neng)。

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

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

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