part1：指引用戶
ch1 令人心動(dòng)的第一印象
首先討論用戶第一次訪問(wèn)某個(gè)站點(diǎn)的頭30秒鐘內(nèi)將會(huì)發(fā)生的事情。
· 設(shè)計(jì)吸引人的第一印象
· 以明確的路線來(lái)提供信息
· 提供工具指引用戶
· 把觀光客轉(zhuǎn)變?yōu)橄M(fèi)者
1.1發(fā)現(xiàn)頁(yè)面布局
不是你選擇頁(yè)面布局，而是它選擇了你
布局時(shí)內(nèi)容組織的必然結(jié)果，它往往是自己逐漸成形的。一旦周全考慮了頁(yè)面的所有需求，并且確定了每一塊的內(nèi)容，你的工作就變成了看著所想要的布局自己展現(xiàn)在你眼前。
開(kāi)始安排頁(yè)面內(nèi)容時(shí)，把所有的欄目區(qū)域都扔到顯示屏上，然后移來(lái)移去不斷地調(diào)整讓他們彼此協(xié)調(diào)。
1.2 引導(dǎo)用戶的視線
1.2.1 應(yīng)用古騰堡圖表
人們?cè)跒g覽頁(yè)面或布局的時(shí)候，視線往往區(qū)域從左上角移動(dòng)到右下角，
古騰堡圖表中，左上角是第一視覺(jué)落點(diǎn)區(qū)（Primary Optical Area, POA）,右下角是最終視覺(jué)落點(diǎn)區(qū)（Terminal Anchor，TA）與之相對(duì)，右上角和左下角則是視覺(jué)盲點(diǎn)。因此，采用對(duì)角線平衡通常都是一個(gè)好設(shè)計(jì)需要考慮的因素，因?yàn)樵O(shè)計(jì)師遵從了用戶習(xí)慣性的眼動(dòng)規(guī)律。
為了實(shí)現(xiàn)“對(duì)角線平衡”的布局設(shè)計(jì)，可以運(yùn)用視覺(jué)元素來(lái)創(chuàng)建一條虛擬的“線”，讓用戶的視線跟隨它從左上到右下呈對(duì)角線似地移動(dòng)。
采用視覺(jué)移動(dòng)的自然軌跡意味著最終的設(shè)計(jì)將有助于用戶更快的熟悉站點(diǎn)，指引用戶下一步該做什么。
對(duì)角線平衡法則并不一定適用于每個(gè)頁(yè)面設(shè)計(jì)，因此不必強(qiáng)制遵守，但是如果發(fā)現(xiàn)使用對(duì)角線平衡法則可能有助于強(qiáng)調(diào)整個(gè)頁(yè)面意圖，不放考慮一使試。
1.2.2使用顏色來(lái)吸引注意
相對(duì)于一致性來(lái)說(shuō)，人類對(duì)物體間的差異性更為敏感。因此在頁(yè)面中加入一些顏色，可以非常有效地把瀏覽者的視線引導(dǎo)到我們希望他們看到的地方。
ch2 凸顯個(gè)性
2.1 統(tǒng)一設(shè)計(jì)風(fēng)格，形成積極地印象
使用符號(hào)
讓你的品牌標(biāo)志保持精致和優(yōu)雅。需要有良好的判斷力來(lái)調(diào)整品牌商標(biāo)和符號(hào)——不要太突兀，有時(shí)候?qū)幙勺屗麄兒?jiǎn)單樸素一點(diǎn)。
ch3 導(dǎo)航之道
人們通常獲得導(dǎo)向的方法是：粗略掃視一邊頁(yè)面，看看自己有哪些選擇，并且快速過(guò)略掉那些物管自己興趣的內(nèi)容。當(dāng)某個(gè)符合需要的鏈接出現(xiàn)時(shí)，我們會(huì)更為仔細(xì)地產(chǎn)看逾期毗鄰的文字，以圖確定其是否正式我們需要的選項(xiàng)。如果是，就單擊。
3.1 告訴軟件該做什么
3.1.1 每個(gè)人都想當(dāng)指揮
軟件并不是為了我們能單擊那些按鈕而存在的。它是為了我們能完成任務(wù)而存在。
菜單不是基于對(duì)象，而是基于任務(wù)的。
按鈕標(biāo)簽是動(dòng)詞，而菜單選項(xiàng)是名詞。
3.1.2 避免Login綜合征
用戶所希望的并不是去和界面里的對(duì)象進(jìn)行交互，而是去做自己所要做的事。他們的目的并不是單擊它然后去看登錄面板，而只是想登錄。
因此你需要的不是一個(gè)名詞，而是一個(gè)命令。
3.1.3 我來(lái)說(shuō)，你來(lái)做
對(duì)于用戶來(lái)說(shuō)，他們對(duì)站點(diǎn)保持興趣的關(guān)鍵在于能否獲得方向感，能否得到所需的信息，以及能否完成任務(wù)。
運(yùn)用動(dòng)賓詞組，按鈕和鏈接就能有效地告訴用戶能做什么。同時(shí)也使得用戶感到自己是指揮者：是用戶告訴程序去做什么，而不是反過(guò)來(lái)。
創(chuàng)建產(chǎn)品導(dǎo)航時(shí)，請(qǐng)確保你是以用戶為出發(fā)點(diǎn)，而不是以系統(tǒng)為出發(fā)點(diǎn)。
ch4 鏈接生來(lái)不平等
4.1讓環(huán)境提示成為引導(dǎo)的線索
列車到站的音樂(lè)廣播成為環(huán)境的提示
字體大小，較大的字從較小的文字中凸顯出來(lái)。
展現(xiàn)歲月的印記
標(biāo)簽云使用了顏色來(lái)表明某個(gè)鏈接相對(duì)的受歡迎程度
ch5 標(biāo)簽云里抬頭看路
兩個(gè)按鈕：一個(gè)是按標(biāo)簽云顯示，另一個(gè)是按列表顯示
標(biāo)簽云是一種鏈接列表，顯示在一個(gè)區(qū)域內(nèi)，并且按照熱門程度（或者其他準(zhǔn)則）來(lái)加重顯示其中的某些標(biāo)簽。最后的結(jié)果看上去就像一片鏈接的“云層”。
5.1 你的創(chuàng)新是否有效
應(yīng)該更注重于提高品質(zhì)，而不是一味地創(chuàng)新，與其硬要在標(biāo)簽云里強(qiáng)塞入一些所謂的新貢獻(xiàn)，不如讓它就那樣好好呆著。
5.1.1 什么時(shí)候該說(shuō)不
在這個(gè)世界上不存在任何理由強(qiáng)迫用戶思考，無(wú)論對(duì)于一個(gè)頁(yè)面、一個(gè)場(chǎng)景，還是一個(gè)博客模板。
用戶只會(huì)在頁(yè)面短暫地逗留，而不會(huì)考慮如何個(gè)性化設(shè)置連接的顯示方式。它會(huì)迫使用戶在不必要的地方思考；用戶很可能因此困惑，甚至煩惱。
5.1.2 如果你不是解決方案的一部分
創(chuàng)造良好的第一印象還需要時(shí)刻知道什么該展現(xiàn)，什么又不該展現(xiàn)，要有取舍。
設(shè)計(jì)絕不包含運(yùn)氣成分。一個(gè)網(wǎng)站的外觀、版式布局、導(dǎo)航結(jié)構(gòu)、傳達(dá)個(gè)性的元素，這其中的任何一項(xiàng)，乃至顏色和字體的使用方式，對(duì)于第一印象（以及隨后的效果）而言都至關(guān)重要。他們都需要我們有明確的目標(biāo)，進(jìn)行針對(duì)性的設(shè)計(jì)，才能傳達(dá)正確的信息，而用戶才會(huì)信任我們的網(wǎng)站和產(chǎn)品。
part1：學(xué)習(xí)
ch6 開(kāi)門見(jiàn)山
6.1 為什么說(shuō)歡迎辭沒(méi)有用
人們通常不會(huì)在網(wǎng)頁(yè)上閱讀文字，他們只是掃描，如果是更長(zhǎng)的介紹性文字，人們往往會(huì)直接忽略。也就是說(shuō)，篇幅短的文字才有可能吸引一部分注意力（假設(shè)它真的有用），從而有助于用戶理解他們正在看什么。
6.2 為掃描而設(shè)計(jì)
我們更感興趣的是要完成什么事情，而不是閱讀一段毫無(wú)目的，對(duì)達(dá)成目標(biāo)毫無(wú)幫助的文字。
他們并不關(guān)心是否受歡迎，他們關(guān)心的是找到某個(gè)課程。
“趕快行動(dòng)”詞組
“趕快行動(dòng)”詞組是用來(lái)激發(fā)人們做出某種行為的一組字詞。
一般被陳述成這樣：“保存更改”、“閱讀更多”、“登錄網(wǎng)站”
它們還易于掃描，使用動(dòng)賓詞組能準(zhǔn)確告訴用戶即將發(fā)生什么，同時(shí)還能讓他們感到自己才是軟件的指揮者。
對(duì)于用戶來(lái)說(shuō)，一個(gè)簡(jiǎn)短的句子遠(yuǎn)比一大段文字要來(lái)的有意義。重要的并不是我們提供的信息量有多大，而是我們能否給他們提供真正需要的信息。
ch7 為界面做標(biāo)記
7.1 停止標(biāo)記你的“假設(shè)”
我們經(jīng)常自以為是的猜測(cè)用戶對(duì)產(chǎn)品的理解程度，總是在假設(shè)用戶會(huì)明白我們的意思。我們先做假設(shè)，然后去標(biāo)記這些“假設(shè)”。
現(xiàn)在如何修正這個(gè)問(wèn)題。要么修改這些標(biāo)記使其變得通俗易懂，要么加上說(shuō)明元素（文本、屏幕截圖、小片段等）解釋它們。
ch8 生動(dòng)傳神的視頻
8.1視頻演示勝過(guò)千言萬(wàn)語(yǔ)
這些視頻其實(shí)需要艱辛繁瑣的制作過(guò)程，制作者需要在白板上創(chuàng)建一些列圖畫，并且為這里面的每一幅畫的每一個(gè)步驟進(jìn)行敘述性的拍攝，此外講述著還需要手繪一些漫畫作為補(bǔ)充。
8.1.1 使用視頻來(lái)表述問(wèn)題
8.1.2 使用視頻來(lái)表述想法
8.2 極為簡(jiǎn)單的視頻演示藝術(shù)
part3 搜索
把被動(dòng)的網(wǎng)站瀏覽者轉(zhuǎn)變?yōu)橹鲃?dòng)的活躍用戶很簡(jiǎn)單，只需要把他們的目標(biāo)從瀏覽轉(zhuǎn)變?yōu)樗阉?。搜索是人們?cè)诨ヂ?lián)網(wǎng)上最基本而又最重要的任務(wù)之一。
ch9 提出搜索詞建議
9.1 運(yùn)用Poka-yoke機(jī)智，使用自動(dòng)完成輸入框
“自動(dòng)完成”指的是 它們能嘗試猜測(cè)用戶輸入的文字，并且動(dòng)態(tài)地搜索出適配的結(jié)果，然后推薦給用戶，輔助他們完成輸入。有些輸入框會(huì)直接在框內(nèi)顯示最接近的那個(gè)詞，還有些輸入框則會(huì)顯示一個(gè)適配的列表，用戶可以在其中選擇。這兩種“自動(dòng)完成”輸入框都能避免用戶打錯(cuò)字，從而確保他媽呢的搜索更有效率。
9.1.1 局限性
首先，那些盯著鍵盤輸入文字的用戶通常根本不會(huì)注意到推薦列表。有些人偶爾會(huì)在打完字后抬起頭才發(fā)現(xiàn)推薦列表，但是他們往往都是敲了回車鍵后才抬頭，所以根本就沒(méi)看清列表里面的什么。
其次用戶往往會(huì)因?yàn)橥扑]而放棄自己先前的助長(zhǎng)，但其實(shí)他們自己想輸入的文字很可能比推薦的詞匯更加有效。
很多人一直都是這樣思考，他們認(rèn)為當(dāng)自己被要求或者至少是被引導(dǎo)去做什么的時(shí)候，提出該要求的網(wǎng)站肯定比他們自己聰明，而去選用網(wǎng)站推薦的，但其實(shí)效率較低搜索詞匯。
第三，你必須時(shí)刻注意不要讓推薦“搶跑”得太快。
在輸入的字符數(shù)足以讓推薦詞有意義之前，請(qǐng)不要顯示推薦詞。我們暫且把這個(gè)界限定位3~4個(gè)字符。
屏幕閱讀器是按照從上到下的順序讀取已載入頁(yè)面的，因此，在頁(yè)面載入完畢之后“變”出來(lái)的任何東西，都需要通知屏幕閱讀器頁(yè)面發(fā)生了什么改變，并且在頁(yè)面的這一部分給它一個(gè)快速入口，否則這些部分將無(wú)法被視力有障礙的用戶“閱讀”。
9.1.2 好雨知時(shí)節(jié)
ch10 列出搜索結(jié)果
10.1 信賴那些行之有效的標(biāo)準(zhǔn)
單純從技術(shù)上來(lái)說(shuō)，在大部分情況下這些文字鏈接都是不必要的，因?yàn)榧^足以完成任務(wù)，但是文字鏈接增大了這兩個(gè)最為常用的鏈接響應(yīng)區(qū)域，使得單擊更為容易。
提供回到搜索結(jié)果列表的出口
Back to 鏈接和分頁(yè)系統(tǒng)是非?；A(chǔ)的設(shè)計(jì)，但如果做得不好，它們就會(huì)成為造成用戶挫折感的關(guān)鍵因素。當(dāng)碰到類似這樣應(yīng)用極為廣泛的設(shè)計(jì)時(shí)，最好遵循普遍的標(biāo)準(zhǔn)，幫助用戶達(dá)到它們的目的，而不要迫使他們學(xué)習(xí)任何新的東西。
CH11 精煉你的搜索
11.1 高級(jí)搜索也簡(jiǎn)潔
使用“行內(nèi)擴(kuò)展”的方式。
11.1.1 遞進(jìn)顯示
人類的行為模式告訴我們，沒(méi)有必要一次就把所有的選項(xiàng)都擺出來(lái)。我們真正需要的是一個(gè)簡(jiǎn)單而又能夠廣泛應(yīng)用的解決辦法，最好能只在必要時(shí)才增加選項(xiàng)。
所謂的“遞進(jìn)顯示”就是一種設(shè)計(jì)方法，它能夠根據(jù)實(shí)際需要（即依靠用戶的輸入）而逐步顯示控件，而不是默認(rèn)把它們一股腦全堆在眼前。
重置選項(xiàng)一點(diǎn)用都沒(méi)有，絕大部分時(shí)候用戶不想全部從頭來(lái)過(guò)。他們只希望修改部分內(nèi)容。
11.1.2 引人入勝的交互
part4 深入
ch12 視頻播放器的標(biāo)準(zhǔn)化
不要在頁(yè)面一開(kāi)始載入的時(shí)候自動(dòng)播放視頻，一是會(huì)占用寬帶，而是那些不想看視頻的用戶需要被迫手動(dòng)停止視頻，無(wú)法安靜的閱讀頁(yè)面。
視頻暫停后再次單擊視頻框時(shí)，應(yīng)該繼續(xù)開(kāi)始播放，不要彈出一個(gè)新窗口鏈接到其他頁(yè)面，否則打破了用戶的預(yù)期。
12.1.1 且慢——還有做得更好的
TED播放器，視頻被很貼心的劃分成數(shù)個(gè)章節(jié)，而用戶可以通過(guò)播放器的菜單系統(tǒng)來(lái)跳轉(zhuǎn)到其中的任意部分。唯一的大問(wèn)題是它沒(méi)有提供必要的提示，讓用戶明白只要鼠標(biāo)懸停在視頻框上就會(huì)出現(xiàn)菜單系統(tǒng)。
12.1.2 博采眾長(zhǎng)
ch3 鞏固你的表單布局
13.1 設(shè)計(jì)出行云流水般的表單
表單需要呈現(xiàn)出延續(xù)的流動(dòng)性，表單的布局則極大地影響到用戶是否能夠成功地填寫表單。
兩列布局降低了用戶往下瀏覽的速度，同樣是容易引發(fā)錯(cuò)誤，如果標(biāo)簽左對(duì)齊，字段標(biāo)簽和與其對(duì)應(yīng)的輸入域間的映射關(guān)系很不明顯。
標(biāo)簽居右對(duì)齊時(shí)，用戶不會(huì)像左對(duì)齊那么容易犯錯(cuò)，因?yàn)闃?biāo)簽和輸入域之間更為接近。但右對(duì)齊的標(biāo)簽在頁(yè)面的左側(cè)形成了一道難看的、鋸齒狀的邊緣。兩列的布局仍然會(huì)減緩用戶往下瀏覽的速度。
直接把布局變成一列來(lái)顯示，標(biāo)簽則放在每個(gè)輸入域的上方，居左對(duì)齊。
這種布局讓用戶只用花最少的時(shí)間就能將標(biāo)簽和輸入域?qū)?yīng)起來(lái)，因此瀏覽速度比兩列布局要快不少。用戶只需在一個(gè)方向移動(dòng)視線就能看到標(biāo)簽和輸入域，而不用先閱讀左列的標(biāo)簽然后再瞥一眼右側(cè)的輸入域，這樣改善了分組，單列布局減少錯(cuò)誤的發(fā)生。
13.2 讓“確定/取消”更完美
按鈕的位置，居左對(duì)齊還是居右對(duì)齊對(duì)于可用性來(lái)說(shuō)并沒(méi)有很大的影響，但是一般仍然把它們放在左邊。
理由如下：
1.左對(duì)齊使所有元素都依靠左邊緣順勢(shì)而下，從表單頂部到底部形成了一條直線
2.美學(xué)上的選擇，因?yàn)樗鼮楸韱谓⒘艘粋€(gè)視覺(jué)上的支撐點(diǎn)。在完成每一處表單域后，你會(huì)繼續(xù)規(guī)則性地往下移動(dòng)。
按鈕上的文字
ok和cancel最省事，單擊ok并不能是用戶建立起一個(gè)清晰的期望。只要把按鈕上的文字改成Register Now即可
13.2.1 首選處理方式和第二處理方式
對(duì)于決定在網(wǎng)站注冊(cè)并且填寫表單的用戶來(lái)說(shuō)，他最優(yōu)可能選擇去單擊ok，這被稱為首選處理方式（primary action）而取消整個(gè)注冊(cè)過(guò)程則是不太可能的選擇，他被稱為第二處理方式（secondary action）。
費(fèi)茨法則（fits' law）指出，點(diǎn)擊某個(gè)目標(biāo)所花費(fèi)的時(shí)間可以通過(guò)一個(gè)函數(shù)來(lái)求值，它與“鼠標(biāo)與目標(biāo)的距離”和“目標(biāo)尺寸”密切相關(guān)。根據(jù)這一法則，我們最好的解決辦法就是從第二處理方式，也就是cancel按鈕上漸弱一些注意力?？梢詫⑵渥兂晌淖宙溄?。這樣一來(lái)，register now按鈕變得更為突出，也易于點(diǎn)擊了，同時(shí)cancel 鏈接也不再那么明顯，相比之下不那么容易點(diǎn)擊到了。
為什么把按鈕放在左邊而文字鏈接放在右邊呢？因?yàn)槟切┦褂胻ab鍵切換輸入域的用戶將先到達(dá)register now 按鈕。
13.2.2 這很重要
在表單的設(shè)計(jì)中考慮每一種方案間細(xì)微的區(qū)別，也就是真正注意到每一處細(xì)節(jié)，這將會(huì)為用戶創(chuàng)造另一個(gè)平滑順暢的瞬間。而每一個(gè)瞬間都會(huì)對(duì)整體的用戶體驗(yàn)做出貢獻(xiàn)。
CH14 駕馭Wizard向?qū)?/b>
14.1 建立清晰的預(yù)期
應(yīng)該去除用戶的挫敗感，只需要為他們建立期望，讓他們預(yù)先知道總共有多少個(gè)步驟，去過(guò)哪里，現(xiàn)在在哪里，將來(lái)還要到哪里。
設(shè)定范圍界限
最后一步，用戶可以返回之前那些面板去修改已經(jīng)輸入的信息。有些改動(dòng)可能會(huì)影響到后面的面板，如果發(fā)生這種情況，可以在用戶每次做出這類改動(dòng)時(shí)顯示一條消息說(shuō)明這一影響，并且要求他們重新進(jìn)行后續(xù)的設(shè)置。
通過(guò)顯示步驟數(shù)并且?guī)椭脩敉茢嗝總€(gè)步驟的長(zhǎng)度，我們?yōu)橛脩艚⒘饲逦钠谕?。他們能夠知道自己在做什么，還能預(yù)估完成整個(gè)過(guò)程所需的努力，同事還可以獲得一個(gè)愉快的，或者至少是相對(duì)輕松的瞬間。
ch15 最后的一英里：即時(shí)校驗(yàn)
如果不討論長(zhǎng)度或復(fù)雜度，表單設(shè)計(jì)的最關(guān)鍵問(wèn)題之一就是用戶可能會(huì)在填寫過(guò)程中犯各種錯(cuò)誤。
一旦錯(cuò)誤發(fā)生，我們總認(rèn)為是自己的過(guò)失，自我指責(zé)不可能創(chuàng)造美好的瞬間，它和我們所希望的用戶使用感受（有成效、聰慧、備受尊重）完全相反。
要想改善產(chǎn)品，最需要做的事情就是盡力杜絕錯(cuò)誤的出現(xiàn)。
警告對(duì)話框用的越多，就越?jīng)]有效果
15.1 要糾錯(cuò)，也要贊揚(yáng)
錯(cuò)誤發(fā)生時(shí)要隨即顯示出更多的信息，這些信息有助于解釋用戶在該處的可選范圍，并且說(shuō)明了應(yīng)當(dāng)如何改正錯(cuò)誤。
除了檢測(cè)到錯(cuò)誤時(shí)立即顯示友好的提示信息之外，告訴用戶“一切都沒(méi)有問(wèn)題”同樣也很重要。
如果用戶忽略某些必填項(xiàng)，直接跳到表單末尾試圖完成填寫過(guò)程，在這種情況下，某些輸入域根本不會(huì)獲得焦點(diǎn)，因此提示信息也就不可能被觸發(fā)。
通常來(lái)說(shuō)，人們會(huì)按照順序填寫表單，但為了保證在這種情況下用戶仍然能糾正問(wèn)題，可以在表單頁(yè)面的頂部創(chuàng)建了一個(gè)奶油色背景的提示區(qū)域，如果用戶跳過(guò)了部分表單并嘗試提交，他將會(huì)看到提示信息。
ch16 簡(jiǎn)化長(zhǎng)表單
16.1 清晰的預(yù)期
我們的目標(biāo)不應(yīng)該是把所有東西都放在一個(gè)界面里，正確的目標(biāo)應(yīng)該是使用戶相信表單并沒(méi)有實(shí)際的那么復(fù)雜。
首先，可以把表單分解成好幾個(gè)頁(yè)面，并且添加了一個(gè)步驟進(jìn)度條，把整個(gè)表單變成了一個(gè)wizard想到，目的是對(duì)每個(gè)步驟中用戶需要填寫的內(nèi)容有一個(gè)清晰的指示，讓用戶隨時(shí)了解還剩下多少個(gè)步驟。
其次，去掉多余的表單域，以免用戶在多處重復(fù)輸入相同的信息。真正的工作其實(shí)是考慮如何在第一頁(yè)就建立清晰的預(yù)期。
最后，第一時(shí)間就告訴用戶在完成表單的過(guò)程中將會(huì)需要哪些信息。這樣他們就能再開(kāi)始填寫之前就準(zhǔn)備好，而不會(huì)在填寫過(guò)程中感覺(jué)受了欺騙。
并不是所有的交互都能夠簡(jiǎn)化，但我們卻可以讓它們看上去更容易。
ch17 讓他們登錄
17.1 再一次改進(jìn)標(biāo)準(zhǔn)
如果系統(tǒng)已經(jīng)知道了你的用戶名，你便無(wú)需專門跑到另一個(gè)頁(yè)面去輸入它，然后告訴系統(tǒng)把密碼發(fā)給你。因?yàn)橄到y(tǒng)能很快做到這一點(diǎn)，而不需要你付出額外的努力。
17.1.2 更上一層樓
標(biāo)準(zhǔn)絕不是永恒不變的。事實(shí)上，絕大多數(shù)時(shí)間里，在某些人剛樹(shù)里起標(biāo)準(zhǔn)的下一秒鐘它們就改變了。用嶄新的眼光看待那些公認(rèn)為陳腐的事物，這對(duì)于任何產(chǎn)品都是改進(jìn)用戶體驗(yàn)的一種極佳方式。
ch18 計(jì)算字符數(shù)
18.1 到達(dá)限制
18.1.1 編輯中的 Poka - Yoke
我們只需要一個(gè)簡(jiǎn)單的方式讓用戶知道發(fā)生了什么。首先，讓他們知道這里有字?jǐn)?shù)限制；其次，讓他們知道何時(shí)會(huì)達(dá)到這個(gè)限制。
Poka - Yoke意思是“防止錯(cuò)誤”。
含義：1.偵測(cè)機(jī)制 ?2.預(yù)防機(jī)制
最簡(jiǎn)單的解決方案就是加上一條說(shuō)明性文字，向用戶解釋這里的字?jǐn)?shù)不能超過(guò)50個(gè)字符。
把文本中的數(shù)字50改變成了一個(gè)不斷減少的變量。
18.1.2 一點(diǎn)小警告
twitter在設(shè)計(jì)字符計(jì)數(shù)方面走得更遠(yuǎn)，一開(kāi)始不斷減少的變量是灰色文字，一旦用戶輸入字符超過(guò)了120，該變量就會(huì)變紅沒(méi)提醒他們還剩下不到20個(gè)字符了。
即使用戶在一開(kāi)始不會(huì)注意到這個(gè)文本，但是通過(guò)顏色變化的方式會(huì)在輸入時(shí)引起他們的注意。紅色能在絕大部分網(wǎng)頁(yè)中凸顯出來(lái)，而且突然出現(xiàn)的紅色通常能打斷用戶的輸入，讓他們注意到字符計(jì)數(shù)器。這個(gè)交互就一目了然。
CH19 參與
ch19 創(chuàng)建個(gè)人資料
19.1 遞進(jìn)地增加
19.1.1 把數(shù)據(jù)變成儀表盤
空白資料頁(yè)面里面沒(méi)有任何數(shù)據(jù)信息，空白資料頁(yè)面的好處在于它們可以鼓勵(lì)人們采取行動(dòng)。
個(gè)人資料變成了一種有效的人際交往手段，提供了一條清晰的途徑來(lái)了解其他成員的喜惡。通過(guò)提供這種信息，用戶將開(kāi)始信任與之品味類似的成員，并且會(huì)時(shí)?；卦L，獲知他們最近的瀏覽內(nèi)容，他們也有理由一次又一次地反復(fù)光顧這個(gè)網(wǎng)站。
CH20 編輯
20.1 在正確的時(shí)間顯示正確的工具
想要減輕編輯功能的混亂程度，最好只顯示與當(dāng)前任務(wù)相關(guān)的工具，同時(shí)希望用戶能直接地編輯他們的網(wǎng)頁(yè)，而不是被帶到另一個(gè)界面。
怎樣才能隱藏那些和當(dāng)前任務(wù)無(wú)關(guān)的工具和選項(xiàng)呢？
在隱藏?zé)o關(guān)工具的同時(shí)，還必須確保所有的工具在任何時(shí)間都能被用戶找到。
要弄清楚在每個(gè)面板中應(yīng)該放些什么工具，以及如何為用戶提供不在面板中的工具。
解決辦法：應(yīng)用遞進(jìn)顯示原則。（只顯示每項(xiàng)任務(wù)所需要的步驟和選項(xiàng)的關(guān)鍵）
20.1.1 把高級(jí)的玩意藏起來(lái)
CH 21開(kāi)展社交活動(dòng)
在線交友的本質(zhì)
某人單擊了become my friend 按鈕后會(huì)發(fā)生什么？什么樣的行為才會(huì)增進(jìn)這種朋友關(guān)系？這些東西是否真的能鼓勵(lì)網(wǎng)站成員去閱讀或發(fā)表更多的故事？
我們真正想要的不是建立友誼，而是一種簡(jiǎn)單而又不張揚(yáng)的功能，他們能激發(fā)人們閱讀更多的文章、與網(wǎng)站發(fā)生更多的聯(lián)系。
twitter提供了一種較為弱勢(shì)、被稱為follow（跟從）的交友方案，簡(jiǎn)單來(lái)說(shuō)，任何網(wǎng)站成員都可以到另一個(gè)成員的個(gè)人資料頁(yè)面上單擊follow訂閱他在twitter的feed。
不用付出太多精力，同樣能隨時(shí)掌握另一位成員的動(dòng)向，這樣就夠了。
不在場(chǎng)時(shí)的照片
交友、評(píng)分、投票、評(píng)論等都需要仔細(xì)周全地考慮，而不要隨便就把它們想大雜燴一樣扔進(jìn)社區(qū)網(wǎng)站，
不要隨便就被熱潮牽著走，請(qǐng)三思而后行。
ch22 顯而易見(jiàn)的博客
22.1 通往更好地博客的三條路
博客應(yīng)當(dāng)更好地鼓勵(lì)交流。絕大多數(shù)博客都為用戶提供了添加評(píng)論的功能，除了簡(jiǎn)單的日志評(píng)論之外，還能夠激發(fā)更多地交流。
最顯而易見(jiàn)的辦法就是提供trackback（引用通告），TrackBack是一種網(wǎng)絡(luò)日志應(yīng)用工具，它可以讓網(wǎng)志作者知道有哪些人看到自己的文章后撰寫了與之有關(guān)的短文。
博客中應(yīng)當(dāng)包括所有那些常規(guī)的內(nèi)容，例如作者名、日志發(fā)表日期，只想網(wǎng)站其他部分的鏈接，搜索欄，以及其他通用元素。
22.1.1 解決方案
22.1.2 別跟著傻瓜上路
ch23 邀請(qǐng)討論
23.1 讓你的顧客發(fā)表意見(jiàn)
不要控制留言、評(píng)論、論壇回復(fù)、或者其他相關(guān)的任何東西，因?yàn)榭刂茖?huì)帶來(lái)嚴(yán)重的負(fù)面效果，它會(huì)讓客戶覺(jué)得你在隱瞞著什么東西。
如果我們寫了警告性的文章，然后被告知這些評(píng)論需要先通過(guò)審查才能發(fā)表出來(lái)，我們就可能對(duì)改網(wǎng)站喪失一部分信任感。
23.1.1 一個(gè)關(guān)于信任的問(wèn)題
有一些理由可以讓你完全不再思考評(píng)論的問(wèn)題。
首先，讓你的顧客自由發(fā)表意見(jiàn)以表示你信任他們的談?wù)?/p>
其次，這表示你信任用戶資深的判斷能力。不去防范每一條負(fù)面評(píng)論或者論壇爭(zhēng)論，你相信用戶會(huì)運(yùn)用他們自身的才智、常識(shí)和經(jīng)驗(yàn)過(guò)濾純負(fù)面的內(nèi)容，在字里行間尋求信息，然后得出結(jié)論。給用戶自己做判斷的權(quán)利，他們自然會(huì)忽略那些無(wú)用的評(píng)論。
23.1.2 啟用你的Otaku
23.1.3 標(biāo)記那些來(lái)犯者
類似“舉報(bào)”
這個(gè)“標(biāo)記”圖標(biāo)將用戶引領(lǐng)到一個(gè)簡(jiǎn)單的表單，他們可以寫下為什么這條評(píng)論應(yīng)該檢查。不多不少，保持這種簡(jiǎn)單。而且別要求你不需要的任何東西（例如用戶的電子郵件地址，以為當(dāng)用戶登錄時(shí)你已經(jīng)得到了）。
23.1.4 為他們讓路
只需一點(diǎn)點(diǎn)的謙卑和一點(diǎn)點(diǎn)的駕馭，就能把自己的大部分顧客轉(zhuǎn)變成忠誠(chéng)而又活躍的追隨者和簇?fù)碇??？梢园炎约旱目謶洲D(zhuǎn)變?yōu)橐环N工具，以它作為驅(qū)動(dòng)力來(lái)收集顧客提供的信息、發(fā)展otaku，提供出眾的客戶服務(wù)，而且在你的公司和用戶之間建立起一種相互信任好的文化。
而這些為你贏得的匯報(bào)，將會(huì)遠(yuǎn)遠(yuǎn)超過(guò)你去控制它們的所得。
CH24 得到一個(gè)好的評(píng)分
當(dāng)你需要點(diǎn)擊某顆星時(shí)，除了星星從白色變成黃色之外，你無(wú)法得到系統(tǒng)的回饋，你感覺(jué)不到交互是否已經(jīng)完成，這種設(shè)計(jì)讓用戶無(wú)法對(duì)自己的操作建立信心。
24.1 清晰勝于效率
評(píng)分的兩種設(shè)計(jì)：一種是將展示和編輯版本合為一個(gè)評(píng)分系統(tǒng)，一種是將展示和編輯氛圍兩部分
將展示和編輯版本合為一個(gè)評(píng)分系統(tǒng)：
好處：占的位置比兩部分分開(kāi)的版本少
弊端：這種設(shè)計(jì)中完成交互所需的步驟比其他設(shè)計(jì)要多，但關(guān)鍵是這種設(shè)計(jì)中的交互的每一個(gè)步驟都非常清楚、直接。
兩部分的版本：
好處：簡(jiǎn)單到只需要點(diǎn)擊某顆星而已
弊端：系統(tǒng)無(wú)法提供反饋，我發(fā)知道自己的評(píng)分是否被保存，是否有效。
效率不一定是所有問(wèn)題的答案，比效率更重要的是清晰。
對(duì)于第一次來(lái)到網(wǎng)站，或者執(zhí)行自己不太熟悉的任務(wù)的用戶來(lái)說(shuō)，最好是讓每一個(gè)瞬間都盡可能易于理解。對(duì)使用產(chǎn)品很有經(jīng)驗(yàn)，或者執(zhí)行非常普通的任務(wù)的用戶來(lái)說(shuō)，最好是盡量縮短流程。不管是哪種情況，最關(guān)鍵的是讓每個(gè)步驟都清晰易懂，同時(shí)不太復(fù)雜。
用戶一般不會(huì)頻繁的和評(píng)級(jí)系統(tǒng)打交道，因此寧可穩(wěn)妥一點(diǎn)：只求清晰，不求效率。
part6 管理信息
ch25 讓RSS更有意義
將新點(diǎn)子通俗化。推廣某項(xiàng)新技術(shù)時(shí)，首要目標(biāo)是應(yīng)該讓它通俗易懂。人們?cè)敢鈱W(xué)習(xí)新的想法。
按鈕標(biāo)簽應(yīng)該在用戶腦海中建立清晰的預(yù)期，并且告訴他們點(diǎn)擊后將會(huì)發(fā)生什么。
25.1 破譯其他選擇
郵件訂閱、瀏覽器訂閱
一個(gè)新想法是否容易理解是其成敗的關(guān)鍵。諸如RSS和XML這種詞語(yǔ)會(huì)妨礙用戶形成穩(wěn)固的直觀印象，也就很難從中獲利。
ch26 自定義標(biāo)簽
26.1 分類系統(tǒng)、分眾分類系統(tǒng)以及變異體
26.1.1 消除語(yǔ)言障礙
去掉專業(yè)詞匯tag（自定義標(biāo)簽），而是用label（標(biāo)簽）
26.1.1 闡述新想法
網(wǎng)站應(yīng)該像google suggest那樣提供“自動(dòng)完成”功能。用戶輸入某個(gè)tag時(shí)，系統(tǒng)會(huì)搜索出近似的tag，把這些tag以列表形式呈現(xiàn)，讓用戶選擇其中最適配的一個(gè)。?
這個(gè)辦法潛在的不足之處，用戶有可能選擇一個(gè)推薦的tag，但其實(shí)他自己想輸入的tag更合適。
第二種方案是在用戶輸入了自己的tag之后顯示一個(gè)推薦頁(yè)面，用戶輸入tag之后，系統(tǒng)搜索出近似的tag，然后在下一個(gè)頁(yè)面中陳列出來(lái)，。這個(gè)頁(yè)面可以用文字向用戶解釋他可以把自己的新tag和那些已被其他人創(chuàng)建出來(lái)的tag相匹配。
CH27 通過(guò)拖放來(lái)組織信息
27.1 交互的三種狀態(tài)
一個(gè)有效的拖放交互需要提供完整的3中狀態(tài)
27.1.1 “邀請(qǐng)”
“邀請(qǐng)”狀態(tài)包含頁(yè)面上任何邀請(qǐng)你采取行動(dòng)的元素，可以是出發(fā)某個(gè)行為（不是載入某個(gè)新頁(yè)面）的按鈕或者命令鏈接，可以是當(dāng)鼠標(biāo)懸停到某個(gè)圖標(biāo)上出現(xiàn)的工具提示，甚至可以是一個(gè)改變了的鼠標(biāo)指針，提供用戶除了單擊之外還可以進(jìn)行其他操作。
為了讓“邀請(qǐng)”更加完善，我們?cè)O(shè)定當(dāng)用戶鼠標(biāo)移動(dòng)到文字drag上時(shí)，將顯示代表“移動(dòng)”的指針，這進(jìn)一步傳達(dá)給用戶這里能夠支持更多的行為。
27.1.2 “操作”
“操作”包含用戶要完成一項(xiàng)任務(wù)所必須采取的所有行動(dòng)。可以只是一步操作，如單擊某個(gè)鏈接載入新頁(yè)面；也可以多個(gè)步驟。每一個(gè)步驟都必須盡可能清楚，讓用戶能很容易地學(xué)習(xí)并且理解這種交互行為。
27.1.3 “實(shí)現(xiàn)”
“實(shí)現(xiàn)”狀態(tài)就是讓用戶知道他的交互已經(jīng)實(shí)現(xiàn)了。有時(shí)只需顯示1行文字，告訴用戶他的個(gè)人資料信息已經(jīng)保存。有時(shí)則意味著當(dāng)用戶在“聯(lián)系我們”表單中方電子郵件時(shí)向他們表示感謝。有時(shí)它表示在某人從你的購(gòu)物網(wǎng)站上成功訂購(gòu)后發(fā)送的一封確認(rèn)郵件，以及發(fā)貨狀態(tài)的更新。
27.1.4 完成的感覺(jué)
不管是簡(jiǎn)單還是大型的應(yīng)用程序，請(qǐng)確保每一個(gè)步驟都清晰，并且給出適當(dāng)?shù)姆答?，這樣所有的交互行為都將會(huì)更有效率。
27.1.5 判斷你的功能是否正當(dāng)
拖放錯(cuò)做和個(gè)性化主頁(yè)這些功能仍然需要視環(huán)境而定，當(dāng)包含它們的這個(gè)頁(yè)面是用戶的“目的地”時(shí)，它們看上去會(huì)很不錯(cuò)，但如果用戶只是“路過(guò)”這個(gè)頁(yè)面，則沒(méi)有什么必要。
ch28 用系統(tǒng)通知來(lái)管理中斷
告訴顧客你們正在做一些可能會(huì)影響他們的事，會(huì)帶來(lái)很多顯著的優(yōu)勢(shì)。
· 會(huì)給你最忠誠(chéng)的顧客帶來(lái)激動(dòng)和期待的事情
· 會(huì)給你最保守最討厭改變的用戶足夠的警告，這樣他們能提前對(duì)小姑娘的沖擊做好準(zhǔn)備
· 會(huì)在你的更新發(fā)布之前為人們創(chuàng)造談資，新版本將會(huì)迎來(lái)巨大的訪問(wèn)量，口耳相傳會(huì)帶來(lái)新用戶
· 永恒不會(huì)在某天登錄之后發(fā)現(xiàn)所有元素的位置都被移動(dòng)，或者常用任務(wù)流程發(fā)生改變。
28.1 為改變而設(shè)計(jì)
為發(fā)布更新設(shè)定明確的時(shí)間意味著你能給顧客準(zhǔn)確的信息。在更新發(fā)布給每一個(gè)用戶之前，現(xiàn)在一小部分人中使用，這將會(huì)讓你有時(shí)間修正“最后關(guān)頭”的小bug。把新功能先告訴那些比其他人更喜歡發(fā)現(xiàn)隱藏寶藏的“積極擁護(hù)”能夠獲得你最好也最忠誠(chéng)用戶的感激，而且讓他么感覺(jué)自己受到了特殊待遇。
一旦決定了如何發(fā)布，那么可以從一封簡(jiǎn)單的電子郵件開(kāi)始，發(fā)送給注冊(cè)過(guò)的人。積極擁護(hù)會(huì)感興趣讓后告訴自己的朋友。普通用戶是最大的用戶群體，會(huì)獲得足夠的預(yù)警。那些曾注冊(cè)過(guò)而又廢棄了，但又沒(méi)有刪除賬號(hào)的用戶，成為“沉睡者”，則會(huì)被提醒而在此光臨你的網(wǎng)站。
通告區(qū)
它簡(jiǎn)單、清晰、有效。確保它能和頁(yè)面上其他顏色區(qū)分開(kāi)來(lái)，這樣才能引起注意。
28.2界面元素的再利用資源
不管返生什么，不要在某個(gè)早晨拿一次翻天覆地的變動(dòng)去驚嚇你的顧客，讓他們了解將要發(fā)生什么，這樣他們才能為變動(dòng)做好準(zhǔn)備，為之興奮，而且開(kāi)始再一次談?wù)撃愕漠a(chǎn)品。
part7 離開(kāi)
ch29 退出
29.1 化簡(jiǎn)為繁
29.2 動(dòng)員用戶返回
29.2.2 發(fā)布消息
ch30 抹去那些塵封的用戶
30.1 變怠惰為熱情
明確地針對(duì)“塵封用戶”的需求，同時(shí)為他們提供足夠的動(dòng)機(jī)，我們將吸引那些搖擺不定的人們發(fā)現(xiàn)網(wǎng)站的價(jià)值。
30.1.1 個(gè)性化溝通
這類訊息應(yīng)當(dāng)是一種會(huì)話般的口吻，完全聚焦于接受放，而不是我們自己。
怎樣才能弄清楚這些用戶當(dāng)初被塵封的原因呢？
30.1.2 調(diào)查
30.1.3 對(duì)話的機(jī)會(huì)
30.1.4 不要做得太過(guò)火
不要過(guò)多的打擾而冒犯他
ch31 由他們?nèi)グ?/b>
31.1 優(yōu)雅地失敗
不管是何種情況，都盡量避免在任何時(shí)候讓客戶感到自己受到了限制。如果一個(gè)人發(fā)掘自己即將收到限制，他絕不會(huì)帶更長(zhǎng)時(shí)間，反而會(huì)馬上逃脫。
31.1.1 打點(diǎn)行李
31.1.2 離去卻（也許）并未失去
優(yōu)雅的失敗對(duì)于web應(yīng)用來(lái)說(shuō)是非常容易做到，而我們留給客戶的正面印象將遠(yuǎn)比失去客戶所帶來(lái)的痛苦要來(lái)的長(zhǎng)久。如果應(yīng)對(duì)得體，哪怕是一個(gè)并不滿意的客戶也能為我們帶來(lái)積極地反饋，甚至是口頭上的宣傳。
而這所需要的只是在客戶離開(kāi)時(shí)多表現(xiàn)出一點(diǎn)敏銳，尊重和專業(yè)。
web應(yīng)用所需要的7條核心原則
· 只提供用戶所需
· 讓初學(xué)者盡快轉(zhuǎn)變?yōu)橹屑?jí)用戶
· 盡可能地預(yù)防錯(cuò)誤，如出錯(cuò)也應(yīng)友善處理
· 精簡(jiǎn)和優(yōu)化交互與任務(wù)流程，讓最復(fù)雜的軟件清晰易懂
· 為支持特定行為而設(shè)計(jì)
· 持續(xù)的改進(jìn)和優(yōu)化我們的流程和程序
· 忽略用戶的某些要求，堅(jiān)信自己的理想和洞察力
