心理學在前端的應用---(設計師要懂心理學)讀書筆記之人如何觀察和閱讀

  學了一年心理學後轉行到了前端,自知心理學是門很重要的學問,在注重人機交互的現代互聯網設計中具備舉足輕重的地位。在網上看到《設計師要懂心理學》時果斷入手。果真不負厚望,這部由CDC騰訊用戶研究與體驗設計推薦,暢銷歐美,日本的經典之做讓我獲益匪淺。現將重點的地方總結摘錄以期和你們共享。html

  不知道你們平時作設計除了追求精湛的技術以外有沒有想過那麼幾個問題:1用戶是如何思考,作決定的?到底什麼促使他們點擊網站,購買產品或者作出其餘如你所願的行爲?——————好吧,請帶着這幾個問題繼續往下讀。前端

  (一)人如何觀察佈局

  1.1眼見非腦見。咱們觀察事物時大腦會對來自眼睛的信息進行再處理,會解析咱們所看到的東西,大腦是個愛偷懶的孩子,不少狀況下會根據以往的經驗猜想咱們看到了什麼。向下面這幅圖片該軟件在下載時就算速度只是通常,但由於下載標誌是個小火箭,大腦通常會理解爲速度仍是能夠的,由於火箭在咱們的經驗裏就是象徵着高速度。字體

  1.2在黑暗處,餘光比直視看的更清楚。網站

  1.3人的視覺是二維而非三維,不過大腦會根據經驗把二維的東西轉換成三維。(因此多用二維元素少用三維元素,後者會減慢識別和理解的速度)設計

  1.4總體認知主要依靠周邊視覺而非中央視覺,因此在設計圖片時寧肯中央被遮住也不要周邊被遮住。htm

  1.5人在識別物體時會尋找規律(哈哈,既然這樣,那就多使用規律唄~好比能夠利用分組和間隔來創造規律)blog

  1.6人在看網頁時首先會對人臉做出識別和反映圖片

  1.7若是網頁上的人眼看着旁邊的位置或產品,那麼人們每每也會看向同一處,但未必關注,只是看而已。產品

  1.8標準視角的畫像和物體更容易識別和記憶,因此若是網頁或程序裏包含一些圖標,那咱們最好畫成標準視角的,值得一提的是略微側向俯視是咱們觀看物體的標準視角。

  1.9但願用戶關注的信息要放在屏幕的上面三分之一部分或者放在屏幕中間(人們是不看邊緣的)

  1.10按照正常合理順序來設計界面,避免讓人來回跳着閱讀。

  1.11設計時儘可能考慮功能可見性的提示,以便用戶正確的使用(好比用信封的圖標來表示信息)

  1.12設計觸摸設備界面時,請慎用懸停可見的提示。

  1.13不要認爲物體出如今屏幕上就必定會被用戶可見,特別是刷新頁面出現改變時,先後變化極有可能會被忽略,若是要保證用戶注意到某處變化,應該增長視覺提示(使其閃爍)或者聽覺提示。

  1.14人們認爲相鄰物體必然相關,因此無關內容間距要大,相關內容間距要小,這是不少網頁佈局都忽視了的。

  1.15紅藍或紅綠搭配難以閱讀。

  1.16 (9%)的男性和(0.5%)的女性是色盲,因此在使用顏色標誌時請多多爲他們考慮。

  1.17 色彩含義因文化而異,因此選用色彩應儘量的考慮其可能具備的含義。

 

  (二)人如何閱讀

  2.1人們認爲全大寫是大聲強調的語氣,也較難閱讀(大腦須要先轉換成小寫再認讀),因此儘可能少用大寫。

  2.2人常常閱讀,但對所讀內容的理解和記憶取決於此前的經驗,閱讀時的視角和閱讀前的說明。

  2.3文章的閱讀等級要適合你的目標讀者。寫上有意義的標題

  2.4不一樣的字體和過分花哨的字體會干擾模式識別,下降閱讀速度,並且,但人們感受字體難讀時,會把這種判讀轉嫁到文本內容上,認爲內容自己難以理解或難以實現。

  2.5字號也很重要,不要使用過小的字號。計算機屏幕的字號必定要用較大的,減輕眼疲勞。

  2.6電子閱讀比紙質閱讀更難。

  2.7應該把文字分紅幾塊,而且使用着重號,短段落和圖片。

  2.8每行字數較多時讀的更快,但人們更偏好短行,究竟是要速度仍是閱讀體驗這個就根據本身的須要權衡好了。對於多頁的文章,能夠考慮用短行分欄版式。

觀察和記憶咱們都瞭解了,那麼人是如何記憶和思考的呢~詳見http://www.cnblogs.com/s-z-y/p/4422919.html

相關文章
相關標籤/搜索