《Don't make me think》

《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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容