第1章 別讓我思考
首先,別讓我思考。它意味著,設計者應該盡量做到,當我看一個頁面時,它應該是不言而喻、一目了然、自我解釋的。
再者,在瀏覽網頁中,面對一個復雜而又嶄新的頁面,我們如何從中一目了然看到有用的信息,這個叫“自我解釋”。
在一個自我解釋的頁面,需要花一點點時間去理解——但只需要一點點時間。頁面元素的外觀(例如尺寸、顏色和布局),精心選擇的命名,少量仔細斟酌的文字,它們綜合在一起將創造出
一種接近瞬間的識別效果。
最后,要讓網頁變得“不言而喻”。讓我們瀏覽網頁時,可以毫不費勁,充分知道我們在做什么,需要什么。
第2章 我們實際上是如何使用
在網頁中,我們精心準備的文字,在用戶看來可能更像在時速100公里的速度駛過的廣告牌果想要設計有效的網頁,必須接受網絡使用的三個事實。
1、我們不是閱讀,是掃描。
大多數人花極少的時間,瀏覽最多的信息頁面。
2、不做最佳選擇,滿意即可
用戶掃描整個網頁,考慮的不是最好的選項,而是最合適的選項。這是滿意策略。一旦發現將可能跳轉到下一個界面。使滿意策略變得更有效率,而不是最佳策略。
2、不追究到底,而是勉強應付
生活中很多東西,我們對它們的運作并不了解,甚至有完全錯誤的理解。但是,這并不影響我們
來使用它。就像很少有人會花時間去閱讀說明書,但是依然模棱兩可的使用。借用雅虎搜索的例子,盡管它的操作不是很便捷,但是用習慣了,發現能用,我們就會一直用它。
第3章 廣告牌設計101法
1、建立清楚的視覺層次
讓頁面最重要的部分凸顯出來。
2、建立習慣用法
大多數習慣用法都是從報紙和雜志中延續過來,然后涌現新的方法。借用”購物車“圖標代替文字就能說明用法的重要性。
3、把頁面劃分成明確定義的區域
讓用戶很快決定關注的頁面,或者放心跳過無用的區域。
明顯標識可以點擊的地方
讓用戶一眼看到,我可以點哪里。
4、降低視覺噪聲
避免眼花繚亂,注意背景噪聲。
第4章 動物,植物,無機物
1、為什么用戶喜歡無須思考的選擇
動物,植物,無機物
2、用戶在達到目標之前點擊4或5次不會有挫敗感。
3、每次點擊有多艱難,需要多少思考,還有多大的不確定性來判斷是否進行正確選擇。
4、主要真正的問題不是到達目標之前要耗費的點擊次數,而是需要思考多長時間。
5、法則“三次無須思考,明確無誤的點擊相當于一次需要思考的點擊”
6、必要的支持和幫助
簡短:只需要提供最少的信息來幫助我。
及時:放在我正好需要它的地方。
不會錯過:設置合適的格式,保證我一定會注意到它。
第5章省略多余的文字
1、省略多余的文字不要在web上寫作的藝術
去掉多余的文字
有力的文字都很簡短
去掉沒有用的文字的好處
降低頁面的噪聲
讓有用的文字更加突出
讓頁面更簡短
讓用戶在每個頁面上一眼就能看更多的內容,而不必滾動屏幕。
2、歡迎次必須消滅
歡迎詞就像那些小冊子蹩腳的促銷文案一樣,沒有包括有用的信息,只在那一個勁地說自己有多好,而不是描述什么東西能讓我們感覺更好。所以你應該盡量減少歡迎詞,能減多少就減多少。
3、指示文字必須消滅
多余文字的另一個主要來源就是指示說明。如果指示說明非常冗長,用戶能發現他們所需信息的機會也很小。
第6章 街頭指示牌和面包屑
1、如果在網站上找不到方向,人們不會使用你的網站。
2、Web習慣導航用法
導航元素要做到的是可以讓我們快速定位,不必費力、將它們的外觀標準化讓我們更容易把它們與別的東西區分開來。
3、持久導航
是指無論你處在網頁的什么位置,它可能會有所變化,但它一直都會在哪里幫你指引方向,為你服務。
主要包含5個元素:
(1)站點ID
(2)欄目:主導航條
(3)實用工具:是到達網站中不屬于內容層次的重要元素的鏈接、只能放置4-5個用戶常用工具。
(4)主頁:是幫助我們送回主頁的按鈕或鏈接。
(5)提供搜索:用詞簡單、輸入關鍵詞、選項
4、面包屑
(1)把它們放在最頂端
(2)使用>對層級進行分離。
(3)使用小字體。
(4)將最后一個元素加粗
5、標簽
(1)不言而喻
(2)很難錯過
(3)靈活
(4)物理空間
第7章 首先承認,主頁不由你控制
1.主頁要完成的任務
(1)站點的標識和使命
(2)層次
(3)導讀
(4)內容更新
(5)友情鏈接
(6)快捷方式
(7)注冊
(8)目標要明顯
(9)入口
(10)建立可信度和信任感
2.如何傳達
(1)口號
(2)歡迎廣告
(3)需要多大空間就使用多大空間。
(4)但也不要使用過多空間
(5)但也不要使用過多空間。
(6)不要把使命陳述當做歡迎廣告。
(7)最重要的是進行測試。
3.主頁導航可以不一樣,主頁可以不使用持久導航,通常也不使用
常見的差別
(1)欄目描述
(2)不同的方向
(3)用于識別的空間更多
4.下拉框的問題
(1) 必須把它找出來
(2)它們難以掃描
(3)它們不好控制
第8章? 農場主和牧牛人應該是朋友
1、關于可用性的爭論是在浪費時間,如何避免這種情況?
不要做重復無意義的
不要以自己的主觀角度思考解決問題,需多維度思考
團隊中不同職位,應團結,互相尊重,協商解決問題
所有Web用戶都是獨一無二的
所有的Web使都是不一樣的
第9章? 一天10美分的可用性測試
1、關于測試的事實
用戶調研人數要多,焦點小組不是可用性測試
如果想建立一個優秀的網站,一定要測試
測試一位用戶比不做測試好一倍
在項目中,早點測試一位用戶好過最后測試50位用戶
3、應該多久進行一次測試
每個月安排一上午為好
每次理想測試應該3個以上
4、怎樣選擇測試參與者
寬松招募,曲線上升
5、怎么找到測試參與者
用戶組里
展覽會
分類信息網站
各社交平臺等
6、在哪里測試和由誰來測試、觀察
安靜不被打擾的空間
各參與者一起
人越多越好
7、測試中遇到的問題
用戶不清楚概念
他們找到自己要的字眼
內容太多了
8、決定修復哪些問題
最嚴復的問題最先修復
收集一份問題列表
選擇10個最嚴重的問題
問題評級
建立 一份排序列表
對那些“夠得著的果”,建立另一份清單
抵制添加的沖動
不要太看重人們對新功能的要求
忽略“Kayak(皮劃艇)問題
9、其他選擇
遠程測試
無人主持的遠程測試
第10章 大的方面和外界影響
1、移動設計的內容
移動設備上進行設計的可用性的區別
良好的移動可用性最好設計是妥協
管理屏幕空間的挑戰不應該以犧牲可用性為代價
2、關于可伸縮的設計
動態布局、流式設計、自適應設計、響應式設計
要點非常煩瑣
難以完善
允許綻放
不要讓我站門口
永遠記得提供一個到“全內容”網站的鏈接
3、不要把你的提示藏在后面
4、沒有光標=沒有懸停=沒有線索
5、扁平化設計:朋友還是敵人
6、實際上,可能會太過富余,或者嚴復不足
7、移動應用需要可學習、可記憶
第11章 可用性是基本禮貌
1、好感存儲器
這個存儲器是用戶對網站體驗的感知和反饋,它的容量是有限的,它會因個人特質的不同而不同,也會因情況而定,你可以重新填滿它,但是有時候一個簡單的錯誤就能清空它。
2、降低好感的方式
隱藏我想要的信息,給用戶的信息提供不足。
繁瑣的用戶體驗。
向用戶詢問不必要的信息。
欺騙用戶,敷衍用戶,虛偽的真誠。
設置一些不必要的障礙。
網站看上去不專業,布局凌亂,不專業,給用戶的體驗感覺差。
3、提高好感的方式
讓用戶知道你的網站在做什么,讓使用變得簡潔明了。
告訴用戶一些信息,即使有些是他不想知道的。
減少操作步驟,提高用戶體驗。
花心思在用戶體驗上,并為用戶盡可能的解決疑問,并且保持坦率。
為用戶提供協助,及時解決錯誤,并且當遇到不能解決的問題時,要坦然面對用戶并對用戶致以歉意。
第12章 可訪問性和你
讓每位用戶都可以有最好的體驗
要改進網站的可訪問性,最好的方法是經常測試,站在用戶的角度考慮問題,并且觀察人們實際上是如何使用他的。
第13章 指點迷津
讓老板觀看可用性測試,或者制作不超過3分鐘的視頻,并且配上有意思的解說,這樣對于有些老板更易接受。
在個人時間里進行一次測試,然后進行問題修復。
對競爭對手進行測試,了解對手。
理解管理層,并且富有同理心。
弄清楚自己在公司中的位置,愿于去分享知識,而不是告訴別人應該怎么做。
抵制黑暗力量,不要越過界限。