《Don't make me think》
作者:Steve Krug
狀態:已讀完
記錄方式:這是用手機碼出來的筆記,移動互聯時代…
為什么要讀這本書?
工作的原因:領養了一個兒子(一個內部系統),養的很不滿意,想學習一下育兒經驗。
這本書主要是外貌和與其他人交往互動相關的原理、簡單易操作的經驗介紹,還推薦了一些相關的好書。
我的收獲:
1.設計一款產品/體驗一款產品,要盡可能的做到不言而喻,差之也要做好自我解釋。--用戶懂你最重要。
2.要體會用戶來你的產品是為了什么,讓他們可以通過最簡單的方式得到它--習慣通用的方式、主次分明的層次感、劃分區域、降低干擾。
3.及時、簡潔的引導和幫助--讓用戶在產品中游走時不用停下來思考,需要幫助時可以自己快速找到解決方案。
4.設計時不要設想大多數人會怎么做,而是思考在這個頁面什么樣的設計可以讓用戶獲得更好的體驗、頁面元素更有效。
5.可用性測試很重要,整個研發過程都要伴隨著測試,且測試介入的時間越早越好:原型圖讓測試者說理解、感受;Demo,讓用戶完成任務,觀察用戶行為,傾聽動機、原因、對此的理解,觀察反應差異。
知識點:
1.web網站導航、主頁很重要:
導航:
作用:
展示網站有什么,體現內容。
找到想要的東西。
提示現在位置。
持久導航:
一致外觀出現在網站每一頁相同的位置(除表單、反饋、注冊、付費…)
四要素:網站logo、實用工具(不屬于內容層次)、搜索、欄目(內容層次)。
主頁:
傳達整體形象,網站是什么、可以在這做什么、這有什么、為什么是這而不是別處。
導讀:暗示里面有精彩內容。
內容推介:頭條新聞/熱銷產品。
功能推介:試用個性化功能。不要推銷所有項目、防止過度推介。
交換鏈接
快捷方式
登錄提示
口號(slogan):價值主張,不要和宗旨混淆:指導原則、目標、理想。
2.頁面:
頁面名稱:
每個頁面都需要一個引人注目的名稱,在涵蓋該頁內容的位置,并且和點擊進入的鏈接一致。
展示你所在頁面在網站中的位置:
面包屑:展示頁面層級,在最頂層,用“>”對層級進行間隔,加粗最后一個元素。
在旁邊放置一個指示器
改變文字的顏色
使用粗體
按鈕反白
改變按鈕的顏色
3.DIY簡易可用性測試:
時間:每個月一個上午,貫穿整個開發過程。
內容:測試本身、總結、決定修復的問題。
參與人:測試參與人3名、主持人1名、觀察者所有相關人員,越多越好。
要求:測試參與人隨便找,主持人有耐心、溝通順暢。
地點:開發現場,兩間屋子,共享屏幕;午餐廳。
測試過程:歡迎部分(4mins):充分介紹。
提問部分(2mins):放松參與者心情,了解參與者相關背景。
主頁觀光(3mins):測試者看到了什么,了解網站被理解的難易程度,及測試者對該領域的了解程度。
任務測試(35mins):核心,觀看參與者執行任務并傾聽他當時的想法。(??:不影響參與者,不給提示,只在其絕望時給予鼓勵)
問題探查(5mins):就測試中發生的任何問題向測試者提問。
結束部分(5mins):感謝。
總結會:決定修復哪些問題。
收集一份問題列表:觀察者每個人說出自己認為最嚴重的三個問題,對于多個人認同的問題記正字。
選擇10個最嚴重的問題(投票/上一步標記數)。
問題評級:按嚴重性。
建立排序列表:每個問題在下個月怎么修復、誰負責、需要什么資源。
還可以準備一份易修復清單:一人一小時內可修復的問題,且不用不在場人批準。
抵制添加:拿走讓人混淆的東西,而非添加注釋說明。
新功能要求沒那么重要。
第二次才做對,只要不需要別人幫助的都不叫事兒。
還可以遠程測試、測試錄像。
移動測試與pc的區別:在于測試設備,需要可以看到參與者的手部動作。
4.移動與pc可用性區別:
提示減少:光標移入移出等帶來的動效沒有了。
首頁/頁面資源緊張:頁面小了,展示內容少了。
移動網絡原因:可能加載速度慢,每次加載的內容要更慎重。
路徑深了:路徑要更顯而易見,合乎常理。
屏幕適配:允許縮放、從外部進入要直達相應頁面非首頁、到全內容網站鏈接(PC版)。
作者推薦的書籍:
設計相關:
1.《日常事務設計心理學》--DonNorman
2.《消除文字》--Ginny Redish
3.《風格的要素》--E·B·White
心理學相關:
4.《力量之源:人們如何決策》--Gary Klein
5.《人的模型:社會化和理性》--Herbert Simon