讓大腦自動follow的設計！

奇寶網路和台北移動設計團隊一直以來都很強調「有道理的設計」這件事。網站上的圖片、文字、位置，都應該要有目的性的規劃，不是只追求美術表現上的效果。這件事至今我們都還在努力實踐中，今天就來跟大家分享幾個重要的觀念，讓你在不知不覺中，引導使用者達到你的目標。


1. 目光的重要性

這個我們在上週的完美網站設計文章中也有分享到，我們可以用人的臉來吸引使用者，並用目光來引導他們的注意焦點。以下這兩組對比圖就是很好的例子：
 

   

圖片來源：1stwebdesigner

 

可以明顯地看到紅色區域是眼球注意的熱點，而帶有目光的圖片能夠導引使用者的注意。同樣的實驗還有以下這一組：

圖片來源：1stwebdesigner

 

 

 

2. 顯著線索(Salient cues)

請找出下圖和其他不相同的圖案

 

人的大腦非常善於分辨該注意什麼東西，剛剛你在找不一樣的圖案時，你的大腦可能會根據「顏色」、「大小」、「形狀」，先快速抓出一個圖案，接著你才會去細看這圖案是跟其他不一樣在哪裡，或去瀏覽其他的選項。所以，如果你的網站上有個表格，建議你可以在必填欄位加上「＊」，會比用文字寫說「必填」來的簡潔和有效。

 

 

 

3. 動作的容易度拿捏

每次小編要寄出電子報前，都會遇到mailchimp要我再確認一次的視窗，為了防止我太容易就不小心把錯誤的內容寄出去。

 

當設計使用流程時，我們就必須要這樣考慮使用者執行時的每個動作和後果。

舉例來說：

滅火器的按鈕，如果設計的很容易按

好處是火災時可以快速救命；壞處是可能平常不小心誤壓

 

如果設計的很不容易按

好處是可以防呆不容易錯壓；壞處是要救命時可能太緊張而手忙腳亂

 

究竟是容易的風險高，還是困難的風險高，這就是在設計流程時可以思考的點。

 

 

4. 人只會注意他想注意的事

看看以下的魔術影片，你能看出撲克牌的顏色是怎麼變的嗎？

 

選擇性注意(Selective Attention)會讓你專注在你想看的東西，當你想買吹風機時，你就會自動忽略其他的水波爐下殺廣告。這也是為什麼會漸漸冒出所謂的「原生廣告」，在使用者都已經習慣去忽略旁邊的廣告區的時候，你就必須把廣告安插到他注意的目標中。

 

 

5. 減少需動腦的事

瀏覽網站的時候的大腦活動大概可以分成三種

動作(motor)：按按鈕、捲滑鼠  -->  大腦活動程度低

視覺(visual)：閱讀資訊  

認知(cognitive)：思考資訊的意義、做決定  -->  大腦活動程度高

要讓使用者順暢的瀏覽網站，最好的方式就是減少他的認知活動，讓他不用一直動腦思考接下來的步驟。而「一頁式」的網站就能降低使用者思考接下來要點去哪裡的問題，只要一直滾動滑鼠就好。

 

 

當一個行銷企劃人員或是設計師，最重要的就是要能夠「進到客戶腦袋裡」，了解客戶想看什麼資訊、了解他如何看待你給他的資訊，才能夠在潛移默化間，達到你想要的目的。

 

參考來源：blog.invisionapp.com