視覺吸引力的影響交互設計不可否認，視覺效果是交互設計的重要，但究竟如何，重要的也許會讓你吃驚。

作為網站視覺媒介，主要在視覺交流的網站和應用程序，甚至是書面語言必須仔細選擇字體，大小，對齊方式等，也許更重要的是，為基于視覺的生物，人類習慣于在出現一瞬間的決定。這些瞬時響應的深入與情緒有關，所以你的界面的外觀直接影響你的用戶感受的網站。

在一個大開眼界的TED演講，對我們的大腦有數據的記者和信息圖表專家戴維McCandless指出純粹的深度的視覺效果，其中大部分是潛意識的。他將自己的觀點與類比計算機處理，采用下圖：

“你的視線是最快的。它具有相同的帶寬作為計算機網絡。然后你的觸摸，這是關于一個USB密鑰的速度。然后你的聽覺和嗅覺，它有一個硬盤的吞吐量。然后你可憐的老味道，這幾乎就像一個袖珍計算器的吞吐量。一只在角落里，那個小廣場。百分之7，這實際上是我們意識到的金額。所以很多你的視野--它的大部分是視覺，它倒在它是無意識的。”

認為這將影響交互設計。你的用戶通知當然吸引眼球的元素，但每一個選擇的顏色，字體，圖標符號，布局位置–每個像素在屏幕上–是一種潛意識的心理互動。

我們描述我們的免費電子書人眼的網站設計外觀，甚至影響用戶的感知如何以及產品的功能。

當它來進入我們的網站上的信用卡信息，信任總是成為一個因素。用戶如何訪問網站的信譽一個迷人的斯坦福研究顯示，幾乎一半的用戶確定如果一個網站是值得信賴的基礎上看起來就。的布局，字體，字體大小等視覺特征，甚至配色方案都是關鍵因素。

美學的作用遠遠超出了“好看”。形式影響用戶感知的功能，這是比功能本身更重要。

在交互設計中，我們可以把視覺吸引力的影響分為5類：

第一印象，建立信任，創造的身份，鼓勵用戶的寬恕，并通過松弛改善可用性。

1。第一印象是持久的印象

在開始的時候，我們提到了一定的可用性研究確定的外觀（A）的主要因素是大多數用戶決定時考慮信任，和（B）用戶感知更美觀的產品為更多的功能。這些都是一個產品的外觀形成第一印象的結果。

因為我們的本能已經進化，我們基于我們所看到的快速決策，第一印象可以使或打破一個網站或應用程序。

研究表明，用戶會判斷網站最關鍵的在第一個10秒的價值。這樣，獨自一人，證明了第一印象的重要性。為了保持你的用戶的注意力，證明你的價值，你必須在視覺上建立情感聯系，呼吁他們的直覺反應。

讓我們在如何提高視覺設計的波蘭設計機構的交互設計一看huncwot。

四導航選擇顯示足夠簡單，但是當每個人都是在變化，文本顏色和充滿活力的圖形出現在。首先，這個信號告訴用戶他們輸入注冊，但在更深的層次，豐富的動畫添加一個意想不到的元的喜悅。效果感覺更像一個魔術，更像是一塊技術告訴我們，了解我們的選擇（盡管這仍然是相通的）。

說到第一印象，你總是想罷工的可用性和養眼花瓶之間的平衡。可用性給用戶的信心，而審美快感實際上使他們想要使用你的界面。

2。干凈的設計創造信任

在第一印象的相關說明，視覺吸引力的界面感覺更值得信賴。這一原則是最適用于電子商務，其中誠信可以使或打破銷售。

讓我們比較兩種結算方式下的外觀。

付款形式

在第一種形式中，你可以看到，布局雜亂不堪，以今天的標準看起來過時的設計。同時，我們注意到安全支付的唯一標志是“請在顯微鏡說明”文本。

檢驗表格B

另一方面，這種形式已經散發出的感覺和干凈的布局和呼吸室之間的輸入行誠信。而不是一個消息解釋網站如何保護數據，簡單的鎖圖標和“安全購物”的文本可以點對面的人只想完成自己的購買。

形式設計共享相同的功能，但后者似乎更好的工作，因為它有更多的思想。它的原理是遇到一個人穿西裝面試，有人穿著運動褲和T恤–你真的不能量化的感覺一樣，但是你知道其中一個似乎更有資格。

3。個性設計創建身份

知道你的用戶–他們的背景，他們的職業，他們的野心和恐懼。

一旦你創建你的人物角色，確保你的視覺個性反映用戶的個性。畢竟，你的界面的視覺表現吸引，會覺得有吸引力，那些有著相同的人格類型。

以網站為時尚品牌來源迪奧。最突出的視覺是大面積推廣的時裝攝影，所有的奢侈品，名人協會（瑪麗恩歌迪亞），和性感，你會期望從一個時尚品牌。清新的白色背景和設計創造出一個有抱負的光心優雅的感覺，這就是為什么人們購買產品的部分原因，迪奧。

網頁上的相互作用實際上是相當簡單的：導航項目成為強調在盤旋，季節性的集合覆蓋在懸停文本圖像，和一些產品形象變化梯度在懸停承認選擇。

不像huncwot的網站，需要反映切削刃的動畫（因為它是一個設計機構，畢竟），我們不需要這樣的復雜的相互作用的–迪奧時尚觀眾干凈的框架產品，提出了一個很好的執行傳統的導航，然后滾出去的方式。

執行你的設計基礎完美，散發出人格權與你的美，你的UI設計經常會比它更令人印象深刻的技術。

4。用戶原諒漂亮的東西

因為人的情緒與他們覺得有吸引力的項目，他們會更容易原諒當互動與設計錯誤。我們描述這種現象在相當多的細節交互設計的最佳實踐，但讓我們迅速潛入的啟示。

你不應該依靠這個作為一個可用性差的拐杖，但認為它是在什么情況下會破壞經驗–知道備用效益墨菲的法律技術，它更是一個問題的時候，而不是如果。

聰明的404錯誤頁面的設計充分體現了這一原則。當你到一個錯誤頁面，設計有效的失敗。你可能會經歷從困惑到沮喪情緒的任何范圍，甚至輕微的憤怒，如果它破壞時間密集型流程。

然后，設計的挑戰，是將不幸的互動轉變為一個積極的（不只是中性）。讓我們看看下面的光譜相反兩端一看。

梅西

這本404頁的并不減輕沮喪或點右方向用戶（除了點擊“繼續購物”頁面回到主頁，這實際上可能會破壞用戶的路徑）。它也極不可能會有人打電話給客服在網站發布–他們可能只會從一個競爭對手找到產品。

薄荷

另一方面，智能網站喜歡與他們的404頁，有樂趣，正如你可以看到上面的。如果做的好，甚至錯誤的信息可以取悅用戶。

這404頁的交互設計很完美。幽默使當下的挫折，而有趣的員工信息立即創建一個關聯的人。這一切都不在可用性，成本當然，因為建議的鏈接仍然提供給用戶訪問的內容。

這個例子也許是有吸引力的交互設計的力量。當我們玩到喜歡的幽默或有趣的情緒，我們的交互設計甚至可以變換成積極的負面經驗。

如果你在其他聰明的404頁感興趣，我們建議這一塊creativebloq突出33網絡上最好的例子。

5。松弛提高可用性

在諾爾曼繼續在他的文章中解釋我們發現，視覺上的吸引力，使我們的生物產品。這種放松如何影響我們的大腦和身體功能本身，這可能可以解釋為什么，在日本的ATM研究，用戶有更少的困難與吸引力的自動取款機。該理論認為，因為用戶更“取”的有吸引力的自動取款機，他們更放松，從而能夠使用的界面應力較小。

如果這個理論成立，那么建立情感聯系，通過視覺效果，不僅增加了感知的可用性，但實際的可用性。設計師，那么，要等的時間和精力優化界面的外觀一樣，它的功能–兩者密不可分。

結論：這就是外部計數

我們都長大了，想通過判斷基礎上看起來是膚淺的。

智慧像片段，“內在的東西才是最重要的，”和“不要以封面來判斷一本書，“雖然用心良苦，可能會使我們誤入歧途。現代科學是畫一個完全不同的圖片–視覺效果才是重要的。他們提出我們的意見和我們的情感，不管我們喜歡還是不喜歡。