網站應從這些方面來做好設計
時間:2020-09-26 10:35:43作為人類,我們喜歡認為自己是理性的生物。
我們告訴自己,我們的決定是基于事實和邏輯。然而,這并不是全部的事實。正如我們試圖在理性的指引下做出選擇一樣,事實是我們往往是高度情緒化的人,被事物帶給我們的感覺所驅使。
那么,這對網站設計師來說意味著什么呢?
雖然設計一個功能性和邏輯性很強的網站很重要,但重要的是不要忘記你的客戶與你建立的網站的每一次交互所產生的情感影響。
那些不能引起任何情感反應的網站不僅僅是無聊;他們被遺忘。
一個容易被遺忘的網站對任何網站設計師來說都是毒藥。
這就是為什么今年我們要向你介紹一些在你的設計中運用情感的簡單方法。
了解網站設計中情感的本質
首先,你需要理解情感在用戶決策中所扮演的角色。
Don Norman在《情感設計》一書中說,設計師可以做很多事情來讓他們的設計更具情感。即使是像關注網站的美學影響這樣簡單的事情,也能使你更有可能在情感層面上觸及你的受眾。
關于情感設計要記住的一件重要的事情是,它不僅僅是讓你的客戶感覺良好。情緒可以是積極的也可以是消極的。有時消極情緒比積極情緒更有影響力——這完全取決于你想創建的網站類型。
一個向客戶銷售健康產品的網站需要讓客戶感到舒適和自信,他們購買的是值得信賴的產品。然而,這也可能需要引起觀眾的擔憂或擔心,如果他們不買的話會發生什么。
知道如何在積極和消極的感覺之間取得平衡,是設計師如何把一個簡單的網站設計成令人難以置信的東西。
那么,你從哪里開始呢?
第一步:使用視覺元素來觸發情感
當你針對情感進行設計時,視覺元素是最容易開始的要點之一。這是因為視覺效果在描繪情感方面非常出色。
動畫可以通過幫助他們理解你的產品是如何工作的,或者當他們登陸你的頁面時讓他們發笑,從而與你的觀眾建立情感聯系。一張真實的團隊合作照片可以激發信任和親近感。
顏色是觸發情感的最常見的視覺元素之一。
在數字設計的世界里,藍色和綠色更容易給人帶來平靜和舒適的感覺。另一方面,紅色和黃色通常會激發人們的熱情和幸福感。
當用戶訪問網站時,你使用顏色的方式會給他們帶來巨大的不同感受。例如,巴克萊的網站如果只是一個基本的黑白屏幕就會很無聊。然而,銀行網站不能在大多數情況下使用動畫或插圖,因為這會有損其專業形象。
一種補充品牌調色板的方式添加小塊的藍色是產生信任感的好方法。結合真實人物的形象,以及冷靜的語調,這家銀行立刻呈現出一種平易近人、誠實的形象。
與此同時,銀行網站清晰的層次布局,易于遵循的導航欄,易于閱讀的字體,清晰的標題和按鈕讓客戶感到舒適。當用戶訪問金融網站時,他們會得到他們想要的東西,這讓用戶覺得他們在正確的地方。
步驟2:創造吸引人的情感互動
視覺元素是將情感融入數碼設計的好方法。然而,它們只是第一步。你的網站設計選擇的情感方面也應該出現在客戶與網站的互動過程中。
網站或應用上的良好互動必須足夠簡單和直接,讓用戶能夠輕松地邁出下一步。然而,它也需要驅動用戶的情感反應。
例如,當你在Box.com注冊一個免費帳戶試用時,你不只是需要填寫一張填滿信息的表格。
在這個表單旁邊,你還可以得到關于你要注冊的內容的信息,在你要獲得的每個免費功能旁邊附有小支票。這有助于讓客戶放心,并提醒他們,他們在正確的地方。
在注冊表單旁邊有一個包含折扣信息的盒子,通過提醒顧客他們得到了免費的東西,也有助于使互動更加感性。
每當客戶與網站互動時,就會有另一個機會在情感層面上吸引他們。在Firebox網站上,當客戶向購物車添加東西時,購物車圖標上有一個小動畫,通知他們有東西在等著他們。
當他們點擊結賬時,他們會得到即時信息,包括他們可以做什么“禮品包裝”他們的商品,以及顯示各種可用的支付選項的按鈕。
當你為一個網站設計一個頁面時,無論是結帳頁面,產品頁面,還是其他的頁面,都要考慮訪問者在那個時刻所擁有的互動。你怎樣才能確保每個顧客都感到更舒適、更高興、更靈通或更投入?
第三步:利用微縮和細節來表達情感
視覺效果是表達情感的絕佳方式。
然而,它們并不是唯一的選擇。
作為一名設計師,你需要考慮如何將網站設計與使用縮微文件相結合,從而在更深層次上與客戶建立聯系。
與其把注意力吸引到網站上那些乏味的、枯燥的、沒有人情味的指令、通知和錯誤信息上,你如何才能確保網站上的所有東西都能傳遞同樣的情感影響呢?
簡單的添加一個小插圖就足以給顧客提供一種更加感性的體驗。404頁面上引人注目的微型副本和插圖還可以加強客戶與他們訪問的網站的聯系。
看看百度是如何在用戶沒有網絡連接時將恐龍游戲添加到頁面的。