隱藏在網頁設計中的心理學冷知識
網頁的設計也是蘊含著豐富的心理學知識的，以下百分網小編整理的網頁設計中隱藏的心理學冷知識，歡迎閱讀!
即時情緒
即時情緒其實就是用戶對于產品直接情緒反應。當你的網頁出現可用性、可訪問性或者可讀性的問題的時候，用戶出現負面的情緒反應，舉個例子，當網頁無法流暢滾動，無法加載信息的時候，你的直接反應可能是無奈、困惑甚至不信任。這是用戶對于產品所呈現出的一種即時情緒。
當然，用戶的即時情緒可能是負面的，自然也可能是正面的。比如一個設計優秀的頁面會在你看到的第一時刻，令你為之驚嘆，留下深刻印象。這種正面的即時情緒也是設計師們所追求的效果。
Acorns
Acorns 是一個在線零錢投資APP，可以幫你將閑置的資金動起來。整個主頁設計充分使用了簡約的設計來平復訪客的情緒，整個簡約的環境下，用戶可以看到這款APP覆蓋了全部的平臺，在可用性上無可挑剔!當他們看到$6,363.71 會進而產生“這款應用能賺錢!”的心理暗示，整個這一套下來，讓用戶對這款應用產生正面的情緒，引導他們下載使用。
CartoDB
CartoDB 可以讓地理信息以最漂亮的形態呈現出來。雖然地理信息怎么都不像是能漂亮起來的東西，但是CartoDB還真就做到了。當你打開網頁的時候，你會看到一幅令人興奮且足夠華麗的地圖。CartoDB的首頁大圖就是有這樣吸引人的魅力。雖然他們的數據庫并不是拿來銷售的，但是僅目前的網頁設計就可以吸引相當一部分潛在客戶。
Reuters TV
作為一款流媒體APP，Reuter TV 無時無刻不在做自我展示。整個網站導航并不多也不復雜，這也使得時刻不停的視頻背景顯得特別抓人眼球。但是這種方法卻以更加直接的方式為用戶展示正在發生的新聞，并且可以讓用戶產生真實的即時情緒。
預期情緒
預期情緒和即時情緒不同，用戶會結合他們看到的過去的經驗來產生對于未來的某種預期。這方面最常見的例子，就是在網頁中展示購買了產品之后的人們幸福的生活照。這樣的場景是吸引潛在客戶并打消他們的由于的最重要的手段之一，而且，當用戶開始想象自己使用產品的場景的時候，就會自然而然地同產品產生情感紐帶。如果你的產品能在用戶中引起積極的情緒，就能為品牌和產品增加信任度，用戶的忠誠度也會隨之提高。
Grovemade
我們曾經多次推薦過Grovemade 的網站，這是一個銷售手工木制品的網站，從顯示器支架到手機殼，不一而足。當你打開網站的時候，設計師用輪播圖展示一系列產品的使用場景圖，精致，細膩，吸引人。你會在這些圖片中看到你的電腦用上他們的支架有多漂亮，用上他們的手機殼有多帥氣，用戶就是在這一張張照片中被吸引、被說服的。
Madeindays
這個網站所展示的照片則更多的是生活方式類的圖。整個網站采用的是單頁設計，而且整個頁面也相當的長，設計師在這個網頁中通過九張圖展示了一款定制化的錢包，文字很少，圖片很贊。這種產品的展現方式談不上多么突出，但是缺乏干擾的呈現方式讓產品圖更加吸引人，千言萬語不如一張圖來的直接。你要的是什么?漂亮的產品么?來買就好了。
Narrative
Narrative 可穿戴的相機，它可以每隔幾分鐘就幫你拍張照片，這種功能使得這款相機有許多不同于其他產品的優秀特性。所以，當你打開網站的時候，映入眼簾的是個一個由不同生活瞬間構成的視頻。頁面最終確實給你展示了相機的造型和外觀，但是這不是最重要的——你買的最終并不是一個實體相機，更多的是一種生活方式，或者說就是生活本身。你再也不需要掏出手機來刻意記錄，這個相機會幫你拍攝，那些難忘的記憶也會清晰地記錄在其中，這是一個簡單但是意蘊豐富的鏡頭，幫你記錄生活的瞬間。
專注價值
我們都很清楚，專注于呈現產品的價值和優勢，而非分析它為何會這樣。所以，讓用戶與產品產生情感聯系是最重要的。從上面的案例可以看出來，情感聯系和情緒感染對產品銷售而言是何等的重要。當然，文案是整個設計中的重要組成部分，如果你想設計出真正調動用戶情緒，吸引人的優秀著陸頁，那么不妨參考一下下面的優秀文案。
Evernote
搜集想法并輸入
將正確的人引入到討論當中。你可以將一段對話發給任何人，即使他們并不使用Evernote。
UberConference
了解談話對象
始終看著說話的人。你會更輕松掌握他們的社交狀況。
Pencil by FiftyThree
運行良好
通常手掌誤觸、刪除和混淆只會在紙張和非支持的應用中出現，不過 Paper Pencil 依然可以在非連接狀態下，同任何其他應用中作為觸摸設備而使用。
Flow
不再錯過任何郵件主題
相比于在諸多郵件中迷失，團隊實時聊天、清晰的任務管理和項目計劃等功能的集成，將會很好的緩解你的困境。交流信息、分享反饋都可以很好地幫你完成工作。
結語
了解用戶的需求和心理并不難，更好地利用產品的特性和用戶的情緒才是最終達成目標的設計技巧。我想就是這樣的。
【隱藏在網頁設計中的心理學冷知識】相關文章：
網頁設計的色彩心理學知識08-01
網頁設計中的設計04-29
網頁設計的優化知識02-25
網頁設計中的字體設計07-26
網頁設計顏色搭配的知識05-29
網頁設計基礎知識12-15
網頁設計的基礎知識02-27
網站網頁設計知識05-31
網頁設計中的卡式設計05-09