序1
隨著IT技術(shù)的發(fā)展,越來越多的互聯(lián)網(wǎng)產(chǎn)品在改變著我們的生活和思維方式。每個互聯(lián)網(wǎng)產(chǎn)品的誕生都是一個系統(tǒng)工程,包含了產(chǎn)品運營規(guī)劃、流程規(guī)則設(shè)計、產(chǎn)品設(shè)計、數(shù)據(jù)設(shè)計、后端開發(fā)、前端開發(fā)、運維服務(wù)等多個環(huán)節(jié)。其中,產(chǎn)品設(shè)計環(huán)節(jié)處于距離用戶最近的位置上,任何優(yōu)秀的產(chǎn)品規(guī)劃和嚴謹?shù)募夹g(shù)開發(fā)如果沒有構(gòu)思精妙的產(chǎn)品設(shè)計進行包裝輸出,都只是在做無用功。新一代的年輕人是互聯(lián)網(wǎng)產(chǎn)品的原住民,不流暢或不符合口味的設(shè)計體驗,會被原住民們直接拋棄,就如同難看的衣服沒有機會展現(xiàn)材質(zhì)的優(yōu)良和做工的精巧。所以,在互聯(lián)網(wǎng)產(chǎn)品項目中,設(shè)計工作的重要性越來越高,對設(shè)計師的要求也越來越高。
李偉巍是我之前同一部門的同事,帶領(lǐng)搜狐汽車的設(shè)計團隊,有豐富的互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗,并且一直保持著對設(shè)計領(lǐng)域新技術(shù)和新方向的飽滿熱情,我非常敬佩。在之前一起工作的過程中,我們有大量溝通,他對于設(shè)計工作的理解,給了我很多啟發(fā)和思考。
今年初的時候,李偉巍告訴我,他和設(shè)計團隊寫了一本書介紹對于設(shè)計方法的理解,我非常期待,第一時間閱讀了原稿。分享兩點閱讀感受:一是產(chǎn)品設(shè)計的出發(fā)點,不能僅僅是設(shè)計本身,要考慮大量的周邊因素,包括用戶類型、競品狀態(tài)、發(fā)展趨勢、產(chǎn)品階段、整體一致性等;二是設(shè)計工作是有固定的方法和模式的,設(shè)計師并不是在天馬行空的創(chuàng)作,而是按照一些成熟的工作方法、模式和技巧來打磨錘煉設(shè)計產(chǎn)品,并且有客觀的考核方式來驗證設(shè)計作品是否達到了產(chǎn)品目標。
本書結(jié)構(gòu)簡潔清晰,包含了大量的工作實例以及基于這些實例的方法總結(jié),是非常好的實用書籍。如果你是互聯(lián)網(wǎng)產(chǎn)品的設(shè)計師,想提升自己的產(chǎn)品設(shè)計水平,閱讀本書是一個高效的途徑;如果你是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理,閱讀本書可以看到很多從用戶體驗角度出發(fā)的設(shè)計改進實例,對于提升自己對產(chǎn)品的理解有積極的作用。
最后,恭祝本書的出版,希望能夠給讀者帶來幫助。
搜狐焦點CTO李少鵬
序2
很高興看到了搜狐設(shè)計團隊創(chuàng)作的《好設(shè)計,有方法》。本書中的設(shè)計是指互聯(lián)網(wǎng)產(chǎn)品的用戶體驗設(shè)計,適合互聯(lián)網(wǎng)行業(yè)中與用戶、產(chǎn)品緊密相關(guān)的從業(yè)人員學習、借鑒、應(yīng)用如用戶研究人員、產(chǎn)品經(jīng)理、設(shè)計師、開發(fā)工程師(尤其是用戶端開發(fā)工程師)等。
我尤其要向廣大中小互聯(lián)網(wǎng)公司的產(chǎn)品經(jīng)理、設(shè)計師來推薦這本書。
在互聯(lián)網(wǎng)行業(yè)中,如搜狐這樣的大公司普遍有更細的專業(yè)分工,更齊全的崗位配置。具體到產(chǎn)品的用戶體驗設(shè)計,大公司的設(shè)計團隊承擔了很大的職責,通常也有較強的專業(yè)能力。同時,大公司有豐富的產(chǎn)品、巨大的用戶體量、復雜的應(yīng)用場景。因此,大公司專業(yè)設(shè)計團隊提煉出來的設(shè)計方法,很有價值。
相比之下,廣大的中小型公司崗位專精程度普遍不高。具體到用戶體驗設(shè)計,中小型公司的產(chǎn)品經(jīng)理普遍側(cè)重于產(chǎn)品功能規(guī)劃,設(shè)計師則普遍側(cè)重于產(chǎn)品原型的視覺實現(xiàn)。中小型公司的產(chǎn)品經(jīng)理、設(shè)計師對用戶體驗設(shè)計很多存在認知不足、方法不佳的問題。針對這一問題,這本書或許是一個解決方案。
通過本書可以系統(tǒng)學習經(jīng)過實戰(zhàn)驗證的好設(shè)計方法,然后在實戰(zhàn)中去應(yīng)用這些設(shè)計方法,提升公司的用戶體驗設(shè)計能力,打造出體驗更佳的好產(chǎn)品。增強公司的產(chǎn)品競爭力,同時也讓自己變得更有價值。相信這也是本書作者們的愿望。
車馬 多家互聯(lián)網(wǎng)公司聯(lián)合創(chuàng)始人/CEO,《首席產(chǎn)品官1從新手到行家》
《首席產(chǎn)品官2從白領(lǐng)到金領(lǐng)》作者
前言
為何寫作本書
筆者在互聯(lián)網(wǎng)圈摸爬滾打十數(shù)年,見證了互聯(lián)網(wǎng)的發(fā)展歷程。
Web1.0時代。向用戶單向推送信息,由網(wǎng)絡(luò)平臺提供內(nèi)容供用戶閱讀,用戶根本沒有選擇權(quán),代表站點為搜狐、新浪、網(wǎng)易等門戶網(wǎng)站。筆者當時正奮斗在網(wǎng)絡(luò)前臺的一線,被人稱之為美工,不僅要設(shè)計網(wǎng)頁,還要通過HTML和CSS將頁面寫出來。
Web2.0時代。注重用戶的互動,用戶當家作主,是網(wǎng)站內(nèi)容的瀏覽者,也是網(wǎng)站內(nèi)容的制造者。這個時代網(wǎng)站內(nèi)容是基于用戶的,諸多功能也由用戶參與建設(shè),實現(xiàn)了網(wǎng)站與用戶的雙向交流和參與,形成了以網(wǎng)絡(luò)平臺為代表的人與人之間的溝通,典型代表有新浪微博、天涯社區(qū)、自媒體。筆者這時變成了UI設(shè)計師,負責設(shè)計前后端、App、Pad等界面,頁面已經(jīng)交由各端的工程師去設(shè)計了。
Web3.0時代。這里有人工智能、關(guān)聯(lián)數(shù)據(jù)和語義網(wǎng)絡(luò)的構(gòu)建,形成了人和網(wǎng)絡(luò)以及網(wǎng)絡(luò)與人的溝通,配合大數(shù)據(jù)的智能推薦,大大提高了人與人之間溝通的便利性。在這個時代,網(wǎng)絡(luò)都是以大平臺形式存在,成為用戶需求的理解者和提供者,網(wǎng)絡(luò)記錄用戶的行為習慣,通過資源篩選、智能匹配,精準地為用戶提供答案,代表產(chǎn)品可能會有微信、阿里云、百度Apollo等。
在Web 3.0時代,筆者絕不可能只是個簡單的UI設(shè)計師,還應(yīng)該是個初級的產(chǎn)品經(jīng)理、中級的交互設(shè)計師、高級的視覺設(shè)計師,而且有一套自己的設(shè)計語言體系,才有資格去做好未來的設(shè)計。
互聯(lián)網(wǎng)的發(fā)展帶動設(shè)計師從幕后走到了臺前,轉(zhuǎn)身成為視覺設(shè)計師、UI設(shè)計師、GUI設(shè)計師、交互設(shè)計師、工業(yè)設(shè)計師等。這就對設(shè)計的精細化程度要求越來越高,已經(jīng)不局限在設(shè)計本身,而是向用戶傳播一種設(shè)計語言、傳達一種力量。但很多設(shè)計師依然是在做執(zhí)行工作,設(shè)計好需求,實現(xiàn)功能,這樣的思維越來越不能滿足Web3.0時代的需求。
一路走來,筆者親歷了很多產(chǎn)品的開發(fā)設(shè)計過程,也從零開始做過很多新產(chǎn)品的嘗試,有喜有悲,踩過很多坑,總想把這些經(jīng)驗匯總并分享出來,避免再有人去走同樣的彎路,浪費精力、浪費時間、浪費錢。
筆者帶領(lǐng)團隊與各個業(yè)務(wù)線對接設(shè)計需求時,也了解到很多業(yè)務(wù)線指標在產(chǎn)品中的體現(xiàn),設(shè)計能提升業(yè)務(wù)線的指標,這才是核心價值所在。用戶經(jīng)常會吐槽各種廣告亂象問題,那其實是產(chǎn)品賦予業(yè)務(wù)的價值所在,只是沒有站在用戶的角度,用錯了場景,體驗設(shè)計做得不好,對用戶造成了干擾,傷害到了用戶的感情。業(yè)務(wù)指標是產(chǎn)品商業(yè)價值的體現(xiàn),但如何通過體驗設(shè)計來提升,還有很多方式和方法。
筆者結(jié)合工作中的實際案例,總結(jié)了一些關(guān)于做好產(chǎn)品的方式和方法,在此分享出來,同業(yè)內(nèi)的小伙伴們一起探討,期許得到大家的批評和指正,如果還能為他人帶來一點貢獻,那真是極好的。
本書主要內(nèi)容
本書將用戶作為產(chǎn)品設(shè)計的第一梯隊,重點介紹了我們應(yīng)該如何了解用戶。開篇以用戶需求的層級作為出發(fā)點,講解了如何為用戶量體裁衣。通過迭代產(chǎn)品的方法來找到精準的用戶畫像,有針對性地采用正確的方法,對不同的用戶做差異化引導。伴隨著產(chǎn)品發(fā)展的過程,用戶在不斷成長,需求也發(fā)生著變化,如果產(chǎn)品跟不上這些變化,就會被用戶擯棄。為了更好地了解用戶的需求,筆者還分享了團隊在做線下調(diào)研過程中所收獲的豐碩成果。
了解用戶的設(shè)計需求后,就進入產(chǎn)品設(shè)計的第二梯隊:設(shè)計的方法。任何設(shè)計都應(yīng)有其設(shè)計源頭,所以形成自己的設(shè)計語言就顯得格外重要。各個平臺的設(shè)計語言都不一樣,所以在設(shè)計上還要區(qū)分不同的載體,才能符合各平臺的設(shè)計規(guī)范。在設(shè)計的過程中,往往還會利用競品,不斷創(chuàng)新,提升產(chǎn)品的價值。此外,產(chǎn)品中很多模塊的設(shè)計亂象叢生,我們在這里將其一一梳理出來,總結(jié)出一些方法供大家參考。比如彈出層設(shè)計、列表設(shè)計、情感化設(shè)計等。最后還總結(jié)了聚焦設(shè)計的各項原則以及一些設(shè)計禁忌。
掌握了設(shè)計產(chǎn)品的方法以后,我們還需要了解用戶使用產(chǎn)品的場景。文中解釋了用戶體驗場景的一些基本概念,系統(tǒng)解構(gòu)了用戶場景的框架關(guān)系,整體分析了用戶場景中的情境類型,并結(jié)合實例講述了我們常見的匹配場景。最后再通過用戶的使用場景來做測試,從而更好地驗證其匹配度。
書中還講述了團隊管理中的一些方法,從設(shè)計團隊中的主要管理工作說起,將工作內(nèi)容分為幾個部分詳細講述,總結(jié)了團隊管理中的激勵機制,又綜合性地講述了團隊中經(jīng)常遇到的幾個難題,并分門別類地給出了對應(yīng)的解決方案。
在本書附錄部分,參與編寫本書的作者們各自講述了自己從事設(shè)計的心路歷程,總結(jié)了他們在設(shè)計中遇到的難題及各自的解決方案,希望能給大家?guī)硪恍﹩l(fā)和參考。由于篇幅限制,附錄部分僅提供電子版。
本書讀者對象
本書主要從產(chǎn)品體驗設(shè)計的角度進行詳細闡述,包括怎么了解用戶、怎么做好設(shè)計、怎么利用場景、怎么做好產(chǎn)品、怎么管理團隊等。本書沒有局限于只講設(shè)計,而是在講述我們怎么做產(chǎn)品,體驗設(shè)計如何為產(chǎn)品提供更好的服務(wù),為用戶解決需求,所以本書適合的閱讀人群比較廣泛。
第一類:互聯(lián)網(wǎng)領(lǐng)域的設(shè)計師、產(chǎn)品經(jīng)理、前端工程師、開發(fā)工程師等群體。
本書對于從事互聯(lián)網(wǎng)設(shè)計的設(shè)計師來說絕對是一個福音,我們將產(chǎn)品設(shè)計中遇到的各種疑難雜癥全部梳理出來,列出各種對應(yīng)的解決方法,總結(jié)出體驗設(shè)計細節(jié)的設(shè)計原則,幫助設(shè)計師從初級迅速進階到高級。
書中先從了解用戶的需求出發(fā),帶你慢慢融入體驗設(shè)計,再結(jié)合用戶的使用場景來做產(chǎn)品,每個階段都與產(chǎn)品經(jīng)理的工作深度相關(guān)。產(chǎn)品經(jīng)理需要是一個全能型選手,對設(shè)計和開發(fā)都要有所了解,才能把握好產(chǎn)品的方向,而這本書全面地講述了產(chǎn)品從無到有的設(shè)計過程,相信會對你大有裨益。
針對前端工程師和開發(fā)工程師來說,好產(chǎn)品要經(jīng)過團隊共同打磨,體驗設(shè)計的細節(jié)又都需要開發(fā)來實現(xiàn),很多設(shè)計原則就是技術(shù)結(jié)構(gòu)的底層邏輯。工程師們?nèi)绻私饬嗽O(shè)計的源頭,就大大減少了中間的溝通環(huán)節(jié),同時還能清晰地理解產(chǎn)品的設(shè)計邏輯。
第二類:企業(yè)管理者、項目經(jīng)理、團隊管理者等。
企業(yè)都是以產(chǎn)品為驅(qū)動,作為企業(yè)管理者、項目管理者,實時獲悉產(chǎn)品的動態(tài)可謂勢在必行。他們的一個決策可能會讓產(chǎn)品數(shù)據(jù)發(fā)生很大波動。本書從各個層面詮釋了產(chǎn)品的設(shè)計細節(jié)及其所造成的影響,幫助管理者更清晰地了解發(fā)展所處的階段,應(yīng)該制定什么樣的策略。
書中還講述了團隊管理的方法和技巧,深入到產(chǎn)品設(shè)計的各個細節(jié),跨部門溝通協(xié)作等,還總結(jié)了設(shè)計團隊經(jīng)常遇到的一些難題以及應(yīng)對的解決方案,可以對團隊管理提供一定的參考。
致謝(排名不分先后)
我們寫這本書,受到了《創(chuàng)新者的窘境》《在你身邊,為你設(shè)計》《參與感》等書籍的啟發(fā)。我們也想把我們團隊在做產(chǎn)品設(shè)計過程中遇到的問題,以及我們自己多年總結(jié)的設(shè)計經(jīng)驗分享給大家,期許能為大家提供一些參考。
感謝參與本書內(nèi)容編寫的霍冉冉、鐘秀、孫偉、王婷宇、楊茜茜、陳昕冉。沒有你們長時間的付出,就不可能有這本書的順利出版。感謝你們的陪伴與堅持。
感謝機械工業(yè)出版社的楊福川、佘廣、孫海亮、李藝及參與編輯的團隊人員,謝謝你們一直給予我們專業(yè)上的支持和幫助,保證了本書的順利出版。
感謝我的兒子David、女兒Jenny一直在為我提供體驗認知的實踐,感謝我的妻子Chris寶在身后默默地奉獻支持。你們是我堅強的后盾,感謝有你們,幫我一起完成了本書的寫作。
李偉巍
◆ 目錄 ◆
作者簡介
贊譽
序1
序2
前言
第1章 以用戶為中心的設(shè)計1
1.1 用戶需求的三個層級1
1.1.1 第一層級:痛點型需求2
1.1.2 第二層級:癢點型需求3
1.1.3 第三層級:興奮點型需求3
1.1.4 用戶需求的層次4
1.2 如何為用戶量體裁衣?5
1.2.1 用戶、需求、產(chǎn)品的關(guān)系5
1.2.2 沒有所有人,只有細分的群體7
1.2.3 接受用戶的多面性8
1.2.4 有的放矢地做好產(chǎn)品設(shè)計9
1.3 通過產(chǎn)品數(shù)據(jù)勾勒用戶畫像11
1.3.1 用戶畫像的3個維度11
1.3.2 建立信息畫像12
1.3.3 繪制行為畫像14
1.3.4 勾勒分群畫像16
1.3.5 驗證用戶畫像19
1.4 引導設(shè)計降低用戶成本21
1.4.1 引導行為產(chǎn)生的3要素21
1.4.2 引導設(shè)計的3種類型23
1.5 需求是個變量?26
1.5.1 搜狐的流量被侵蝕、用戶被分流27
1.5.2 產(chǎn)品伴隨用戶一起成長28
1.5.3 ?喜新厭舊?就是人性法則28
1.6 通過真實調(diào)研了解用戶29
1.6.1 為什么要做調(diào)研30
1.6.2 案例:如何做調(diào)研30
1.6.3 調(diào)研中的常見問題和經(jīng)驗總結(jié)35
第2章 有源設(shè)計37
2.1 設(shè)計語言的概念37
2.2 設(shè)計語言帶來的好處38
2.3 制定設(shè)計語言需要遵循6個設(shè)計原則40
2.4 設(shè)計語言推動評審案例43
2.5 數(shù)據(jù)驗證設(shè)計語言的方向44
第3章 區(qū)分不同載體的設(shè)計46
3.1 iOS和Android之間的差異46
3.2 設(shè)計風格的差異48
3.3 控件的6個差異54
3.4 WAP和App之間的差異64
3.4.1 屏幕尺寸的差異65
3.4.2 有效操作的設(shè)計差異66
3.4.3 設(shè)計像素的差別68
3.5 WAP和PC的差異68
第4章 利用競品做好設(shè)計73
4.1 競品的6個參考價值73
4.2 ?用戶體驗5要素?競品分析法74
4.3 學習競品的原則79
4.3.1 明確產(chǎn)品所處的階段79
4.3.2 產(chǎn)品功能分析80
4.3.3 體驗設(shè)計的亮點83
4.3.4 用戶使用評價形成的口碑85
4.3.5 創(chuàng)新變革才是硬道理86
4.4 競品里面的一些坑87
4.4.1 找差異化87
4.4.2 鑒別優(yōu)劣87
4.4.3 標新立異88
第5章 定制彈出層體驗設(shè)計90
5.1 彈出層的功能90
5.2 錯誤的彈窗91
5.3 彈窗分類93
5.3.1 模態(tài)彈窗93
5.3.2 非模態(tài)彈窗96
5.4 彈窗設(shè)計的6個原則97
5.4.1 輕打擾97
5.4.2 統(tǒng)風格98
5.4.3 優(yōu)設(shè)計99
5.4.4 同交互100
5.4.5 簡文案101
5.4.6 定制化103
第6章 情感化設(shè)計104
6.1 生活中的情感化設(shè)計105
6.2 產(chǎn)品中的圖標情感107
6.3 情感化圖標設(shè)計原則108
6.4 圖標設(shè)計技巧111
6.5 改版產(chǎn)品實戰(zhàn)115
第7章 列表設(shè)計119
7.1 為什么要使用列表119
7.2 列表類型120
7.2.1 功能列表120
7.2.2 內(nèi)容列表121
7.2.3 列表瀏覽的交互模式126
7.3 使用列表時遇到的問題129
7.3.1 縮略圖129
7.3.2 縮略圖的比例132
7.3.3 信息布局132
7.3.4 對齊間距134
7.3.5 分割線136
第8章 輕量化設(shè)計140
8.1 什么是輕量化設(shè)計141
8.2 為什么要輕?141
8.3 產(chǎn)品中的輕144
8.4 如何做到輕146
第9章 品牌設(shè)計150
9.1 品牌戰(zhàn)略的巨頭150
9.2 產(chǎn)品即體驗152
9.3 產(chǎn)品中的品牌設(shè)計153
9.4 品牌提升技巧157
第10章 聚焦設(shè)計的3大原則161
10.1 沉浸式設(shè)計162
10.1.1 心流理論162
10.1.2 沉浸體驗的理解163
10.1.3 沉浸體驗的應(yīng)用165
10.2 高效設(shè)計的10個原則167
10.3 簡單思維171
10.3.1 三個維度172
10.3.2 用戶不關(guān)心算法172
10.3.3 傻瓜式體驗174
10.3.4 別讓我思考176
10.3.5 生活中的簡單事例177
第11章 設(shè)計師的6個禁忌179
11.1 不要拿到需求就直接做179
11.2 不要忘了你才是設(shè)計師181
11.3 不要讓用戶只記住你的設(shè)計182
11.4 不要只顧著埋頭苦干184
11.5 不要隨波逐流185
11.6 不要認為團隊缺你不行186
第12章 用戶體驗場景188
12.1 用戶體驗場景的理解188
12.1.1 以用戶和產(chǎn)品為中心189
12.1.2 場景類型189
12.1.3 產(chǎn)品中結(jié)合場景的實例190
12.2 解構(gòu)用戶場景192
12.2.1 Who:用戶193
12.2.2 Where:空間193
12.2.3 When:時間194
12.2.4 Why:動機194
12.2.5 Service:服務(wù)195
12.3 場景中的情境類型196
12.3.1 環(huán)境情境197
12.3.2 人文情境198
12.3.3 特殊情境200
12.4 用戶場景的匹配204
12.4.1 正確匹配204
12.4.2 配得不恰當205
12.4.3 匹配錯誤206
12.4.4 產(chǎn)品中的場景匹配206
12.5 產(chǎn)品設(shè)計與用戶場景的結(jié)合209
12.5.1 基于對象209
12.5.2 匹配情境210
12.5.3 觸發(fā)行為212
12.6 測試驗證產(chǎn)品的使用場景213
12.6.1 產(chǎn)品測試要點213
12.6.2 狐首改版測試驗證場景案例216
第13章 團隊管理219
13.1 團隊管理工作219
13.1.1 人才招聘220
13.1.2 扮演角色221
13.1.3 管理分權(quán)222
13.1.4 公開激勵222
13.1.5 專業(yè)學習223
13.1.6 自我成長224
13.1.7 跨部協(xié)作224
13.2 激勵點心225
13.2.1 獨立對接項目需求226
13.2.2 分享互動學習體系226
13.2.3 工作環(huán)境227
13.2.4 晉升通道227
13.2.5 企業(yè)文化227
13.3 診療團隊的疑難雜癥228
13.3.1 偽需求229
13.3.2 運營需求232
13.3.3 設(shè)計規(guī)范233
附錄 設(shè)計師獨白238