序1

隨著IT技術(shù)的發(fā)展，越來越多的互聯(lián)網(wǎng)產(chǎn)品在改變著我們的生活和思維方式。每個(gè)互聯(lián)網(wǎng)產(chǎn)品的誕生都是一個(gè)系統(tǒng)工程，包含了產(chǎn)品運(yùn)營規(guī)劃、流程規(guī)則設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、數(shù)據(jù)設(shè)計(jì)、后端開發(fā)、前端開發(fā)、運(yùn)維服務(wù)等多個(gè)環(huán)節(jié)。其中，產(chǎn)品設(shè)計(jì)環(huán)節(jié)處于距離用戶最近的位置上，任何優(yōu)秀的產(chǎn)品規(guī)劃和嚴(yán)謹(jǐn)?shù)募夹g(shù)開發(fā)如果沒有構(gòu)思精妙的產(chǎn)品設(shè)計(jì)進(jìn)行包裝輸出，都只是在做無用功。新一代的年輕人是互聯(lián)網(wǎng)產(chǎn)品的原住民，不流暢或不符合口味的設(shè)計(jì)體驗(yàn)，會(huì)被原住民們直接拋棄，就如同難看的衣服沒有機(jī)會(huì)展現(xiàn)材質(zhì)的優(yōu)良和做工的精巧。所以，在互聯(lián)網(wǎng)產(chǎn)品項(xiàng)目中，設(shè)計(jì)工作的重要性越來越高，對設(shè)計(jì)師的要求也越來越高。

李偉巍是我之前同一部門的同事，帶領(lǐng)搜狐汽車的設(shè)計(jì)團(tuán)隊(duì)，有豐富的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)，并且一直保持著對設(shè)計(jì)領(lǐng)域新技術(shù)和新方向的飽滿熱情，我非常敬佩。在之前一起工作的過程中，我們有大量溝通，他對于設(shè)計(jì)工作的理解，給了我很多啟發(fā)和思考。

今年初的時(shí)候，李偉巍告訴我，他和設(shè)計(jì)團(tuán)隊(duì)寫了一本書介紹對于設(shè)計(jì)方法的理解，我非常期待，第一時(shí)間閱讀了原稿。分享兩點(diǎn)閱讀感受：一是產(chǎn)品設(shè)計(jì)的出發(fā)點(diǎn)，不能僅僅是設(shè)計(jì)本身，要考慮大量的周邊因素，包括用戶類型、競品狀態(tài)、發(fā)展趨勢、產(chǎn)品階段、整體一致性等；二是設(shè)計(jì)工作是有固定的方法和模式的，設(shè)計(jì)師并不是在天馬行空的創(chuàng)作，而是按照一些成熟的工作方法、模式和技巧來打磨錘煉設(shè)計(jì)產(chǎn)品，并且有客觀的考核方式來驗(yàn)證設(shè)計(jì)作品是否達(dá)到了產(chǎn)品目標(biāo)。

本書結(jié)構(gòu)簡潔清晰，包含了大量的工作實(shí)例以及基于這些實(shí)例的方法總結(jié)，是非常好的實(shí)用書籍。如果你是互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)師，想提升自己的產(chǎn)品設(shè)計(jì)水平，閱讀本書是一個(gè)高效的途徑；如果你是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理，閱讀本書可以看到很多從用戶體驗(yàn)角度出發(fā)的設(shè)計(jì)改進(jìn)實(shí)例，對于提升自己對產(chǎn)品的理解有積極的作用。

最后，恭祝本書的出版，希望能夠給讀者帶來幫助。

搜狐焦點(diǎn)CTO李少鵬

序2

很高興看到了搜狐設(shè)計(jì)團(tuán)隊(duì)創(chuàng)作的《好設(shè)計(jì)，有方法》。本書中的設(shè)計(jì)是指互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)，適合互聯(lián)網(wǎng)行業(yè)中與用戶、產(chǎn)品緊密相關(guān)的從業(yè)人員學(xué)習(xí)、借鑒、應(yīng)用如用戶研究人員、產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)工程師（尤其是用戶端開發(fā)工程師）等。

我尤其要向廣大中小互聯(lián)網(wǎng)公司的產(chǎn)品經(jīng)理、設(shè)計(jì)師來推薦這本書。

在互聯(lián)網(wǎng)行業(yè)中，如搜狐這樣的大公司普遍有更細(xì)的專業(yè)分工，更齊全的崗位配置。具體到產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)，大公司的設(shè)計(jì)團(tuán)隊(duì)承擔(dān)了很大的職責(zé)，通常也有較強(qiáng)的專業(yè)能力。同時(shí)，大公司有豐富的產(chǎn)品、巨大的用戶體量、復(fù)雜的應(yīng)用場景。因此，大公司專業(yè)設(shè)計(jì)團(tuán)隊(duì)提煉出來的設(shè)計(jì)方法，很有價(jià)值。

相比之下，廣大的中小型公司崗位專精程度普遍不高。具體到用戶體驗(yàn)設(shè)計(jì)，中小型公司的產(chǎn)品經(jīng)理普遍側(cè)重于產(chǎn)品功能規(guī)劃，設(shè)計(jì)師則普遍側(cè)重于產(chǎn)品原型的視覺實(shí)現(xiàn)。中小型公司的產(chǎn)品經(jīng)理、設(shè)計(jì)師對用戶體驗(yàn)設(shè)計(jì)很多存在認(rèn)知不足、方法不佳的問題。針對這一問題，這本書或許是一個(gè)解決方案。

通過本書可以系統(tǒng)學(xué)習(xí)經(jīng)過實(shí)戰(zhàn)驗(yàn)證的好設(shè)計(jì)方法，然后在實(shí)戰(zhàn)中去應(yīng)用這些設(shè)計(jì)方法，提升公司的用戶體驗(yàn)設(shè)計(jì)能力，打造出體驗(yàn)更佳的好產(chǎn)品。增強(qiáng)公司的產(chǎn)品競爭力，同時(shí)也讓自己變得更有價(jià)值。相信這也是本書作者們的愿望。

車馬　多家互聯(lián)網(wǎng)公司聯(lián)合創(chuàng)始人/CEO，《首席產(chǎn)品官1從新手到行家》

《首席產(chǎn)品官2從白領(lǐng)到金領(lǐng)》作者

前言

為何寫作本書

筆者在互聯(lián)網(wǎng)圈摸爬滾打十?dāng)?shù)年，見證了互聯(lián)網(wǎng)的發(fā)展歷程。

Web1.0時(shí)代。向用戶單向推送信息，由網(wǎng)絡(luò)平臺(tái)提供內(nèi)容供用戶閱讀，用戶根本沒有選擇權(quán)，代表站點(diǎn)為搜狐、新浪、網(wǎng)易等門戶網(wǎng)站。筆者當(dāng)時(shí)正奮斗在網(wǎng)絡(luò)前臺(tái)的一線，被人稱之為美工，不僅要設(shè)計(jì)網(wǎng)頁，還要通過HTML和CSS將頁面寫出來。

Web2.0時(shí)代。注重用戶的互動(dòng)，用戶當(dāng)家作主，是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者。這個(gè)時(shí)代網(wǎng)站內(nèi)容是基于用戶的，諸多功能也由用戶參與建設(shè)，實(shí)現(xiàn)了網(wǎng)站與用戶的雙向交流和參與，形成了以網(wǎng)絡(luò)平臺(tái)為代表的人與人之間的溝通，典型代表有新浪微博、天涯社區(qū)、自媒體。筆者這時(shí)變成了UI設(shè)計(jì)師，負(fù)責(zé)設(shè)計(jì)前后端、App、Pad等界面，頁面已經(jīng)交由各端的工程師去設(shè)計(jì)了。

Web3.0時(shí)代。這里有人工智能、關(guān)聯(lián)數(shù)據(jù)和語義網(wǎng)絡(luò)的構(gòu)建，形成了人和網(wǎng)絡(luò)以及網(wǎng)絡(luò)與人的溝通，配合大數(shù)據(jù)的智能推薦，大大提高了人與人之間溝通的便利性。在這個(gè)時(shí)代，網(wǎng)絡(luò)都是以大平臺(tái)形式存在，成為用戶需求的理解者和提供者，網(wǎng)絡(luò)記錄用戶的行為習(xí)慣，通過資源篩選、智能匹配，精準(zhǔn)地為用戶提供答案，代表產(chǎn)品可能會(huì)有微信、阿里云、百度Apollo等。

在Web 3.0時(shí)代，筆者絕不可能只是個(gè)簡單的UI設(shè)計(jì)師，還應(yīng)該是個(gè)初級(jí)的產(chǎn)品經(jīng)理、中級(jí)的交互設(shè)計(jì)師、高級(jí)的視覺設(shè)計(jì)師，而且有一套自己的設(shè)計(jì)語言體系，才有資格去做好未來的設(shè)計(jì)。

互聯(lián)網(wǎng)的發(fā)展帶動(dòng)設(shè)計(jì)師從幕后走到了臺(tái)前，轉(zhuǎn)身成為視覺設(shè)計(jì)師、UI設(shè)計(jì)師、GUI設(shè)計(jì)師、交互設(shè)計(jì)師、工業(yè)設(shè)計(jì)師等。這就對設(shè)計(jì)的精細(xì)化程度要求越來越高，已經(jīng)不局限在設(shè)計(jì)本身，而是向用戶傳播一種設(shè)計(jì)語言、傳達(dá)一種力量。但很多設(shè)計(jì)師依然是在做執(zhí)行工作，設(shè)計(jì)好需求，實(shí)現(xiàn)功能，這樣的思維越來越不能滿足Web3.0時(shí)代的需求。

一路走來，筆者親歷了很多產(chǎn)品的開發(fā)設(shè)計(jì)過程，也從零開始做過很多新產(chǎn)品的嘗試，有喜有悲，踩過很多坑，總想把這些經(jīng)驗(yàn)匯總并分享出來，避免再有人去走同樣的彎路，浪費(fèi)精力、浪費(fèi)時(shí)間、浪費(fèi)錢。

筆者帶領(lǐng)團(tuán)隊(duì)與各個(gè)業(yè)務(wù)線對接設(shè)計(jì)需求時(shí)，也了解到很多業(yè)務(wù)線指標(biāo)在產(chǎn)品中的體現(xiàn)，設(shè)計(jì)能提升業(yè)務(wù)線的指標(biāo)，這才是核心價(jià)值所在。用戶經(jīng)常會(huì)吐槽各種廣告亂象問題，那其實(shí)是產(chǎn)品賦予業(yè)務(wù)的價(jià)值所在，只是沒有站在用戶的角度，用錯(cuò)了場景，體驗(yàn)設(shè)計(jì)做得不好，對用戶造成了干擾，傷害到了用戶的感情。業(yè)務(wù)指標(biāo)是產(chǎn)品商業(yè)價(jià)值的體現(xiàn)，但如何通過體驗(yàn)設(shè)計(jì)來提升，還有很多方式和方法。

筆者結(jié)合工作中的實(shí)際案例，總結(jié)了一些關(guān)于做好產(chǎn)品的方式和方法，在此分享出來，同業(yè)內(nèi)的小伙伴們一起探討，期許得到大家的批評和指正，如果還能為他人帶來一點(diǎn)貢獻(xiàn)，那真是極好的。

本書主要內(nèi)容

本書將用戶作為產(chǎn)品設(shè)計(jì)的第一梯隊(duì)，重點(diǎn)介紹了我們應(yīng)該如何了解用戶。開篇以用戶需求的層級(jí)作為出發(fā)點(diǎn)，講解了如何為用戶量體裁衣。通過迭代產(chǎn)品的方法來找到精準(zhǔn)的用戶畫像，有針對性地采用正確的方法，對不同的用戶做差異化引導(dǎo)。伴隨著產(chǎn)品發(fā)展的過程，用戶在不斷成長，需求也發(fā)生著變化，如果產(chǎn)品跟不上這些變化，就會(huì)被用戶擯棄。為了更好地了解用戶的需求，筆者還分享了團(tuán)隊(duì)在做線下調(diào)研過程中所收獲的豐碩成果。

了解用戶的設(shè)計(jì)需求后，就進(jìn)入產(chǎn)品設(shè)計(jì)的第二梯隊(duì)：設(shè)計(jì)的方法。任何設(shè)計(jì)都應(yīng)有其設(shè)計(jì)源頭，所以形成自己的設(shè)計(jì)語言就顯得格外重要。各個(gè)平臺(tái)的設(shè)計(jì)語言都不一樣，所以在設(shè)計(jì)上還要區(qū)分不同的載體，才能符合各平臺(tái)的設(shè)計(jì)規(guī)范。在設(shè)計(jì)的過程中，往往還會(huì)利用競品，不斷創(chuàng)新，提升產(chǎn)品的價(jià)值。此外，產(chǎn)品中很多模塊的設(shè)計(jì)亂象叢生，我們在這里將其一一梳理出來，總結(jié)出一些方法供大家參考。比如彈出層設(shè)計(jì)、列表設(shè)計(jì)、情感化設(shè)計(jì)等。最后還總結(jié)了聚焦設(shè)計(jì)的各項(xiàng)原則以及一些設(shè)計(jì)禁忌。

掌握了設(shè)計(jì)產(chǎn)品的方法以后，我們還需要了解用戶使用產(chǎn)品的場景。文中解釋了用戶體驗(yàn)場景的一些基本概念，系統(tǒng)解構(gòu)了用戶場景的框架關(guān)系，整體分析了用戶場景中的情境類型，并結(jié)合實(shí)例講述了我們常見的匹配場景。最后再通過用戶的使用場景來做測試，從而更好地驗(yàn)證其匹配度。

書中還講述了團(tuán)隊(duì)管理中的一些方法，從設(shè)計(jì)團(tuán)隊(duì)中的主要管理工作說起，將工作內(nèi)容分為幾個(gè)部分詳細(xì)講述，總結(jié)了團(tuán)隊(duì)管理中的激勵(lì)機(jī)制，又綜合性地講述了團(tuán)隊(duì)中經(jīng)常遇到的幾個(gè)難題，并分門別類地給出了對應(yīng)的解決方案。

在本書附錄部分，參與編寫本書的作者們各自講述了自己從事設(shè)計(jì)的心路歷程，總結(jié)了他們在設(shè)計(jì)中遇到的難題及各自的解決方案，希望能給大家?guī)�來一些啟發(fā)和參考。由于篇幅限制，附錄部分僅提供電子版。

本書讀者對象

本書主要從產(chǎn)品體驗(yàn)設(shè)計(jì)的角度進(jìn)行詳細(xì)闡述，包括怎么了解用戶、怎么做好設(shè)計(jì)、怎么利用場景、怎么做好產(chǎn)品、怎么管理團(tuán)隊(duì)等。本書沒有局限于只講設(shè)計(jì)，而是在講述我們怎么做產(chǎn)品，體驗(yàn)設(shè)計(jì)如何為產(chǎn)品提供更好的服務(wù)，為用戶解決需求，所以本書適合的閱讀人群比較廣泛。

第一類：互聯(lián)網(wǎng)領(lǐng)域的設(shè)計(jì)師、產(chǎn)品經(jīng)理、前端工程師、開發(fā)工程師等群體。

本書對于從事互聯(lián)網(wǎng)設(shè)計(jì)的設(shè)計(jì)師來說絕對是一個(gè)福音，我們將產(chǎn)品設(shè)計(jì)中遇到的各種疑難雜癥全部梳理出來，列出各種對應(yīng)的解決方法，總結(jié)出體驗(yàn)設(shè)計(jì)細(xì)節(jié)的設(shè)計(jì)原則，幫助設(shè)計(jì)師從初級(jí)迅速進(jìn)階到高級(jí)。

書中先從了解用戶的需求出發(fā)，帶你慢慢融入體驗(yàn)設(shè)計(jì)，再結(jié)合用戶的使用場景來做產(chǎn)品，每個(gè)階段都與產(chǎn)品經(jīng)理的工作深度相關(guān)。產(chǎn)品經(jīng)理需要是一個(gè)全能型選手，對設(shè)計(jì)和開發(fā)都要有所了解，才能把握好產(chǎn)品的方向，而這本書全面地講述了產(chǎn)品從無到有的設(shè)計(jì)過程，相信會(huì)對你大有裨益。

針對前端工程師和開發(fā)工程師來說，好產(chǎn)品要經(jīng)過團(tuán)隊(duì)共同打磨，體驗(yàn)設(shè)計(jì)的細(xì)節(jié)又都需要開發(fā)來實(shí)現(xiàn)，很多設(shè)計(jì)原則就是技術(shù)結(jié)構(gòu)的底層邏輯。工程師們?nèi)绻�了解了設(shè)計(jì)的源頭，就大大減少了中間的溝通環(huán)節(jié)，同時(shí)還能清晰地理解產(chǎn)品的設(shè)計(jì)邏輯。

第二類：企業(yè)管理者、項(xiàng)目經(jīng)理、團(tuán)隊(duì)管理者等。

企業(yè)都是以產(chǎn)品為驅(qū)動(dòng)，作為企業(yè)管理者、項(xiàng)目管理者，實(shí)時(shí)獲悉產(chǎn)品的動(dòng)態(tài)可謂勢在必行。他們的一個(gè)決策可能會(huì)讓產(chǎn)品數(shù)據(jù)發(fā)生很大波動(dòng)。本書從各個(gè)層面詮釋了產(chǎn)品的設(shè)計(jì)細(xì)節(jié)及其所造成的影響，幫助管理者更清晰地了解發(fā)展所處的階段，應(yīng)該制定什么樣的策略。

書中還講述了團(tuán)隊(duì)管理的方法和技巧，深入到產(chǎn)品設(shè)計(jì)的各個(gè)細(xì)節(jié)，跨部門溝通協(xié)作等，還總結(jié)了設(shè)計(jì)團(tuán)隊(duì)經(jīng)常遇到的一些難題以及應(yīng)對的解決方案，可以對團(tuán)隊(duì)管理提供一定的參考。

致謝（排名不分先后）

我們寫這本書，受到了《創(chuàng)新者的窘境》《在你身邊，為你設(shè)計(jì)》《參與感》等書籍的啟發(fā)。我們也想把我們團(tuán)隊(duì)在做產(chǎn)品設(shè)計(jì)過程中遇到的問題，以及我們自己多年總結(jié)的設(shè)計(jì)經(jīng)驗(yàn)分享給大家，期許能為大家提供一些參考。

感謝參與本書內(nèi)容編寫的霍冉冉、鐘秀、孫偉、王婷宇、楊茜茜、陳昕冉。沒有你們長時(shí)間的付出，就不可能有這本書的順利出版。感謝你們的陪伴與堅(jiān)持。

感謝機(jī)械工業(yè)出版社的楊福川、佘廣、孫海亮、李藝及參與編輯的團(tuán)隊(duì)人員，謝謝你們一直給予我們專業(yè)上的支持和幫助，保證了本書的順利出版。

感謝我的兒子David、女兒Jenny一直在為我提供體驗(yàn)認(rèn)知的實(shí)踐，感謝我的妻子Chris寶在身后默默地奉獻(xiàn)支持。你們是我堅(jiān)強(qiáng)的后盾，感謝有你們，幫我一起完成了本書的寫作。

李偉巍