看完《Don't make me think》的總結


      寒假在公司實習,然后公司人數比較少,作為一個前端實習生,分工下,就去負責了項目的業務邏輯的梳理以及頁面的設計,為了讓頁面設計的好看,交互性好,便於用戶使用,我就快速看了這本薄薄的卻很有用的書。書的整體思想是“別讓用戶思考”。接下來是我對知識的梳理和總結,共勉。

一、設計的基本原則

1歡迎詞必須消滅
2指示文字必須消滅
3保持段落簡短
4層級關系明顯
5使用符號列表
6突出關鍵詞語
7充分利用標題
8越重要的地方越突出
9邏輯上相關的部分也在視覺上相關
10邏輯上包含的部分在視覺上進行嵌套
11習慣用法不錯,在你清楚自己有一個更好的想法時進行創新,如果沒有,那么請盡量利用習慣用法。簡潔勝過一致。建立有效的視覺層次,把頁面划分成明確定義的區域,明顯標識可以點擊的地方,最小化干擾,為內容創建清楚的格式,以便掃描
12顧客用web主要是掃描,滿意即可,勉強應付
13最重要的是,顯而易見,不讓用戶思考。如果你不能做到讓一個頁面不言而喻,那么至少應該讓它自我解釋。

二、網站測試的時候需要問的幾個問題:
這是什么網站?(站點ID)
我在哪個網頁上? (網頁名稱)
這個網站的主要欄目是什么?(欄目清單)
在這個層次上我有哪些選擇?(本頁導航) 
我在導航系統的什么位置?(你的這里的指示器)
我怎么搜索?

三、界面讓人提高好感的幾種方式:
1知道人們在你網站上想做什么,並讓他們明白簡易
2告訴用戶想知道的
3盡量減少步驟
4花點心思
5知道用戶有哪些疑問,並且給予解答
6為用戶提供協助,例如打印友好頁面
7容易從錯誤中恢復
8如有不確定,記得道歉
9沒有光標===沒有懸停===沒有線索
10提供一個到”全內容“網站的鏈接
11要有一個好口號

四、如何提高界面的友好度

1、改正讓所有人感到混淆的可用性問題
2、讀一篇文章
3、看一本相關的書,如《Don't make me think》
4、為每張圖片增加合適的alt文本
5、使用合適的標題
6、讓你的表單配合屏幕適配器
7、在每頁的最前面增加一個“跳轉到主要內容”的鏈接
8、讓所有的內容都可以通過鍵盤訪問
9、在文本和背景之間設置明顯的對比
10、采用一份可訪問性良好的模板

五、移動應用的可用性屬性:有用,可學習,可記憶,有效,高效,合乎期望和讓人快樂

六、可用性原則~某個東西越需要投入大量時間,或者看起來會這樣,它將來就會用的越少

七、我所聽到的大部分預言幾乎是完全錯誤的,預言鍾真正重要的那些往往會讓我們覺得意外,哪怕它們在事后看起來相當明顯。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM