視覺設計如何造就偉大的使用者體驗
原文 UX Booth Editorial Team 2015-11-17看原文點這裡
翻譯 全宇宙の³姐 2018-12-02
在 Don Norman 的書《Emotional Design: Why we Love (or Hate) Everyday Things》中，他描述了一項實驗發現，“系統的美感共同影響著使用者的觀感和可用性，但單單可用性本身卻沒有如此大的作用。”也就是說，視覺設計對於實際的整體體驗有著和可用性同樣重要的作用。
其實呢，視覺設計可能比可用性更加重要，我們也不應因此感到驚訝。人們被事物吸引，並且會感受到審美上的愉悅，研究表明：成年人和孩子都會更加信任有吸引力的事物。相同的理論同樣適用於APP和網站：人們會更傾向於給與有吸引力的應用以信任。
在這篇文章中，我們會一起看看，為什麼人們會更加喜歡有吸引力的介面，對用我們來講，到底還有哪些相關知識。以及最重要的，作為一個使用者體驗設計從業者，我們如何利用這些知識去創造更好的使用者體驗。
什麼是吸引力？
在討論使用者體驗中的審美之前，我們需要回答一個問題。對於一件事物來說，吸引到底意味著什麼？哦，這可是一個難題啊。哲學家會回溯歷史，哲學家畢達哥拉斯也曾問過同樣的問題，他的追隨者這樣定義：“美是一種愉悅的表現形式，正如數學中的黃金分割。”
許多數學家都試圖量化“美”這個東西，但法國啟蒙思想家、文學家、哲學家伏爾泰也說過，“美”不可定義。正如一句諺語，“情人眼裡出西施”，實踐者們遵循這一信仰，視美為一種愉悅或者漂亮的事物。
一些科學家認為，令我們感到愉悅的東西也是健康的東西。如此說來，不健康的東西會看起來“沒有吸引力”。比如漿果之類對我們有益的東西，我們也會覺得看起來愉悅。這個理論有一個巨大的漏洞（比如看起來漂亮的卻有毒的青蛙），但也有一定價值。
與此同時，另一些科學家則認為美起源於社會和文化的態度。在美國，大多數孩子都會在小時候觀看迪士尼的電影，這促使他們形成了一些觀念，比如女巫和作惡者是“醜陋的”，而英雄們是“漂亮的”，這些觀念對人們的影響遠不如此。美的觀念被我們的日常環境所影響，今天看起來時尚的事物如新潮的髮型、時尚的姿態，在十年前很可能看起來令人尷尬。因此，文化在改變，由文化而定義的美的概念，也在變化。
說回到使用者體驗設計。也許存在一些確定的互動或者是元素讓我們感到有吸引力，因為這些東西與可用性相關聯。與此同時，也確確實實會出現一些當下流行的網站設計趨勢和視覺風格，但幾個月或者幾年後卻不再受到喜愛。舉個例子，曾經有一段時間，選用漫畫字型、運用閃爍飛濺效果的網頁被認為是好的，但今天卻不然。
使用者體驗中的視覺設計
經過上面的討論，我們已經知道，這裡沒有一個所謂完美無暇、亙古不變的審美。接下來我們太探討使用者體驗中的視覺設計，畢竟，它比僅僅把東西做的漂亮要複雜的多。
Usability.gov 是這樣定義視覺設計的：“有策略性地使用圖片、顏色、字型和其他元素”，其目的在於提升設計和互動，從而吸引使用者。視覺設計與互動設計不同，互動設計聚焦於完成一項任務的功能需要，而視覺設計需要引導使用者的注意力到正確的功能上，通過元素的大小、顏色和留白將功能的優先順序表達出來，甚至通過一些視覺暗示去表達品牌，增強使用者對品牌的認知和信任。
從某種程度上來說，視覺設計是平面設計和使用者體驗設計的交叉。這些領域混合在一起，不斷演進，平面設計通常來說是靜態影象的設計，使用者體驗設計則將互動設計和使用者介面設計融合在一起，它更注重“溝通”。視覺設計則處在前面兩者之間，目的在於促進“溝通”與“可用性”。
視覺設計真的會對使用者如何看待介面產生巨大的影響！一個有吸引力的介面會讓使用者產生更好的感覺：更好的功能，更加易於使用，甚至更加人性化。
關聯性
Luke Wroblewski 是 Google 的產品總監，他花費了許多年，探索視覺視覺和使用者行為之間的關聯性。在2008年的演講“ ofollow,noindex">Communicating with Visual Hierarchy ”（用設計架構建立溝通）中，他闡述了視覺設計在使用者體驗中的作用：如果在螢幕中放置元素並且給它們分配注意力，也就是我們所謂的“視覺架構”，可以幫助我們：
- 傳遞資訊
- 標識行為
- 組織資訊
他分享了大量的小竅門和建議，這些都可以幫助我們思考：在哪裡以及如何展示資訊。**一個有吸引力的視覺架構也同樣是可用的、有用的。**
距離他的分享已經過去了7年，視覺設計在使用者體驗中仍然起著極其重要的作用！
在論壇StackExchange 上，關於這些的討論一直進行著。一個網友問：到底有沒有一個研究可以明確地證明使用者介面可以影響體驗？就如人們會根據書籍封面去評判書的好壞，到底該怎樣證明這樣的關聯？也有一些人說“如果視覺設計真的會起重要的作用，那麼如何解釋微軟蹩腳產品的成功？（譯者認為其原因在於大眾品味尚未覺醒）我使用 Outlook 以及快20年了，對我來講，它沒有一個介面是相同的，到今天它卻依然是市場佔比極高的產品！”
這意味著什麼？真的是情人眼裡出西施嗎？有人會認為微軟的產品很好看？所以視覺設計是可有可無的嗎？
一個使用者的回答似乎比較客觀“...視覺設計影響著整體體驗的一個或多個層面。在幫助使用者達成他們目標的過程中，視覺設計也許不是必要的，但卻是極其重要的，它與使用者觀感有著重要的關聯。視覺設計到底影響使用者體驗嗎？你一定也認為答案是肯定的，但是如何影響？這可是個可以懸賞$64000的問題啊！“
打個比方，有吸引力的網站正如著裝得體的面試者，它能起到的作用毋庸置疑。當用戶來到了一個不怎麼吸引他的網站，如果體驗不錯，他依舊會帶著開心而去，但是，如果這個本來就不吸引他網站出現了一點點問題，他就很可能立即放棄而去。當一個網站是吸引人的，使用者從內心裡就會更加信任它，也更願意給它第二次機會。
對使用者體驗設計師意味著什麼？
對於使用者體驗設計師來說，這篇文章對你來說有兩個主要的收穫。第一，不要單單依賴視覺設計去拯救糟糕的體驗，最好的視覺吸引也無法彌補糟糕的功能。第二，不要忽視視覺設計！對於兩個同樣可用、有用的應用，視覺設計可以讓其中一個脫穎而出。
來自UXPin 的作者 Jerry Cao，在網站Creative Bloq 和Fast Company 上列舉了一系列視覺設計的原則。下面這些是最基本，也是最有效的，希望可以指引你：
- 保持一致性。 即便是最漂亮的設計也會被不一致所破壞，從而變成一堆凌亂的垃圾。這是一個感受主導評價的領域；如果一個使用者在網站中感到迷惑，那麼這個網站在他眼中很可能就是醜陋的。
- 測試視覺概念及原型。 正如 Jerry 在部落格 Creative Bloq 上所說的”當人們在上網時，他們會說自己在‘看’一個網站，而不是說在和一個網站'互動'，即便這個網站的互動做的相當不錯。“我們對於視覺的反應要更加強烈一些，品牌的好壞會影響信任的多少。
- 不要被潮流所迷惑。 黑色迷你裙歷經百年而不失時尚。因為它簡單、乾淨、經典。同樣的，一個簡單、乾淨、經典的視覺設計也會經久不衰，潮流並不能左右它。舉個例子，扁平化設計會持續一段時間，但是過幾年之後，這些設計也會看起來“很2015”。
譯者 全宇宙の³姐 WeChat i-Liujunjie