?寫在前面
一個(gè)WEB網(wǎng)站，一個(gè)APP难菌，或是一個(gè)微信服務(wù)號(hào)试溯。用戶使用一款互聯(lián)網(wǎng)產(chǎn)品，大多是為了完成某件事情扔傅，達(dá)到一個(gè)目的耍共，比如要在下雨天打一輛出租車。他拿出手機(jī)猎塞，打開滴滴打車的APP试读，經(jīng)過一些簡單操作，等待5分鐘荠耽，最終乘車到達(dá)他想去的目的地钩骇。
假如有時(shí)間隧道，可以放慢用戶使用的整個(gè)過程铝量。從用戶下載APP的那一瞬間起倘屹，有無數(shù)與這款A(yù)PP互動(dòng)的瞬間。打開APP看到引導(dǎo)頁面慢叨，注冊纽匙，登錄，點(diǎn)擊某個(gè)按鈕展開新的頁面拍谐，諸如此類烛缔。而這些瞬間，也決定了用戶是否能夠合理轩拨、順利地完成他的目的践瓷，
設(shè)計(jì)并實(shí)現(xiàn)這些瞬間，則需要進(jìn)入這條時(shí)間隧道亡蓉，拆解用戶整個(gè)過程晕翠，深入思考每一個(gè)瞬間。用戶想要什么砍濒？如果能更好地呈現(xiàn)信息以便用戶可以所想要的目的淋肾？
希望自己可以成為這個(gè)時(shí)間隧道里的一名匠人。
?筆記部分
一爸邢、人生若只如初見
——用戶打開一個(gè)新網(wǎng)頁在前30秒內(nèi)要做的事情
1巫员、設(shè)計(jì)頁面布局
?方法：1）將所有內(nèi)容放置在頁面上2）不斷調(diào)整讓彼此協(xié)調(diào)。
?筆記：作者強(qiáng)調(diào)的是“發(fā)現(xiàn)”頁面布局甲棍，即設(shè)計(jì)頁面布局是一個(gè)自然的過程简识，根據(jù)不同內(nèi)容的重要程度和要達(dá)到的效果不同赶掖，不斷調(diào)整各部分在整體頁面所占的大小比重、位置七扰、顏色奢赂。最終使頁面布局清晰明了。整個(gè)過程颈走，對于成熟的設(shè)計(jì)師來說有一種很自然的節(jié)奏膳灶。
2、導(dǎo)航
人們初次使用某個(gè)產(chǎn)品時(shí)
?熟悉產(chǎn)品的關(guān)鍵：是否是否能夠理解整個(gè)網(wǎng)站的內(nèi)部結(jié)構(gòu)立由。
?方式：粗略掃一遍頁面的主要區(qū)域轧钓，找出與自己目的相關(guān)的部分，再從中找出關(guān)聯(lián)性更強(qiáng)的部分锐膜。
3毕箍、菜單
?把操作選項(xiàng)分組，同一分類標(biāo)簽下的選項(xiàng)之間有關(guān)聯(lián)性
?菜單選項(xiàng)的命名：使用動(dòng)賓詞組道盏，如保存更改而柑、閱讀更多，而不是單一的名詞荷逞，因?yàn)橛脩粝胍M(jìn)行的是對某對象進(jìn)行操作媒咳，且可以讓人感覺有指揮權(quán)。
?確保產(chǎn)品的每一個(gè)細(xì)節(jié)都是正確的种远，eg. Login? VS? log in（sign in）涩澡，登陸VS登錄
4、鏈接生來不平等（不同重要度的信息展示）
?放說明性文字：不是最好的解決方式坠敷，需要用戶進(jìn)行不必要的閱讀
?環(huán)境提示：字體大小筏养、顏色深淺程度不同（但不要濫用，僅僅在真正起作用的時(shí)候使用）
5常拓、關(guān)于“標(biāo)簽云”
?不要強(qiáng)迫用戶去思考，如為什么標(biāo)簽云里的標(biāo)簽大小不同辉浦、各自的含義是什么弄抬。
6、其他
?創(chuàng)造良好的第一印象還需要知道什么該展現(xiàn)宪郊，什么不該展現(xiàn)掂恕，有所取舍
?一個(gè)人不可能知道所有事情，不管學(xué)識(shí)有多淵博弛槐，最重要的是不斷自我檢驗(yàn)自己做事情的方式懊亡，盡可能確保所做的設(shè)計(jì)正逐步向預(yù)期靠攏。
?設(shè)計(jì)中不要留任何漏洞乎串，每個(gè)細(xì)節(jié)都很重要
二店枣、兩人對酌山花開
——用戶在深入使用網(wǎng)站時(shí)所做的事情
1、信息開門見山
?給出正確的信息，并且盡可能簡明清楚鸯两。
?為“掃描”而設(shè)計(jì)：用戶使用時(shí)只是在掃描信息闷旧，而不是閱讀信息，短的文字才有可能吸引一部分注意力钧唐。
?重要的不是信息量有多大忙灼，而是我們是否提供給用戶真正需要的信息。
2钝侠、不要假設(shè)用戶對了解產(chǎn)品
?檢查每一個(gè)控件该园，一個(gè)從沒見過這個(gè)產(chǎn)品的人是否也能明白它的意思。如果不帅韧，修改使其變得通俗易懂里初，或加上說明解釋。
?需要假設(shè)用戶毫不了解我們的產(chǎn)品弱匪，給他們足夠的信息以便幫助他們理解青瀑。
3、搜索
?搜索聯(lián)想機(jī)制：
1）好處：避免用戶打錯(cuò)字萧诫，使輸入更有效率斥难。
2）局限性：盯著鍵盤輸入的用戶不一定能注意到推薦列表；用戶往往會(huì)因?yàn)橥扑]而放棄自己原來更有效的搜索詞
3）解決方式：輸入一定的字符數(shù)后再顯示推薦詞帘饶，3~4個(gè)字符（適用于英語）
?高級(jí)搜索
1）遞進(jìn)顯示：人們通常只需要高級(jí)搜索中的某幾個(gè)選項(xiàng)（留一行在快捷搜索中輸入過的內(nèi)容哑诊，再加上一行待輸入的選項(xiàng)，以告訴用戶如何增加搜索條件）
2）重置選項(xiàng)通常沒有用及刻。
3）使用高級(jí)搜索時(shí)镀裤，記得讓快捷搜索的按鈕失效
4）遞進(jìn)顯示還可以用來隱藏各種少用的高級(jí)功能OR對付BOSS
4、表單填寫
?布局：相比兩列布局缴饭，單列布局可以讓用戶花最少的時(shí)間將標(biāo)簽和輸入域?qū)?yīng)暑劝。
?確定/取消按鈕
1）按鈕：文案的意義要明顯，幫助用戶建立對點(diǎn)擊的預(yù)期颗搂。
2）根據(jù)重要程度區(qū)分兩個(gè)按鈕担猛，其中一個(gè)可用鏈接（或其他形式顯示），
?建立清晰的預(yù)期
1）使用描述標(biāo)題欄（進(jìn)度條）/說明性文字丢氢，為接下來的步驟建立清晰預(yù)期傅联。將所有步驟的名稱都展現(xiàn)給用戶，可讓用戶知道自己正處在哪個(gè)階段疚察。
2）確保每個(gè)步驟都很短蒸走，每個(gè)步驟/填寫區(qū)域設(shè)定一個(gè)固定的高度
3）把每個(gè)已訪問過的面板改為鏈接形式，用戶可返回之前的面板去修改已輸入的信息貌嫡。
?即時(shí)校驗(yàn)（輸入出錯(cuò)時(shí)的處理比驻、正確的反饋）
1）慎用彈出的警告對話框该溯，用得越多越?jīng)]有效果
2）在錯(cuò)誤發(fā)生的第一時(shí)間做出響應(yīng)，使用醒目的方式提醒用戶嫁艇，并加以意思清晰的提示信息朗伶。
3）用戶輸入完成之后（輸入框失去焦點(diǎn)），再顯示錯(cuò)誤提示步咪。
4）用戶輸入正確時(shí)給予反饋（綠色對勾）
?輸入框字符數(shù)的計(jì)算
1）加一條說明性文字论皆，向用戶解釋輸入的字?jǐn)?shù)不能超過的字符數(shù)。
2）根據(jù)用戶的輸入猾漫，動(dòng)態(tài)顯示剩余可輸入的字符數(shù)点晴。
3）可以到剩余輸入字符數(shù)較少時(shí)再提醒，如120字時(shí)不提醒悯周，20字時(shí)再提醒粒督。
5、創(chuàng)建個(gè)人資料
?顯示
1）遞進(jìn)顯示：對將要填寫的信息進(jìn)行分層
2）空白頁面可以鼓勵(lì)人們行動(dòng)禽翼。
?編輯
1）可折疊面板控件：只顯示與當(dāng)前任務(wù)相關(guān)的工具屠橄；隱藏?zé)o關(guān)工具的同時(shí)，保證所有的工具在任何時(shí)間都能被用戶找到闰挡。
2）遞進(jìn)顯示
6锐墙、對待用戶
?不要控制任何東西。
?抱怨聲最大的人长酗、歡呼最熱烈的人溪北、有人需要解答時(shí)盡自己所能幫助的人、總是在你身邊告訴你他們正在想什么的人——最可能成為Otaku
?滿懷激情的憎惡比毫不關(guān)心的冷漠好得多夺脾。這部分人也可能轉(zhuǎn)變?yōu)閳?jiān)定的擁護(hù)者之拨。
（參考小米）
7、評分：清晰＞效率
每個(gè)步驟都清晰易懂咧叭，即便步驟變長蚀乔。
8、交互的三種狀態(tài)
?邀請：邀請用戶采取行動(dòng)菲茬，即用戶看到后能明白自己下一步的動(dòng)作
?操作：用戶的操作吉挣，重點(diǎn)在于簡單又清楚（有時(shí)意味著需要更多簡單的步驟）
?實(shí)現(xiàn)：操作完成后給予用戶反饋，讓用戶知道他的交互已經(jīng)實(shí)現(xiàn)了（容易被遺漏）
三生均、曾經(jīng)滄海難為水
——用戶離開網(wǎng)站，暫時(shí)OR永久
1腥刹、簡單
不要把退出過程做得太復(fù)雜或有太多文字
2马胧、動(dòng)員用戶返回
?退出后，回到登錄頁面
?簡單的登錄界面+一些希望用戶深入了解的功能（需要簡短）
3衔峰、塵封的用戶
?通過郵件（或其他方式）提醒用戶
1）告訴用戶使用的理由：新功能佩脊，提供的價(jià)值等蛙粘；
2）信息應(yīng)富有人情味，而不是呆板威彰、營銷的語氣
3）不應(yīng)太頻繁造成騷擾
?調(diào)查用戶離開的原因
1）與離開的用戶進(jìn)行溝通出牧，了解產(chǎn)品不足；
2）組成小組歇盼，限制人數(shù)舔痕，造成排外的感覺
4、若是堅(jiān)決離開豹缀，就隨他們?nèi)グ蓗
