無論是設計網站、醫療設備，還是某些類似的產品，你都要讓用戶從設計中受益。而用戶的體驗完全取決于你對他們的了解。用戶是如何思考、如何做決定的？什么促使他們點擊網站、購買產品或者做出其他如你所愿的行為？
在《設計師要懂點心理學》這本書中，有100個小貼士非常有用，你會學到什么會吸引用戶注意，用戶會犯哪些錯誤以及為什么，還有其他有助于你提高設計水平的知識。我找了相關的網頁及APP界面進行分析，希望有助于大家理解。（小貼士較多因此選擇其中我認為比較有幫助的幾點進行分析）
1.眼見非腦見
?別人在你的網站上看見的內容未必符合你的設想，他們的個人背景、文化水平、對眼前事物的熟悉度以及期待看到什么，都會影響他們的觀察結果。
?你可以設計物體的展示方式，引導別人注意特定的內容。
例：餓了么，美團，百度外賣的移動端界面在想要引導用戶點擊的內容做了設計。
2.整體認知主要依靠周邊視覺而非中央視覺
?人們看電腦屏幕時會用到周邊視覺，而且經常只掃一眼周邊視覺區域便以此判斷整個頁面的內容。
?雖然屏幕中央是重要的中央視覺區，但別忽視周邊視覺區域。一定要確保周邊內容清晰地表現了網頁的用途。
例如：蘋果中國的官網設計，所要展示的內容在視覺中心，并且周邊沒有多余的信息，確保了網頁的用途。
如果你想讓用戶集中注意力觀察屏幕某處，就別在周邊視覺區域內放置動畫和閃爍元素。
周邊視覺總是讓人不禁注意到周圍的動靜。網站側邊的廣告總是做成閃爍效果就是因為這個道理。這樣很不招人待見，但確實會吸引我們的注意力。
3.人在識別物體時會尋找規律
發現規律有助于快速處理時刻接收的感官信息。即使本無規律，人眼和大腦也會嘗試創造規律。例如：你看到的可能是 4 組圖案，每組2個點，而不是8個孤立的點。你把點間距的長短看成了一種規律。
?既然人會不由自主地尋找規律，那就盡量多使用規律，利用分組和間隔創造規律。
例如：微信“我”頁面、QQ動態頁面利用分組和間隔來創造規律，也讓用戶更方便查找和觸達。
?要讓某個物體（例如圖標）易于識別，就用簡單的幾何圖形來畫它。這會讓構成物體的幾何離子更明顯，從而使人更快、更輕松地識別該物體。
?多用二維元素，少用三維元素。大腦以二維形式接收人眼觀察到的信息，因此屏幕上的三維圖形可能會減慢識別和理解的速度。
例如：滴滴打車的新圖標，圖標簡潔且容易識別，能幫助用戶在APP繁多的屏幕中快速識別出來。
4.大腦有專門識別人臉的區域
?人在觀看網頁時，首先會對人臉作出識別和反應（至少沒有自閉癥的人都是如此）。
?在網頁上直視用戶的臉最具感染力，也許因為眼睛是面部最重要的部分。
?如果網頁上的人眼看著旁邊的位置或產品，那么人們往往也會看向同一處，但未必關注，只是看而已。
例如：如果在網頁上有一張圖片，圖上的眼睛不看我們，而是看向網頁上的一個產品，我們也會不由自主地看向那個產品。
設計網頁時，你要確定是想和用戶建立情感溝通（圖片上的眼睛直視著用戶）還是想引導用戶的注意力（圖片上的眼睛看向某一產品） 。
5.略微側向俯視是想象物體的標準視角
?標準視角的畫像和物體更容易識別和記憶。
?如果你的網頁或者APP里包含一些圖標，那么不妨把它們畫成標準視角。
6.人根據經驗和預期瀏覽屏幕
?重要的信息（或者希望用戶關注的內容）要放在屏幕上三分之一部分，或者放在屏幕中間。
?既然人們看不到屏幕邊緣，就不要把重要信息放在那里。
?按照正常閱讀順序合理設計界面，避免讓人來回跳著閱讀內容。
人們早已習慣認為網頁頂部都是無關內容，如商標，留白，導航欄，所以他們往往先看屏幕中心位置，而非邊緣。
7.人可能會對變化視而不見
?不要認為物體出現在屏幕上就一定會被用戶看見，特別是刷新頁面出現變化時，用戶可能完全意識不到頁面前后的區別
?如果你要保證用戶注意到界面上的某處變化，應該增加視覺提示（如使之閃爍）或聽覺提示（如“嗶”的一聲）
8.人們認為相鄰物體必然相關
?你如果希望讀者認為某些圖片，照片，標題，文字是相關的，就將這些內容相鄰放置。
?如果想使用線或者框分割內容，先嘗試能否只調整間距就達到效果。有時調整間距就足以劃分內容，還能使頁面具有簡潔效果。
?無關內容間距要大，相關內容間距要小。這聽起來是常識，可是很多網頁布局都忽視這點。
9.9% 的男性和 0.5% 的女性是色盲
?設計配色方案時，請考慮使用所有人都能正常識別的顏色，如不同色度的褐色和黃色，避免使用紅色、藍色、綠色?？梢杂脀ww.vischeck.com或者colorfilter.wickline.org來檢查色盲所見效果如何。
有一種經驗原則，就是在使用顏色代表特定意義時，應當同時使用另一種區分方案，例如同時使用顏色和線條粗細來代表不同內容，這樣色盲者即使無法辨認特定顏色，也能看懂圖的含義。
另一種方法則是選擇所有色盲都能識別的配色方案。
10.色彩含義因文化而異
謹慎選用顏色，多考慮色彩可能具有的含義。
研究表明色彩會影響情緒。例如：在美國，橙色使人焦慮不安，因此顧客不會久待（這對快餐館有用）；褐色和藍色使人平靜，因此人們會長時間待在這里（對酒吧有用）
例：Uber 在網頁端也啟用了有各個國家自己特色的顏色和底紋網站，例如中國，就是以紅色為主色，還有兩種不同的藍色和金色，紋路像是中國的磚瓦。
11.大寫單詞難讀之謎
?人們認為全大寫是大聲強調的語氣，也不習慣閱讀，因此請盡量少用。
?僅在寫頭條標題或需要引起用戶注意時，才用全大寫，例如用戶刪除重要文件前給他的提示。
12.電子閱讀比紙質閱讀更難
?計算機屏幕上要用較大的字體，以減輕眼疲勞。
?應該把文字分成幾塊，并且使用著重號、短段落和圖片。
?加大字與底色的對比度，白底黑字最易讀。
?確保內容值得一讀。閱讀問題歸根結底取決于文章本身是否讓讀者感興趣。
13.人一次只能記住四項事物
?能把展示給用戶的信息限制在4條固然好，但也不必強求?？梢杂脷w類或分組的方法展示更多信息。比如電話號碼分組：150 8755 1234
?注意，用戶喜歡使用輔助的記憶手段，比如筆記、名單、日歷、日程表，以減少對大腦記憶的依賴。
14.回憶會重構記憶
?如果你正在就某個產品測試或者采訪客戶，那么你的用詞會影響對方回憶的結果
?別依靠人們對各自經歷的回憶，人無法準確記憶過去的言行和見聞。
?最好在現場觀察用戶如何使用你的產品，酌情采信客戶事后說的話，比如他們事后回想的產品使用經驗。
15.忘記是好事
設計時，請考慮遺忘因素。不要指望用戶能記住重要信息，而應該在設計時提供此類信息或提供便捷的查找方式。
16.人更擅長處理小塊信息
漸進呈現 （progressive disclosure） 即每次只展示用戶當前需要的信息。下面幾幅圖展示了漸進呈現的設計思路，圖片來自 MailChimp（http://www.mailchimp.com，MailChimp 商標歸 Rocket Science Group 有限責任公司所有） 。
網站首頁沒有詳細描述服務的內容和功能，而是簡單列出了各項功能，并附上了相應的圖片。用戶點擊其中一個功能后，會得到更多信息，然后還可以進一步詳細了解。通過每次只提供少量信息，就可以避免信息過量給用戶帶來不適，同時還能滿足不同用戶的需要，因為有些用戶希望得到整體概覽，有些則需要全部詳情。
?使用漸進呈現，僅在用戶需要時才展示他們需要的信息。用鏈接引導用戶獲得更多詳情。
?如果不得不在讓用戶點擊和讓用戶動腦之間做出取舍，那么多幾次點擊，少一點動腦思考吧。
?在你使用漸進呈現之前，務必做足調研，搞清楚多數用戶需要什么信息，且在什么時候需要。
今天的小貼士先分析到這里，里面舉得例子如果有不同意見的可以留言給我，我們一起學習成長，謝謝啦。
