本書講了什么

本書從用戶體驗(yàn)設(shè)計(jì)師的角度出發(fā)咏窿，系統(tǒng)地介紹了其職業(yè)生涯中的學(xué)習(xí)方法、思維方式素征、工作流程和方式集嵌，覆蓋了用戶體驗(yàn)設(shè)計(jì)基礎(chǔ)知識(shí)、設(shè)計(jì)師的角色和職業(yè)困惑御毅、工作流程根欧、需求分析、設(shè)計(jì)規(guī)劃和設(shè)計(jì)標(biāo)準(zhǔn)端蛆、項(xiàng)目跟進(jìn)和成果檢驗(yàn)咽块、設(shè)計(jì)師職業(yè)修養(yǎng)以及需要具備的意識(shí)等，力圖幫助設(shè)計(jì)師解決在項(xiàng)目中遇到的一些常見問題欺税，找到自己的職業(yè)成長之路侈沪。

作者什么來頭

劉津，網(wǎng)易設(shè)計(jì)經(jīng)理晚凿，北京大學(xué)數(shù)字藝術(shù)系碩士亭罪。2009年至今從事交互設(shè)計(jì)工作4年，2010年加入網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心歼秽，現(xiàn)任網(wǎng)易技術(shù)部設(shè)計(jì)經(jīng)理应役，負(fù)責(zé)該部門交互、視覺燥筷、用研團(tuán)隊(duì)的管理箩祥。網(wǎng)易多款產(chǎn)品的設(shè)計(jì)體驗(yàn)負(fù)責(zé)人。

李月肆氓，網(wǎng)易高級(jí)交互設(shè)計(jì)師袍祖，南京航空航天大學(xué)設(shè)計(jì)藝術(shù)學(xué)碩士。曾在淘寶UED工作谢揪，目前供職于網(wǎng)易蕉陋，從事Web端、手機(jī)客戶端的交互設(shè)計(jì)工作拨扶。

第1篇 成為用戶體驗(yàn)設(shè)計(jì)師的信念

01什么是用戶體驗(yàn)設(shè)計(jì)

設(shè)計(jì)≠藝術(shù)

藝術(shù)是感性的凳鬓，而設(shè)計(jì)是相對(duì)理性、精密的患民。藝術(shù)所表達(dá)的是創(chuàng)作者的個(gè)人意識(shí)缩举，而設(shè)計(jì)是為了解決用戶具體的問題。很多產(chǎn)品經(jīng)理或交互設(shè)計(jì)師匹颤，在畫線框圖時(shí)仅孩，沒有任何章法，完全憑借想象和喜好繪制惋嚎。這就變成了沒有任何價(jià)值的“藝術(shù)創(chuàng)作”了杠氢，而糟糕的設(shè)計(jì)也多半來源于此。

邂逅用戶體驗(yàn)設(shè)計(jì)

用戶體驗(yàn)設(shè)計(jì)首先是要解決用戶的某個(gè)實(shí)際問題另伍，其次是讓問題變得更容易解決鼻百，最后是給用戶留下深刻的印象，讓他在整個(gè)過程中產(chǎn)生美好的體驗(yàn)摆尝。視覺體驗(yàn)只是整體體驗(yàn)的一部分温艇，因此外觀的美丑、是否有創(chuàng)意堕汞，僅是設(shè)計(jì)中的一部分內(nèi)容勺爱，它并不是設(shè)計(jì)的全部。用戶體驗(yàn)設(shè)計(jì)首先應(yīng)是理性的讯检，其次才是感性的琐鲁。只要你的方案能夠解決用戶的實(shí)際問題卫旱，又能帶給他好的感受，用戶就很容易感到滿意围段。

用戶體驗(yàn)設(shè)計(jì)的特征

嚴(yán)謹(jǐn)顾翼、理性、創(chuàng)意奈泪；

提供特定問題的解決方案适贸；

不讓用于思考；

趣味橫生涝桅。

用戶體驗(yàn)設(shè)計(jì)的精益之道

02了解用戶體驗(yàn)設(shè)計(jì)師

廣義的用戶體驗(yàn)指人在使用某個(gè)產(chǎn)品時(shí)的主觀感受拜姿。在互聯(lián)網(wǎng)公司或軟件公司里，用戶體驗(yàn)主要來自用戶和人機(jī)界面的交互過程冯遂。

用戶體驗(yàn)相關(guān)職位有哪些

用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

用戶價(jià)值蕊肥、商業(yè)價(jià)值。在日常工作中我們也經(jīng)痴郏看到這樣的例子:改變一個(gè)按鈕的顏色晴埂，點(diǎn)擊率可能提升35%;優(yōu)化操作流程，轉(zhuǎn)化率可能會(huì)提升50%...…專業(yè)的用戶體驗(yàn)設(shè)計(jì)產(chǎn)生的神奇結(jié)果無需多言寻定。

項(xiàng)目價(jià)值儒洛。通過專業(yè)能力節(jié)省其他環(huán)節(jié)的時(shí)間。跟進(jìn)各個(gè)環(huán)節(jié)狼速，保證產(chǎn)出物質(zhì)量琅锻。促進(jìn)統(tǒng)一化及標(biāo)準(zhǔn)化，提升設(shè)計(jì)效率向胡。促使項(xiàng)目流程更合理恼蓬，更有規(guī)劃。優(yōu)秀的交互設(shè)計(jì)師可以快速判斷出設(shè)計(jì)方案的優(yōu)劣僵芹，更可以憑借經(jīng)驗(yàn)和專業(yè)能力更快速地得出可靠的設(shè)計(jì)方案处硬。

品牌價(jià)值。維護(hù)和突出公司的整體品牌形象拇派。統(tǒng)一的設(shè)計(jì)理念及風(fēng)格可以更好地增強(qiáng)公司品牌識(shí)別度荷辕，起到非常好的宣傳作用。

03設(shè)計(jì)師的職業(yè)困惑

我適合干這行嗎

不管是做UE(用戶體驗(yàn)設(shè)計(jì)師件豌，目前主要是指交互或用研)疮方，還是做UI，其實(shí)都沒有絕對(duì)的專業(yè)門檻茧彤。這個(gè)行業(yè)有很多高手骡显，他們的專業(yè)都是和設(shè)計(jì)完全不相關(guān)的。當(dāng)然如果你本身是學(xué)設(shè)計(jì)相關(guān)專業(yè)的，在就業(yè)時(shí)會(huì)有一定的優(yōu)勢(shì)惫谤。

菜鳥怎樣入門

去大公司壁顶、小公司，還是設(shè)計(jì)公司

總體來說石挂，大公司的福利待遇更好博助、發(fā)展空間更大一些。設(shè)計(jì)公司的專業(yè)度更強(qiáng)些痹愚，但可能待遇一般，不過頂級(jí)的公司還是可以的蛔糯。如果去不了專業(yè)的團(tuán)隊(duì)拯腮，也可以考慮去小一些的公司，至少能夠積累一些項(xiàng)目經(jīng)驗(yàn)蚁飒。但小公司的專業(yè)度可能不是很理想动壤，在小公司工作更要注意積累專業(yè)知識(shí)，不要過多地受環(huán)境的影響淮逻。

什么樣的應(yīng)聘者更容易成功

用戶體驗(yàn)設(shè)計(jì)不是簡單的“手藝活”琼懊，不是重復(fù)千百萬次，就可以爐火純青的爬早。它是一門需要?jiǎng)?chuàng)造性的學(xué)科哼丈，同時(shí)也是一門復(fù)合型學(xué)科。用戶體驗(yàn)設(shè)計(jì)包含人文筛严、心理學(xué)醉旦、設(shè)計(jì)學(xué)、工業(yè)工程學(xué)等內(nèi)容桨啃，對(duì)從業(yè)者的各方面素質(zhì)都有較高的要求车胡。我們所看到的技能，恰恰是最不重要的照瘾，因?yàn)樗梢栽诙唐趦?nèi)學(xué)會(huì)匈棘，但學(xué)會(huì)了并不意味著你可以做出優(yōu)秀的設(shè)計(jì)。

這就是為什么很多人做了多年設(shè)計(jì)師析命，卻還被喚作“美工”或是“畫圖的”;還有很多設(shè)計(jì)師通過嫻熟的技能獲得了工作機(jī)會(huì)主卫，但多年來作品質(zhì)量卻沒有明顯提高。原因就在于他們把最不重要的“技能”當(dāng)做了自己職業(yè)中最重要的部分碳却，沒有在工作中注入自己的思想和靈魂队秩，只是機(jī)械地使用技能，重復(fù)技能昼浦，當(dāng)然也就做不出好的作品馍资。

設(shè)計(jì)師必須具備一定的思考能力，否則就談不上設(shè)計(jì)與創(chuàng)新。在工作中很多人是這樣做的:參照需求鸟蟹，找類似的競(jìng)品乌妙，然后把不同競(jìng)品的頁面元素拼湊起來，畫成線框圖建钥。這其實(shí)不是設(shè)計(jì)藤韵，而是依葫蘆畫瓢，最后得到的結(jié)果沒有任何實(shí)際意義熊经。

第2篇修煉用戶體驗(yàn)設(shè)計(jì)師的技能

04設(shè)計(jì)流程--設(shè)計(jì)師具體做什么

05需求分析--拿回產(chǎn)品的主導(dǎo)權(quán)

通過挖掘用戶需求泽艘、創(chuàng)建人物角色、描述用戶場(chǎng)景镐依、設(shè)計(jì)用戶任務(wù)等方式匹涮，繪制界面草圖，最終得到可以交付給開發(fā)人員的原型槐壳。

和產(chǎn)品經(jīng)理一起做需求分析

在實(shí)際工作中然低，需要從商業(yè)、用戶务唐、技術(shù)三個(gè)角度來平衡考慮需求雳攘。缺少了任何一個(gè)角度都是十分危險(xiǎn)的，項(xiàng)目都有可能以失敗告終枫笛。

不可忽視的產(chǎn)品定位

產(chǎn)品定位是產(chǎn)品設(shè)計(jì)的方向吨灭，是需求文檔和設(shè)計(jì)產(chǎn)出的判斷標(biāo)準(zhǔn)。此外崇堰，產(chǎn)品定位也使團(tuán)隊(duì)成員形成統(tǒng)一的目標(biāo)和對(duì)產(chǎn)品的認(rèn)識(shí)沃于，使團(tuán)隊(duì)更有凝聚力，使得溝通效率海诲、工作效率得到了大大提升繁莹。因此在確定具體需求之前，一定要首先考慮產(chǎn)品定位是什么特幔。

產(chǎn)品定位的內(nèi)容

產(chǎn)品定義

產(chǎn)品定義就是用一句話概括某個(gè)產(chǎn)品咨演，比如一款專為影初學(xué)者使用的簡單易用的修圖軟件。這里使用人群是“攝影初學(xué)者”蚯斯，主要功能是“修圖”薄风，產(chǎn)品特色是“簡單易用”。如果你的產(chǎn)品很難用一句話描述清楚拍嵌，那么很可能是因?yàn)槟愕漠a(chǎn)品定位不夠清晰遭赂，方向不夠明確。

用戶需求

用戶需求主要包括目標(biāo)用戶横辆、使用場(chǎng)景和用戶目標(biāo)撇他。一條用戶需求可看作是“目標(biāo)用戶”在“合理場(chǎng)景”下的“用戶目標(biāo)”，其實(shí)就是解決“誰”在“什么環(huán)境下”想要“解決什么問題”。用戶需求其實(shí)就是一個(gè)個(gè)生動(dòng)的故事困肩，告訴我們用戶的真實(shí)境況划纽。我們需要了解這些故事，幫助用戶解決問題锌畸，并在這個(gè)過程中讓他們感到愉快勇劣。

選擇目標(biāo)用戶

在目標(biāo)用戶、使用場(chǎng)景潭枣、用戶目標(biāo)3個(gè)因素中比默，目標(biāo)用戶是最關(guān)鍵的。一方面盆犁，明確目標(biāo)人群可以使你更專注于服務(wù)某一類特定人群退敦，這樣更容易提升這類人群的滿意度，你的產(chǎn)品也更容易獲得成功;另一方面蚣抗，目標(biāo)用戶的特征對(duì)使用場(chǎng)景和用戶目標(biāo)有較大的影響。該選擇哪種類型作為產(chǎn)品的目標(biāo)用戶瓮下，需要綜合權(quán)衡用戶對(duì)公司的價(jià)值以及潛在需求量翰铡。

確定產(chǎn)品定位并據(jù)此篩選需求

目標(biāo)用戶確定后，產(chǎn)品定位也相應(yīng)得出了讽坏。這樣就可以根據(jù)產(chǎn)品定位篩選匹配的使用場(chǎng)景和用戶目標(biāo)锭魔，從而得出相匹配的關(guān)鍵詞(產(chǎn)品需求)了。

需求從哪兒來

在實(shí)際項(xiàng)目中路呜，采集需求的主要方式有用戶調(diào)研迷捧、競(jìng)品分析、用戶反饋(上線后)胀葱、產(chǎn)品數(shù)據(jù)(上線后)等漠秋。這些方法都是產(chǎn)品經(jīng)理和設(shè)計(jì)師需要密切關(guān)注的。

如何分析與篩選需求

需求的產(chǎn)生

我們先確定產(chǎn)品定位抵屿，然后通過不同的方式來收集大量的需求庆锦，識(shí)別這些需求的有效性和真實(shí)性后，根據(jù)產(chǎn)品定位和項(xiàng)目資源情況篩選轧葛、提煉出產(chǎn)品需求搂抒，定義出需求優(yōu)先級(jí)。接下來就可以重點(diǎn)描述每個(gè)需求的邏輯尿扯、內(nèi)容等求晶，開始撰寫詳細(xì)的需求文檔了。產(chǎn)品經(jīng)理不應(yīng)該跨過前面的過程衷笋，直接羅列一堆不知來源的功能說明芳杏，形成一份沒有價(jià)值的需求文檔。

傾聽用戶的聲音

擁抱用戶

把自己當(dāng)做目標(biāo)用戶，去揣摩用戶的心思是遠(yuǎn)遠(yuǎn)不夠的蚜锨。我們還需要真正走到用戶當(dāng)中去档插，了解用戶的情況。目標(biāo)用戶是什么樣的?他們?cè)谑褂卯a(chǎn)品時(shí)一般都處在什么情境下?他們要完成什么任務(wù)?期待達(dá)到什么效果?對(duì)競(jìng)品是怎么看的?……

別被用戶牽著走

用戶沒有表達(dá)出自己的真實(shí)需求:人們所說出來的一般只是表面的想法亚再，不一定能代表他們心中的真實(shí)訴求郭膛。提意見的用戶并不一定是你的目標(biāo)用戶。用戶很多意見只是一種直觀感受氛悬，不太可能經(jīng)過填密的思考则剃。這就需要設(shè)計(jì)師經(jīng)過判斷和思考，重新審視用戶意見的合理性如捅。

如何對(duì)待用戶的意見

根據(jù)目標(biāo)用戶考慮：提出要求的用戶是你的目標(biāo)用戶嗎?是普遍需求嗎棍现？

根據(jù)使用場(chǎng)景考慮：用戶提出的這個(gè)問題一般發(fā)生在什么場(chǎng)景?合乎實(shí)際的使用清況嗎?

根據(jù)用戶目標(biāo)(真實(shí)需求)考慮：用戶表達(dá)出自己的真實(shí)需求了嗎?

根據(jù)產(chǎn)品定位考慮：用戶提出的要求符合產(chǎn)品的定位嗎？

根據(jù)項(xiàng)目資源考慮：用戶提出的這個(gè)要求需要多少開發(fā)資源?價(jià)值有多大?需要立即開發(fā)嗎?

設(shè)計(jì)師的逆襲

前面提到的镜遣，其實(shí)都是理想中的流程己肮。但在實(shí)際情況中，理想的情況可能并不存在悲关。也許根本沒有什么產(chǎn)品定位鱼响、需求分析鹰贵，甚至連需求文檔都沒有搀罢，更別提產(chǎn)品經(jīng)理和設(shè)計(jì)師一起討論需求了蚊荣。所有的決定可能都是拍著腦門做出來的，或是要求設(shè)計(jì)為商業(yè)讓路秫筏，或是要求趕進(jìn)度诱鞠，直接照抄競(jìng)品……

如何"抄襲"競(jìng)品

06設(shè)計(jì)規(guī)劃--從需求到設(shè)計(jì)草圖

從需求到界面，隔著一扇門

這扇門就是信息的組織與任務(wù)的設(shè)定这敬。通過它航夺，我們才能快速繪制出設(shè)計(jì)草圖，并進(jìn)一步細(xì)化界面鹅颊。

如何搞定信息分類

找尋信息是用戶訪問網(wǎng)站的重要目的之一敷存。信息的分類與組織是設(shè)計(jì)一個(gè)網(wǎng)站的基礎(chǔ)。不能順利找到所需信息堪伍，是非常影響用戶體驗(yàn)的锚烦。對(duì)于那些以信息查詢?yōu)楹诵臉I(yè)務(wù)的網(wǎng)站來說，信息的組織與分類更為重要帝雇。我們可以根據(jù)邏輯習(xí)慣對(duì)信息進(jìn)行分類涮俄，也可以直接去探究用戶的想法∈ⅲ總之彻亲，設(shè)計(jì)師需要合理組織網(wǎng)站所要承載的信息孕锄，幫助用戶找到他們真正想要的東西。

邏輯歸類

我們可以使用人們?cè)谏钪惺煜さ姆诸愡壿媽?duì)內(nèi)容進(jìn)行組織苞尝。比如畸肆，在生活中，要買一件男士丁恤宙址，會(huì)首先找到商場(chǎng)賣男裝的樓層轴脐，再找到店鋪中擺放上衣的區(qū)域去挑選丁恤。在電子商務(wù)網(wǎng)站對(duì)商品進(jìn)行組織時(shí)抡砂，同樣采用了這種“男裝>上裝>T恤”的分類方式大咱。

卡片分類

卡片分類的方法簡單易行。首先準(zhǔn)備好剪裁過的卡片或便簽紙注益，將需要分類的信息寫在卡片上碴巾，然后組織招募到的志愿者對(duì)卡片進(jìn)行分類。志愿者最好是與網(wǎng)站設(shè)計(jì)不相關(guān)的人員丑搔。在用戶進(jìn)行分類時(shí)厦瓢，設(shè)計(jì)師和用戶研究員可以觀察用戶的分類過程，以及他們對(duì)標(biāo)簽含義的理解啤月。最后旷痕，需要對(duì)卡片分類的結(jié)果進(jìn)行分析。數(shù)據(jù)量少的情況下顽冶，可以直接在白板上分析分類的情況，或拍照記錄數(shù)據(jù)售碳∏恐兀卡片分類一般可分為2類:開放式和封閉式。

好的導(dǎo)航是成功的一半

導(dǎo)航的自我解釋

虛擬的互聯(lián)網(wǎng)世界沒有現(xiàn)實(shí)世界中明顯的方向感贸人，不明確的導(dǎo)航和位置信息可能導(dǎo)致用戶迷失方向间景。成功的導(dǎo)航設(shè)計(jì)可以自我解釋，讓用戶在導(dǎo)航系統(tǒng)中清楚地認(rèn)識(shí)到信息結(jié)構(gòu)和自己所處的位置艺智，為用戶解釋“我從哪里來?”“我現(xiàn)在在哪里?”“我能去哪里?”的問題倘要。

深廣度平衡

在導(dǎo)航的信息組織中，層級(jí)的數(shù)目可以稱為導(dǎo)航的深度十拣，每一層級(jí)中包含的菜單項(xiàng)數(shù)可以稱為導(dǎo)航的廣度封拧。設(shè)計(jì)導(dǎo)航結(jié)構(gòu)時(shí)，要考慮到深度與廣度的平衡夭问，也就是縱向的層級(jí)數(shù)泽西，與橫向的選項(xiàng)數(shù)的平衡。如果導(dǎo)航深度過深缰趋，用戶就需要耗費(fèi)多次點(diǎn)擊捧杉，才能找到所需信息陕见。相較于鼠標(biāo)的不停點(diǎn)擊，眼睛在頁面上掃視的成本要低許多味抖。所以比起深層次的導(dǎo)航結(jié)構(gòu)评甜，廣度導(dǎo)航更利于用戶發(fā)現(xiàn)信息。但如果廣度超出用戶可以接受的范圍仔涩，人們必須一次閱讀很多選項(xiàng)才能在其中進(jìn)行選擇忍坷，也會(huì)大大增加用戶的選擇負(fù)擔(dān)。

用戶所需信息與商業(yè)推廣信息的平衡

對(duì)導(dǎo)航的設(shè)計(jì)红柱，一方面要了解用戶的信息需求;另一方面也要了解網(wǎng)站背后的商業(yè)目的承匣。用戶目標(biāo)與商業(yè)目標(biāo)之間肯定存在著矛盾。用戶只想看到自己需要的信息锤悄，而企業(yè)又希望可以把業(yè)務(wù)和廣告推薦給用戶韧骗。只滿足用戶目標(biāo)的產(chǎn)品體驗(yàn)自然會(huì)很好，但誰也沒辦法否認(rèn)零聚，企業(yè)終究是要盈利的袍暴。

為重要功能和常用功能設(shè)置快捷入口

導(dǎo)航應(yīng)該是結(jié)構(gòu)清晰、合乎邏輯的隶症，這是產(chǎn)品設(shè)計(jì)的必要條件政模。如果用戶有明確的目標(biāo)，憑借清晰的邏輯就可以快速找到自己想要的內(nèi)容蚂会。但對(duì)于沒有明確目標(biāo)淋样，只是隨便逛逛的用戶來說，由于他們使用產(chǎn)品時(shí)并不會(huì)刻意思考胁住，因此趁猴，如果重要和常用的功能隱藏得過深，就可能令他們喪失對(duì)網(wǎng)站的興趣彪见。

主要任務(wù)與次要任務(wù)

通過對(duì)重要功能儡司、信息進(jìn)行分類和組織，可以幫助用戶迅速找到入口余指，進(jìn)入一個(gè)具體的界面捕犬，再通過界面上的信息提示完成各種任務(wù)。比如酵镜，我們想在豆瓣網(wǎng)上查詢最近有什么好看的電影碉碉，可以通過導(dǎo)航找到“電影”，再在“電影”頻道中找我們需要的內(nèi)容淮韭，并完成相應(yīng)的任務(wù)誉裆，如評(píng)論、購票等缸濒。

在設(shè)計(jì)界面時(shí)足丢，必須明確哪些是主要信息粱腻，哪些是次要信息。一個(gè)界面上如果鋪放過多的功能或內(nèi)容斩跌，會(huì)讓用戶迷茫且不知所措绍些，效果反而會(huì)更差。因此耀鸦，設(shè)計(jì)師需要站在用戶的角度上柬批，做進(jìn)一步的優(yōu)先級(jí)篩選。通過設(shè)計(jì)用戶任務(wù)袖订，并確定主要任務(wù)和次要任務(wù)氮帐，可以幫助我們快速判斷界面上內(nèi)容的主次關(guān)系。

說說任務(wù)設(shè)計(jì)

如果把產(chǎn)品比作一座購物商城洛姑，那么信息結(jié)構(gòu)就是商城的框架上沐，比如，這個(gè)商城有多少層楞艾，每層都賣什么東西参咙、都有哪些品牌店。任務(wù)流程則相當(dāng)于商場(chǎng)里面的過道硫眯，用戶沿著過道完成“逛街”蕴侧、支付等主要任務(wù)，通過商場(chǎng)中的各種提示完成去衛(wèi)生間两入、去服務(wù)臺(tái)換停車票等次要任務(wù)净宵。用戶在完成任務(wù)的過程中滿足了自己的需求，而產(chǎn)品也從中直接或間接地實(shí)現(xiàn)了其商業(yè)價(jià)值裹纳。

設(shè)計(jì)主線(主行為流)就是把雜亂無章的功能點(diǎn)根據(jù)用戶的期望及目標(biāo)以正確的次序組織起來的過程塘娶，告訴用戶需要先做什么，再做什么痊夭。是否設(shè)計(jì)支線(次要行為流)，要看次要行為流是否能對(duì)用戶完成主行為流產(chǎn)生必要的幫助(支線越少脏里，整體復(fù)雜度越低她我，越有助于用戶迅速完成任務(wù))。

任務(wù)流程確定后迫横，就可以通過一系列草圖去把用戶完成任務(wù)的過程表現(xiàn)出來番舆，這樣我們就得到了任務(wù)流、頁面流設(shè)計(jì)矾踱，然后再去細(xì)化具體的界面恨狈。相比拿到需求文檔后直接畫線框圖，在一些界面細(xì)節(jié)上糾結(jié)不已的狀態(tài)呛讲，這時(shí)我們會(huì)感到輕松得多禾怠。

如何突出主要任務(wù)

分解用戶任務(wù)

要突出頁面的主要任務(wù)返奉，首先要明確用戶使用Web產(chǎn)品時(shí)，要完成的任務(wù)有哪些吗氏，并詳盡地分解出這些任務(wù)芽偏。從用戶的行為出發(fā)，詳細(xì)描述用戶的使用過程弦讽，將用戶任務(wù)分解為具體的行為操作污尉。這些用戶行為就可以稱作這個(gè)任務(wù)的子任務(wù)。

排列任務(wù)優(yōu)先級(jí)

要突出用戶的主要任務(wù)往产，就要對(duì)這些子任務(wù)所對(duì)應(yīng)功能的優(yōu)先級(jí)進(jìn)行排列被碗。確定優(yōu)先級(jí)不是憑感覺的事，大多數(shù)用戶需要用到的功能和使用頻率很高的功能仿村，需要重點(diǎn)突出锐朴。對(duì)用戶目標(biāo)和商業(yè)目標(biāo)的影響大小，可以表示為此項(xiàng)功能的重要程度奠宜。所以包颁，可以通過使用人數(shù)、使用頻率和重要程度這3個(gè)維度來排布優(yōu)先級(jí)压真。優(yōu)先級(jí)并不是出現(xiàn)的先后次序娩嚼，而是在頁面中的重要程度。這些任務(wù)的出現(xiàn)次序滴肿，要按照主行為流的次序排列岳悟。

組織合并相關(guān)任務(wù)

由于最終要呈現(xiàn)給用戶的是界面，我們可以直接將分解出的子任務(wù)轉(zhuǎn)化為界面泼差。在這里贵少，只需粗略地想好每個(gè)頁面的大致設(shè)計(jì)，只要能表示出這是一個(gè)列表頁堆缘、這是一個(gè)選擇器就可以了滔灶。因?yàn)檫@里的界面模塊，主要是為了組織用戶任務(wù)吼肥。

如何引導(dǎo)用戶完成任務(wù)

相似性引導(dǎo).所謂相似性引導(dǎo)就是录平，如果大小、色彩缀皱、形態(tài)斗这、視覺元素等因素相似，那么這些相似的因素可以牽引著用戶的視覺啤斗，引導(dǎo)用戶操作表箭。

方向性引導(dǎo)。對(duì)于操作步驟較多的任務(wù)钮莲，可以利用具有指向性的箭頭免钻，進(jìn)行方向性引導(dǎo)彼水。

運(yùn)動(dòng)元素引導(dǎo)。如果在迷失方向時(shí)伯襟，有一個(gè)人可以拉住你的手猿涨，帶你去想去的地方，那是最好不過的姆怪。運(yùn)動(dòng)元素引導(dǎo)叛赚，就像是用戶的小向?qū)В瑤ьI(lǐng)用戶找到下一步該往哪走稽揭。

向?qū)Э丶掣健Ｏ驅(qū)Э丶梢栽谀吧捻撁姝h(huán)境下，為用戶指引路線溪掀。同時(shí)事镣，還可以告訴用戶，要完成任務(wù)一共需要多少步驟揪胃，你現(xiàn)在所處的步驟是哪個(gè)璃哟，還有多少步可以完成任務(wù)等。讓用戶對(duì)整個(gè)操作有個(gè)預(yù)期喊递，幫助迷失的人們找到前進(jìn)的方向随闪。

設(shè)計(jì)友好而易用的界面

如何簡化復(fù)雜的操作

減少冗余步驟和干擾項(xiàng)；

將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)骚勘；

簡化操作方式铐伴；

優(yōu)化操作過程。

信息量太大俏讹，頁面怎么擺

讓頁面層次不言而喻

在設(shè)計(jì)以信息呈現(xiàn)為主的界面的時(shí)候当宴，可以將要呈現(xiàn)的大段信息分解成易于理解的信息模塊，根據(jù)“用戶想看到什么”和“我們想讓用戶看到什么”泽疆，為內(nèi)容模塊排列優(yōu)先級(jí)户矢。再根據(jù)用戶的瀏覽習(xí)慣，將不同優(yōu)先級(jí)的信息放置到相應(yīng)的頁面位置殉疼。這和分析用戶任務(wù)(詳情參的過程類似梯浪，都遵循“分解一排列一組織”的原則。

讓重點(diǎn)信息“跳出來”

可以通過視覺設(shè)計(jì)的方法株依，如字體加大加粗、色彩對(duì)比延窜、添加背景色恋腕、留白等，強(qiáng)調(diào)界面的重點(diǎn)元素逆瑞。而其他非重點(diǎn)的元素應(yīng)該盡量藏起來荠藤，或是顯得暗淡些伙单，從而使界面的重點(diǎn)“跳出來”。

將次要信息“藏起來”

隨著產(chǎn)品的發(fā)展哈肖、功能的增加吻育，很多網(wǎng)絡(luò)產(chǎn)品正在變得越來越臃腫，界面上的元素也越來越多淤井。調(diào)查表明布疼，80%的用戶只會(huì)使用20%的功能。所以币狠，設(shè)計(jì)者不應(yīng)將那80%只有專家用戶才會(huì)使用的功能放在顯眼的位置游两。為了不影響新手和中間用戶使用，我們應(yīng)將那些次要的信息“藏起來”漩绵，待用戶需要時(shí)再將它們展示出來贱案。

理性的規(guī)劃VS感性的界面

以人為本的界面設(shè)計(jì)

幫助用戶找到想要的東西；

吸引無目標(biāo)用戶止吐；

符合用戶心理模型宝踪。

捕獲用戶的芳心

來自真實(shí)世界的靈感

擬物化的視覺。最直接的借鑒現(xiàn)實(shí)世界的設(shè)計(jì)方式就是擬物化碍扔。通過模擬現(xiàn)實(shí)中的物體瘩燥，使用戶產(chǎn)生熟悉感，讓信息與功能更加易于識(shí)別和理解蕴忆。

隱喻化的操作直接擬物化的設(shè)計(jì)也有一定的局限性颤芬。并不是每種界面中的元素都可以在現(xiàn)實(shí)中找到對(duì)應(yīng)物品的。視覺表現(xiàn)難以擬物時(shí)套鹅，也可以通過模擬現(xiàn)實(shí)中的操作站蝠，使用隱喻的方式讓用戶對(duì)操作感到熟悉。

貼心的設(shè)計(jì)惹人愛

可控的感受卓鹿；

積極的反饋菱魔；

貼心的提醒。

快速表達(dá)我的想法--紙面原型

紙面原型的目的

紙面原型的目的不是為了交付吟孙，而是為了溝通澜倦、測(cè)試，盡快地解決那些不確定的問題杰妓。紙面原型更具有可塑性藻治，可以快速修改和重建，幫助設(shè)計(jì)師探索盡可能多的想法并否定掉那些不靠譜的想法巷挥。設(shè)計(jì)師只要有創(chuàng)意桩卵，就可以快速畫出草圖，與項(xiàng)目相關(guān)人員溝通。只需要很少的時(shí)間就可以收集到反饋雏节，驗(yàn)證設(shè)計(jì)的可行性胜嗓。最終確定出最合適的設(shè)計(jì)方案，再進(jìn)入下一個(gè)設(shè)計(jì)表現(xiàn)階段钩乍。

需要表達(dá)什么?

紙面原型可以看作是最終設(shè)計(jì)方案的雛形辞州。其中，最需要關(guān)注的是框架寥粹、流程变过、基本功能和內(nèi)容，可以忽略設(shè)計(jì)細(xì)節(jié)排作。之前已經(jīng)對(duì)需求牵啦、任務(wù)、信息妄痪、操作等都有了分析哈雏，紙面原型需要把這些串聯(lián)起來。對(duì)于界面的邏輯關(guān)系衫生，可以用繪制的深淺和顏色來表現(xiàn)裳瘪。

07設(shè)計(jì)標(biāo)準(zhǔn)--好的設(shè)計(jì)需要表達(dá)

什么是原型

標(biāo)準(zhǔn)的原型應(yīng)該包含什么內(nèi)容

簡要說明與信息結(jié)構(gòu)

變更日志：包含日期、變更內(nèi)容罪针、變更原因彭羹、備注等內(nèi)容。

版本說明：包含版本號(hào)泪酱、日期派殷、更改內(nèi)容等。

信息結(jié)構(gòu)：產(chǎn)品內(nèi)容都有什么墓阀，它們是如何組織起來的毡惜，頁面層級(jí)又是如何分布的，等等斯撮。

任務(wù)流程與頁面流程

任務(wù)流程：是指用戶使用產(chǎn)品時(shí)经伙，它的每一步操作會(huì)遇到什么結(jié)果、系統(tǒng)會(huì)如何反饋勿锅，等等帕膜。

頁面流程：比任務(wù)流程圖更清晰、具體溢十。通過頁面流程圖垮刹，不僅可以看到具體的頁面，還可以看到用戶如何通過操作张弛，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的完整過程荒典。

線框圖&交互說明

交互說明是原型中不可缺少的內(nèi)容宗挥。邏輯嚴(yán)密、內(nèi)容詳細(xì)的交互說明會(huì)讓原型看起來更專業(yè)种蝶。例如，文字過多怎么顯示?操作瞬間會(huì)出現(xiàn)什么提示?點(diǎn)擊了頁面上某部分內(nèi)容瞒大，會(huì)出現(xiàn)什么反饋?跳轉(zhuǎn)到哪個(gè)頁面?……交互說明主要有以下幾種類型：

限制:包含范圍值螃征、極限值等。

狀態(tài):包含默認(rèn)狀態(tài)透敌、常見狀態(tài)盯滚、特殊狀態(tài)等。

操作:包含常見操作酗电、特殊操作魄藕、誤操作、手勢(shì)操作等撵术。

反饋:用戶操作后得到的反饋動(dòng)作背率，包含提示、跳轉(zhuǎn)嫩与、動(dòng)畫等寝姿。提示主要指操作后，系統(tǒng)反饋給用戶的文字說明等划滋。

你真的會(huì)畫線框圖嗎

通過明暗對(duì)比表達(dá)饵筑；

不使用截圖與顏色；

合理的布局处坪；

遵守柵格規(guī)范根资；

標(biāo)記第一屏高度；

表達(dá)清楚UI邏輯同窘；

考慮視覺實(shí)現(xiàn)后的效果玄帕。

寫交互說明的訣竅

盡量使用真實(shí)、符合邏輯的數(shù)據(jù)內(nèi)容塞椎；

不遺漏特殊狀態(tài)的描述桨仿；

避免過長的說明；

避免流水賬式的說明案狠；

流程圖代替文字說明服傍；

用表格羅列各種狀態(tài)；

巧妙組織文字說明骂铁；

制作動(dòng)態(tài)效果吹零。

關(guān)于設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范是對(duì)設(shè)計(jì)的具體細(xì)節(jié)、技術(shù)要求拉庵，是設(shè)計(jì)工作的規(guī)則和界限灿椅，是一種模板化應(yīng)用的方法。規(guī)范并不是隨產(chǎn)品的形成而形成的，而是在產(chǎn)品逐漸成熟茫蛹、發(fā)展的過程中慢慢建立起來的操刀。做規(guī)范不是一件簡單的事情，往往要花費(fèi)設(shè)計(jì)團(tuán)隊(duì)大量的時(shí)間和精力婴洼。

什么時(shí)候開始設(shè)計(jì)規(guī)范?

在設(shè)計(jì)開始之前就制定規(guī)范骨坑，是很不切實(shí)際的做法。你會(huì)發(fā)現(xiàn)做好的規(guī)范在實(shí)際操作中是無用且白費(fèi)精力的柬采。項(xiàng)目全部完成之后再設(shè)計(jì)規(guī)范欢唾，這可能是我們很多設(shè)計(jì)師都會(huì)采用的方式，能夠方便產(chǎn)品未來延續(xù)發(fā)展粉捻。但這種方式不是絕對(duì)的礁遣。如果是一次性產(chǎn)品，根本沒有必要設(shè)計(jì)完成之后還去浪費(fèi)時(shí)間去整理規(guī)范肩刃。規(guī)范是指導(dǎo)設(shè)計(jì)的工具祟霍，而不是設(shè)計(jì)后的總結(jié)，況且整理規(guī)范也是需要不少時(shí)間和人力成本的盈包。

08項(xiàng)目跟進(jìn)--保障設(shè)計(jì)效果的實(shí)現(xiàn)

做設(shè)計(jì)評(píng)審的主導(dǎo)者

評(píng)審時(shí)浅碾，每個(gè)人都會(huì)有不同的偏好和不同的出發(fā)點(diǎn)。如果設(shè)計(jì)師無法主導(dǎo)評(píng)審會(huì)续语，原本完整的設(shè)計(jì)方案很可能會(huì)被各種意見影響垂谢，變得面目全非。如果設(shè)計(jì)師給出的方案沒有足夠的說服力疮茄，各種意見難以達(dá)成一致滥朱，也會(huì)影響會(huì)議效率。所以力试，設(shè)計(jì)師需要從幕后走到臺(tái)前徙邻，學(xué)會(huì)如何主導(dǎo)設(shè)計(jì)評(píng)審。不同偏好和不同出發(fā)點(diǎn)的項(xiàng)目成員畸裳。

設(shè)計(jì)評(píng)審的目的

檢驗(yàn)?zāi)繕?biāo):缰犁；

發(fā)現(xiàn)問題；

達(dá)成共識(shí)怖糊。

評(píng)審前的充足準(zhǔn)備

事先考慮所有可能的方案帅容；

準(zhǔn)備各種設(shè)計(jì)依據(jù)；

做好會(huì)議邀請(qǐng)工作伍伤。

如何在評(píng)審中掌握主導(dǎo)權(quán)

主導(dǎo)流程并徘；

提高效率，控制話題扰魂；

區(qū)分和收集有價(jià)值的反饋意見麦乞。

評(píng)審后的分析與跟進(jìn)

在評(píng)審會(huì)上收集了反饋意見之后蕴茴，設(shè)計(jì)師需要整理總結(jié)這些意見。對(duì)于還沒有達(dá)成一致的設(shè)計(jì)細(xì)節(jié)姐直，繼續(xù)進(jìn)行完善細(xì)化倦淀。在根據(jù)反饋意見完善設(shè)計(jì)稿之后，將最終設(shè)計(jì)方案發(fā)送給項(xiàng)目組成員声畏。

如何審核視覺稿

界面中的視覺設(shè)計(jì)不是藝術(shù)作品晃听，正確地理解信息和傳遞信息是最重要的事，忽略內(nèi)容而關(guān)注形式是不可取的砰识。所以交互設(shè)計(jì)師要注意視覺稿是不是和交互稿傳達(dá)的信息一致，是否傳達(dá)到位佣渴、重點(diǎn)突出且層次分明辫狼。

操作方法：

對(duì)交互稿理解是否正確

拒絕毫無發(fā)揮的視覺設(shè)計(jì)

關(guān)注視覺層次是否足夠清晰

關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)注

在審美方面不要過分干涉

開發(fā)階段，設(shè)計(jì)師該做些什么

09成果檢驗(yàn)--設(shè)計(jì)優(yōu)劣可以判斷

可用性測(cè)試

可用性測(cè)試是通過觀察用戶使用產(chǎn)品辛润，發(fā)現(xiàn)產(chǎn)品中存在的問題的一種方法膨处。在測(cè)試前，設(shè)計(jì)幾個(gè)能反映出產(chǎn)品核心操作的任務(wù)砂竖。招募5名左右的用戶真椿，這些用戶最好可以代表產(chǎn)品的真實(shí)用戶。在測(cè)試中乎澄，仔細(xì)觀察有代表性的用戶對(duì)于典型任務(wù)的操作情況突硝，記錄下發(fā)現(xiàn)的問題。在測(cè)試完成之后置济，對(duì)發(fā)現(xiàn)的問題進(jìn)行分析解恰，并找出最嚴(yán)重的問題。通過優(yōu)化這些問題浙于，可以很大程度上提高用戶操作體驗(yàn)护盈。

A/B測(cè)試

可用性測(cè)試是一種定性分析的方法，而A/B測(cè)試是一種定量分析的方法羞酗。定性分析樣本量小腐宋，結(jié)果未必完全可靠，但可以了解到用戶的想法;而定量分析雖然樣本量大檀轨，結(jié)果較為客觀胸竞，但我們很難直接通過數(shù)據(jù)了解到背后的原因。兩種方法各有利弊参萄。一般采用定性研究與定量研究相結(jié)合的方式撤师。

第3篇實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

10設(shè)計(jì)師的自我修養(yǎng)

好的設(shè)計(jì)師：對(duì)設(shè)計(jì)充滿興趣和激情；有天分拧揽；執(zhí)行力強(qiáng)剃盾；情商高腺占；有條理；有上進(jìn)心痒谴；眼界開闊衰伯、知識(shí)面廣；樂于分享积蔚。

糟糕的設(shè)計(jì)師：缺乏興趣意鲸、不用心；心態(tài)不好尽爆、頑固任性怎顾；不會(huì)合理安排時(shí)間；時(shí)間估算不準(zhǔn)漱贱；不會(huì)恰當(dāng)表現(xiàn)槐雾；過于被動(dòng)；溝通及團(tuán)隊(duì)協(xié)作能力差幅狮；學(xué)習(xí)意愿不強(qiáng)募强；不夠?qū)I(yè)。

wrhy崇摄，What,? How三步分析法

Why:得到外界結(jié)論時(shí)先思考為什么擎值。

What:對(duì)現(xiàn)狀進(jìn)行更深層次的解讀。

How:在已知的基礎(chǔ)上逐抑，如何做得更好鸠儿。

在否定中積極成長

只有自己變強(qiáng)，別人才能尊重你厕氨、信任你捆交，才能和你平等對(duì)話。好的設(shè)計(jì)師每完成一個(gè)項(xiàng)目腐巢，都會(huì)進(jìn)行認(rèn)真的總結(jié)品追，發(fā)現(xiàn)自己的差距與不足，爭(zhēng)取在下一次的工作中認(rèn)真改進(jìn)冯丙。在進(jìn)行作品評(píng)選時(shí)肉瓦，認(rèn)真研究其他同事的優(yōu)秀作品，學(xué)習(xí)別人的閃光點(diǎn)胃惜。工作中總是不滿足于現(xiàn)狀泞莉，總想嘗試新的方法。

11設(shè)計(jì)師易忽略的工作意識(shí)

設(shè)計(jì)師的品牌意識(shí)

設(shè)計(jì)師的溝通意識(shí)

設(shè)計(jì)師的流程意識(shí)

設(shè)計(jì)流程

完整的項(xiàng)目流程

12設(shè)計(jì)師為了什么而設(shè)計(jì)

為老板船殉？為用戶鲫趁？還是為自己設(shè)計(jì)

如果要說用戶體驗(yàn)設(shè)計(jì)師的價(jià)值，我想那就是通過設(shè)計(jì)改善產(chǎn)品的用戶體驗(yàn)利虫，讓用戶更高效挨厚、愉悅地完成任務(wù)堡僻。設(shè)計(jì)師不是為自己設(shè)計(jì)，也不是為某些人設(shè)計(jì)疫剃，不該只看重眼前的利益钉疫，設(shè)計(jì)師要做的是平衡商業(yè)價(jià)值與用戶需求，通過自己的專業(yè)水平為公司巢价、用戶創(chuàng)造最大的價(jià)值牲阁。

實(shí)現(xiàn)商業(yè)價(jià)值與用戶需求的平衡

很多時(shí)候，我們并沒有太多機(jī)會(huì)來和產(chǎn)品經(jīng)理一起做前期的需求分析壤躲，而是直接拿到需求文檔城菊。那么這個(gè)時(shí)候，我們要做的并不是馬上按照需求文檔上寫的內(nèi)容去做設(shè)計(jì)碉克，而是要先解讀需求凌唬，考慮需求是否合理。如果不合理的話要重塑需求棉胀，然后再開始正常的設(shè)計(jì)流程。

實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

在很多公司里冀膝，是產(chǎn)品經(jīng)理在做交互設(shè)計(jì)師的工作唁奢。他們確定需求并設(shè)計(jì)出具體界面，然后將其直接交付給開發(fā)工程師窝剖。還有很多產(chǎn)品經(jīng)理雖然也跟交互設(shè)計(jì)師有合作麻掸，但由于自己非常喜歡畫線框圖，所以總是“搶”設(shè)計(jì)師的工作做赐纱。在這種情況下脊奋，很多設(shè)計(jì)師會(huì)覺得很有挫敗感，覺得自己的存在似乎沒什么價(jià)值疙描。

這個(gè)時(shí)候诚隙，我突然想起了周星馳的那部電影《武狀元蘇乞兒》。蘇乞兒已經(jīng)學(xué)到了“降龍十八掌”中的十七招起胰，卻始終參不透最后一招淮菠。最終他發(fā)現(xiàn)涯穷，原來最后一招不是什么新招式，而是將前面所有的招式融會(huì)貫通而發(fā)出的終極招式。最后他憑借這招秒殺了趙無極速梗，成為了一個(gè)大英雄。

其實(shí)本書也是如此绩聘。如果你已經(jīng)完全掌握了前面的內(nèi)容踢代，并在工作中不斷加以應(yīng)用，不斷總結(jié)積累戒劫，那么終有一天半夷，你會(huì)破繭成碟婆廊，實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值。