2017-11-4 8008

第1章 別讓我思考

Krug可用性第一定律

別讓我思考

設(shè)計的重要原則：別讓我思考邦鲫。也就是當(dāng)看見一個頁面時，不言而喻、一目了然，不需要花費時間去思考于颖。

創(chuàng)建網(wǎng)站時，就是要把問號去掉

強迫思考的地方

網(wǎng)頁上每項內(nèi)容有可能迫使我們停下來嚷兔，進行不必要的思考森渐。例如很酷、自以為很聰明的名字冒晰、生僻的詞同衣。

內(nèi)容容易出現(xiàn)的問題

1、詞翩剪、文字（越簡單明確越好）

2、鏈接圖標(biāo)彩郊、點擊按鈕（越突出越好前弯，文字鏈接是差選擇）

如果你做不到讓一切不言而喻

不言而喻：只要看一眼就知道是什么內(nèi)容，知道如何使用它

如果頁面復(fù)雜秫逝，做不到恕出，那就盡量讓用戶只花一點點時間去理解，讓它自我解釋违帆。

為什么它這么重要

有些網(wǎng)站做得很差浙巫，但是還是很多人使用。網(wǎng)站并不是那么容易被找到刷后，訪問者沒有類似的網(wǎng)站的畴。

就像12306，要么做到用戶必須使用尝胆。要么創(chuàng)新丧裁，獨一無二，沒有同類網(wǎng)站含衔，才敢忽略用戶體驗煎娇，不怕用戶跑掉二庵。

那么，到底是為什么呢

大部分人會花比我們相信中少很多的時間去瀏覽網(wǎng)頁缓呛。如果要讓網(wǎng)頁有效催享，必須在用戶第一眼看見時將自己展示出來。

第2章 我們實際上是如何使用Web的

掃描哟绊，滿意即可因妙，勉強應(yīng)付

大部分是在每個頁面上瞥一眼，掃過一些文字匿情，點擊第一個令他們感興趣的或者大致符合他們尋找目標(biāo)的鏈接兰迫。

如果想設(shè)計有效的網(wǎng)頁，必須接受關(guān)于網(wǎng)絡(luò)使用情況的三個事實

1炬称、我們不是閱讀汁果，而是掃描

人們會花很少的時間去閱讀大部分的頁面，只是掃描一下玲躯，尋找能吸引注意力的文字据德，也有例外：新聞、產(chǎn)品描述等頁面

為什么掃描：

·我們總是處于忙碌之中：節(jié)約時間

·我們知道自己不必閱讀所有內(nèi)容

·我們善于掃描

2跷车、我們不作最佳選擇棘利，而是滿意即可

大多數(shù)時間，我們不會選擇最佳選項朽缴，而是選擇第一個合理的選項善玫，這就是滿意策略。

為什么用戶不尋找最佳方案密强？

·我們總是處于忙碌之中：尋找最佳策略很難茅郎，需要的時間很長，滿意策略效率更高

·如果猜錯了或渤，也不會產(chǎn)生嚴重的后果：在網(wǎng)站上做錯誤選擇的后果通常只是點幾次后退

·對選擇進行權(quán)衡并不會改善我們的機會：在設(shè)計不佳的網(wǎng)站中系冗，花費精力去做最佳選擇并沒有用，還不如猜第一個頁面薪鹦，不行就退出掌敬。

·猜測更有意思：猜測速度會更快

3、我們不是追根究底池磁，而是勉強應(yīng)付

為什么會這樣奔害？

·這對我們來說并不重要：原理對于用戶不重要，只要能正常使用就好

·如果發(fā)現(xiàn)某個事物能用地熄，我們會一直用它：發(fā)現(xiàn)某個事物能用舀武，我們不太會找一種更好的辦法，偶爾遇到一種更好的辦法离斩，我們會換更好的方法银舱，但很少會主動尋找更好的方法瘪匿。

如果人們勉強應(yīng)付的時候這么對，他們有沒有弄明白寻馏？答案很重要：因為有時候可以勉強應(yīng)付棋弥，但它的通常效率不高，容易出錯诚欠。

弄明白好處：

·更容易找到自己需要的東西顽染，無論對用戶還是你都好

·他們會更容易理解你的網(wǎng)站提供的服務(wù)-不止是他們偶然看見的東西

·你更可能引導(dǎo)他們到網(wǎng)站上你更希望他們看見的地方

·在你的網(wǎng)站上，他們會覺得自己更聰明轰绵，更能把握全局粉寞，會讓他們成為老用戶。只要有一個讓人們感覺更好的網(wǎng)站左腔，他們就會離開這種讓人勉強應(yīng)付的站點

第3章 廣告牌設(shè)計101法則

為掃描設(shè)計唧垦，不為閱讀設(shè)計

需要注意以下5個重要方面，來保證他們盡可能的看到并理解了你的網(wǎng)站：

·在每個頁面上建立清楚的視覺層次

·盡量利用習(xí)慣用法

·把頁面劃分成明確定義的區(qū)域

·明顯標(biāo)識可以點的地方

·最大限度降低干擾

建立清楚的視覺層次

·越重要的部分越突出：最重要的標(biāo)題要么字體更大液样、更粗振亮、顏色更特別

·邏輯上相關(guān)的部分在視覺上也相關(guān)：把相近的內(nèi)容分為一組，讓在同一標(biāo)題下鞭莽，采用同樣的樣式

·邏輯上包含的部分在視覺上進行嵌套：如：一個分類的標(biāo)題出現(xiàn)在某本具體書籍書名的上面

習(xí)慣用法是你的好幫手

比如設(shè)計師們可以安心的使用一個購物車圖標(biāo)坊秸，而不必加上“購物車”的文字說明。

關(guān)于WEB上的習(xí)慣用法：

·他們非常有用：用戶訪問更容易

·設(shè)計師通常不愿意利用它們：

當(dāng)你有一個新的想法澎怒，且每個人看到都說好時再進行創(chuàng)新褒搔，否則請盡量利用習(xí)慣用法。

把頁面劃分成明確定義的區(qū)域

把頁面劃分明確定義的區(qū)域很重要喷面，因為這可以讓用戶很快決定關(guān)注頁面的哪些區(qū)域

明顯標(biāo)識可以點擊的地方

明確的標(biāo)識哪些地方可以點擊星瘾，哪些地方不能點擊，這很重要

小三角剪頭也是WEB習(xí)慣用法乖酬，指向可點擊的文本死相。

降低視覺噪音

·眼花繚亂：所有內(nèi)容都很搶眼

·背景噪聲：多余的間隔線

第4章 動物融求，植物咬像，無機物

為什么用戶喜歡無須思考的選擇

有設(shè)計師和可用性專家一直在爭論，有些站點規(guī)定生宛，到達某頁面需要點擊的次數(shù)永遠不能超過指定的次數(shù)县昂。

點擊多少次都沒有關(guān)系坏晦，只要每次點擊都是無需思考疤坝，明確無誤的選擇。

第5章 省略多余的文字

不要在Web上寫作的藝術(shù)呼畸，必須正確處理的幾個方面

歡迎詞必須消滅

那些好的詞莱睁，根本沒有有用的信息待讳，只是一個勁的說自己有多好芒澜，而不是描述什么東西能讓我們感覺更好。

WEN用戶沒有時間閑聊创淡，更喜歡直截了當(dāng)痴晦，應(yīng)該盡量減少歡迎詞，能減多少就減多少琳彩。

指示說明必須消滅

多余文字另一個主要來源就是指示說明誊酌。當(dāng)指示文字變得完全沒有必要時，則應(yīng)把它全部去掉露乏。

第6章 街頭指示牌和面包屑

設(shè)計導(dǎo)航

原則：明確碧浊、簡單、一致

網(wǎng)絡(luò)導(dǎo)航101法則

·你通常是為了尋找某個目標(biāo)瘟仿。

·你會決定先詢問還是先瀏覽：在搜索框里輸入想要找的東西箱锐，然后得到一堆鏈接，指向目標(biāo)可能所處的地方猾骡。

·如果選擇瀏覽瑞躺，你將通過標(biāo)志的引導(dǎo)在層次結(jié)構(gòu)中穿行。

·最后兴想，如果找不到想要的東西幢哨，你會離開。

無法承受的瀏覽之輕

·感覺不到大小

·感覺不到方向

·感覺不到位置

被忽略了的導(dǎo)航用途

·它給了我們一些固定的感覺

·它告訴我們當(dāng)前位置

·它告訴我們?nèi)绾问褂镁W(wǎng)站：從哪里開始嫂便，能進行哪些選擇

·它給了我們對網(wǎng)站建造者的信息

WEB導(dǎo)航習(xí)慣用法

持久導(dǎo)航應(yīng)該包含5個元素：站點ID（o571）捞镰，回主頁的方式（home），搜索的方式（search）毙替，欄目（出租中心岸售、出售中心...），實用工具（關(guān)于我們厂画、聯(lián)系我們...）

我說的是每一頁（不是所有的頁面都要使用持久導(dǎo)航）

·主頁：和其他頁面不一樣凸丸，它要承擔(dān)一些不同的任務(wù)，遵守一些不同的承諾袱院。這樣有時候意味在主頁內(nèi)不必使用持久導(dǎo)航屎慢。

·表單：表單頁面不需要持久導(dǎo)航，否則造成不必要干擾忽洛。

現(xiàn)在我知道我們不是在Kansas

實用工具：持久導(dǎo)航上只能放置4-5個實用工具

持久導(dǎo)航中最重要的元素之一是把我們送回主頁的按鈕或鏈接

提供搜索：提供選項時腻惠，以便指定以何種方式搜索我們想要尋找的內(nèi)容，當(dāng)?shù)玫降慕Y(jié)果太多的時候欲虚，就需要縮小范圍集灌。

頁面名稱

·路牌標(biāo)志很大

·它們在合適的位置

·每個頁面都需要一個名稱

·頁面名稱要出現(xiàn)在合適的位置

·名稱要引人注目

·名稱要和點擊的鏈接一致

面包屑

面包屑（層級菜單）告訴你當(dāng)前的位置

·把他們放在最頂端

·使用“>”對層級進行分隔

·使用小字體

·使用了文字“你在這里”

·將最后一個元素加粗

·沒有把它們用作頁面的名稱

來做后備箱測試

怎么判斷頁面設(shè)計良好：

·這是什么網(wǎng)站？

·我在哪個網(wǎng)頁上复哆？

·這個網(wǎng)站的主要欄目有哪些?

·在這個層次上我有哪些選擇

·我在導(dǎo)航系統(tǒng)的什么位置

·我怎么搜索

第7章 首先要承認欣喧，主頁不由你控制

主頁要完成的任務(wù)：

·站點的標(biāo)識和使命：要告訴人們這是什么網(wǎng)站腌零，做什么的

·站點層次：包括內(nèi)容，包括功能唆阿。這項工作通常由持久導(dǎo)航來處理

·搜索：設(shè)置一個突出顯示的搜索框

·導(dǎo)讀：

·內(nèi)容更新：網(wǎng)站的成功取決于用戶是否經(jīng)忱趁唬回來訪問

·友情鏈接

·快捷方式

·注冊

·讓我看到自己正在尋找的東西

·......還有我沒有尋找的

主頁要回答4個問題：

·這是什么網(wǎng)站？

·網(wǎng)站上有什么內(nèi)容酷鸦？

·我能在這里做什么饰躲？

·為什么我應(yīng)該在這里，而不是在別的地方臼隔？

主頁導(dǎo)航可以不一樣

可以不同嘹裂，但也不要相去甚遠。重要的是欄目名稱保持不變摔握，同樣的文字和分組寄狼。同樣是字體和大小。

·欄目描述

·不同的方向：可能是垂直方向

·用于識別的空間更多

下拉框的問題

·你必須把他們找出來

·他們難以掃描

·他們不好控制

第8章 農(nóng)場主和牧牛人應(yīng)該是朋友

為什么大部分關(guān)于可用性的爭論是在浪費時間氨淌，如何避免這種情況泊愧？

使用測試的方法，必須使用團隊的集體技巧盛正、經(jīng)驗删咱、創(chuàng)造力和判斷力來創(chuàng)建一些版本，然后仔細觀察人們對它的看法和使用的方法豪筝。

第9章 一天10美分的可用性測試

讓測試簡單——這樣你能進行充分的測試

關(guān)于測試的幾個事實

·如果想建立一個優(yōu)秀的網(wǎng)站痰滋，一定要測試

·測試一個用戶比不做測試好一倍

·在項目中，早點測試一位用戶好過最后測試50位用戶

·人們對招募用戶代表的重要性估計過高

·測試的關(guān)鍵不是要證明什么或者反駁什么续崖，而是了解你的判斷力

·測試是一個迭代的過程

·沒有什么比現(xiàn)場用戶的反應(yīng)更重要

應(yīng)該測試多少用戶敲街？

理想數(shù)量應(yīng)該是三個，最多是四個

測試用戶選擇严望？

·實際上多艇，大部分用戶是初學(xué)者

·設(shè)計出的網(wǎng)站只有你的目標(biāo)群體能使用，這通常并不是一個好主意

·專家通常不會介意對初學(xué)者來說很清楚的界面

·如果你的網(wǎng)站幾乎只由某一類用戶使用像吻，而且這些陣營有著完全不同的興趣和需要

·如果使用你的網(wǎng)站需要專門的領(lǐng)域知識

招募測試要注意的問題峻黍？

·提供合理的激勵

·邀請要簡單

·避免對網(wǎng)站進行預(yù)先討論

·別不好意思請朋友和鄰居幫忙

在哪里測試？

需要一辦公室萧豆、電腦奸披、網(wǎng)絡(luò)昏名、攝像機（方便不干擾用戶使用而記錄用戶實際操作情況）

由誰來引導(dǎo)測試

選擇有耐心涮雷、冷靜、善于傾聽轻局、公正的人

誰應(yīng)該進行觀察洪鸭？

可以鼓勵任何人參與

測試什么样刷，什么時候測試？

·“理解”測試：看他們能否理解這個網(wǎng)站览爵，理解網(wǎng)站的目標(biāo)置鼻、價值主張、組織方法蜓竹、運行方式等

·關(guān)鍵任務(wù)測試：讓用戶完成一些任務(wù)箕母，然后觀察他們是怎么做的

立刻回顧測試結(jié)果

·給問題分類

·解決問題

常見問題

·用戶不清楚概念

·他們找不到自己要找的字眼：分類不符合用戶的習(xí)慣，沒有使用他們期望的名字

·內(nèi)容太多了：沒有重點層次

第10章 可用性是基本禮貌

為什么你的網(wǎng)站應(yīng)該讓人尊敬

好感儲存器

每次進入一個網(wǎng)站時俱济，都會有一個好感儲存器嘶是，在遇到的每個問題都會降低好感儲存器的高度。當(dāng)好感耗盡蛛碌，用戶就可能會離開網(wǎng)站

關(guān)于好感儲存器聂喇，注意

·它因個人特質(zhì)的不同而不同

·它依情況而定

·你可以重新填滿它

·有時候一個錯誤就能清空它

降低好感：

·隱藏我想要的信息：電話號碼、運費蔚携、價格

·因為沒有按照你們的方式行事而懲罰我

·向我詢問不必要的信息

·敷衍我希太，欺騙我

·給我設(shè)置障礙：必須看很長的FLASH動畫進入等

·你的網(wǎng)站看上去不專業(yè)：凌亂

提高好感：

·知道人們在你的網(wǎng)站上想做什么，并讓他們明白簡易

·告訴我我想要的

·盡量減少步驟

·花點心思：保證信息準(zhǔn)確酝蜒、組織良好誊辉、表達方式清楚

·知道我可能有哪些疑問，并且給與解答

·為我提供協(xié)助亡脑，例如打印友好頁面

·容易從錯誤中恢復(fù)

·如果不確定芥映，記得道歉

第11章 可訪問性、級聯(lián)樣式表和你

正當(dāng)你覺得已經(jīng)完成的時候远豺，一只貓掉了下來奈偏，背上捆著涂了奶油的面包

現(xiàn)在就能正確實施的五件事

1、改正讓所有人感到混淆的可用性問題

2躯护、讀一篇文章

3惊来、看一本書：關(guān)于WEB可訪問性的書

4、開始使用級聯(lián)樣式表

·對格式的控制沒有限制

·瀏覽器之間的一致性

·序列化你的內(nèi)容

·允許你重新定義文字大小

5棺滞、去摘夠得著的果子

·為每張圖片增加ALT文本

·讓你的表單配合屏幕閱讀器

·在每頁的最前面增加一個“跳轉(zhuǎn)到主要內(nèi)容”的鏈接

·讓所有的內(nèi)容都可以鍵盤訪問

·如果沒有充分的理由裁蚁，不要使用javascript

·使用客戶端（而不是服務(wù)器端）的影像地圖

第12章 救命！老板想要我