如果產(chǎn)品經(jīng)理是個(gè)武林門派，那么拜入師門后首先要學(xué)習(xí)的不是具體的招式庄撮，編寫文檔背捌、繪制原型，而是本門的武功心法洞斯，學(xué)習(xí)產(chǎn)品設(shè)計(jì)的思維框架毡庆，理解產(chǎn)品設(shè)計(jì)的底層邏輯，這樣才能更好的指導(dǎo)具體的工作事務(wù)烙如。
今天么抗，我們一起來(lái)讀這本產(chǎn)品經(jīng)理心法，《用戶體驗(yàn)要素》亚铁。這本書出版于20年前蝇刀，當(dāng)時(shí)的互聯(lián)網(wǎng)世界遠(yuǎn)沒(méi)有今天這么繁華，而書中提到的用戶體驗(yàn)五要素模型卻非常經(jīng)典徘溢，至今仍然被各大互聯(lián)網(wǎng)公司產(chǎn)品經(jīng)理吞琐、UI設(shè)計(jì)師們廣泛應(yīng)用。但這本書也存在稍顯晦澀的翻譯問(wèn)題然爆，以及部分已不符合現(xiàn)在互聯(lián)網(wǎng)發(fā)展的內(nèi)容站粟，我將結(jié)合目前互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的現(xiàn)狀以及書中的五層分析框架，化繁為簡(jiǎn)曾雕，對(duì)本書進(jìn)行解讀奴烙。
這本書的副標(biāo)題，點(diǎn)出了產(chǎn)品設(shè)計(jì)的核心理念——以用戶為中心翻默！在產(chǎn)品開(kāi)發(fā)中的每一步缸沃，都要把用戶列入考慮范圍恰起。作者將設(shè)計(jì)用戶體驗(yàn)的工作分解為5大要素修械，也就是五個(gè)層面，分別是戰(zhàn)略層检盼、范圍層肯污、結(jié)構(gòu)層、框架層和表現(xiàn)層，他們由下至上環(huán)環(huán)相扣蹦渣、層層遞進(jìn)哄芜。對(duì)用戶來(lái)說(shuō)，他使用產(chǎn)品時(shí)是從上到下的順序來(lái)體驗(yàn)產(chǎn)品柬唯。而對(duì)產(chǎn)品團(tuán)隊(duì)來(lái)說(shuō)认臊，順序恰好相反，產(chǎn)品設(shè)計(jì)是自下而上锄奢、層層遞進(jìn)式的思考失晴、規(guī)劃產(chǎn)品，是一個(gè)從想法到實(shí)施拘央、從抽象到具體的過(guò)程涂屁。
我們以產(chǎn)品經(jīng)理的視角自下而上分別來(lái)看看五個(gè)層次，每個(gè)層次都從是什么灰伟、誰(shuí)來(lái)做拆又、輸出三方面來(lái)分析，首先是戰(zhàn)略層栏账。
戰(zhàn)略層需要回答“為什么做這個(gè)產(chǎn)品帖族？”
具體而言，企業(yè)通過(guò)這個(gè)產(chǎn)品要得到的是什么发笔？用戶通過(guò)這個(gè)產(chǎn)品要得到的是什么盟萨？首先找到企業(yè)和用戶的訴求，明確產(chǎn)品目標(biāo)了讨、用戶需求捻激。
這部分工作一般是由企業(yè)高層完成產(chǎn)品目標(biāo)，產(chǎn)品經(jīng)理深挖用戶痛點(diǎn)前计、理解用戶需求胞谭，在具體的工作中需要輸出BRD（Business Requirement Document，商業(yè)需求文檔）和MRD（Market Requirement Document男杈，市場(chǎng)需求文檔）文檔丈屹，涵蓋產(chǎn)品商業(yè)價(jià)值、用戶痛點(diǎn)伶棒、市場(chǎng)競(jìng)爭(zhēng)態(tài)勢(shì)等旺垒。
舉個(gè)例子，微信讀書這款A(yù)PP在戰(zhàn)略層肤无，騰訊要得到的是：通過(guò)微信讀書先蒋，完善文娛產(chǎn)品生態(tài)，提升品牌形象及品牌忠誠(chéng)度宛渐；用戶要得到的是竞漾，閱讀喜歡的文字內(nèi)容眯搭，實(shí)現(xiàn)精神滿足與自我提升。
戰(zhàn)略層之上是范圍層业岁，范圍層需要回答“產(chǎn)品要做哪些功能鳞仙？
在明確戰(zhàn)略的基礎(chǔ)上，范圍層需要把抽象的戰(zhàn)略拆解為具體的產(chǎn)品需求笔时，并轉(zhuǎn)化為踏實(shí)可見(jiàn)的產(chǎn)品功能與內(nèi)容棍好，最終獲得一份產(chǎn)品的功能清單。這是產(chǎn)品經(jīng)理的核心工作之一允耿，需要將確定的產(chǎn)品功能落實(shí)在PRD（Product Requirement Document梳玫，產(chǎn)品需求文檔）文檔中，清晰描述產(chǎn)品功能架構(gòu)右犹、各板塊需求說(shuō)明等提澎。
舉個(gè)例子，在范圍層念链，針對(duì)用戶盼忌，微信讀書需要解決通過(guò)互聯(lián)網(wǎng)閱讀書籍的問(wèn)題，具體拆分為找書掂墓、存書谦纱、讀書、做筆記等需求君编，于是相應(yīng)的跨嘉，設(shè)計(jì)出了找書的書城、存書的書架吃嘿、讀書的筆記等功能祠乃。
范圍層之上是結(jié)構(gòu)層，結(jié)構(gòu)層需要完成“以用戶體驗(yàn)最優(yōu)的方式組織各功能”兑燥。
范圍層已經(jīng)梳理了產(chǎn)品的功能清單亮瓷，但現(xiàn)在所有功能是分散的、沒(méi)有主次和章法的降瞳，結(jié)構(gòu)層采用不同的信息架構(gòu)嘱支、流程設(shè)計(jì)，將清單中扁平的功能串聯(lián)起來(lái)挣饥，變得立體除师。具體來(lái)說(shuō)，表現(xiàn)為產(chǎn)品有哪些頁(yè)面扔枫，功能如何在各個(gè)頁(yè)面分布汛聚，各個(gè)頁(yè)面是如何跳轉(zhuǎn)的等等。一個(gè)好的結(jié)構(gòu)能夠讓產(chǎn)品用起來(lái)順手茧吊，讓用戶擁有流暢贞岭、高效、清晰的“行動(dòng)路線”搓侄。這在產(chǎn)品經(jīng)理的工作中瞄桨，需要落實(shí)在PRD（Product Requirement Document，產(chǎn)品需求文檔）文檔中讶踪，包括產(chǎn)品結(jié)構(gòu)芯侥、信息架構(gòu)、頁(yè)面流程等乳讥。
繼續(xù)看微信讀書的結(jié)構(gòu)層柱查，微信讀書使用邏輯清晰的層級(jí)結(jié)構(gòu)，構(gòu)建了“5個(gè)主頁(yè)面+4個(gè)核心頁(yè)面+N個(gè)延伸頁(yè)面”的結(jié)構(gòu)云石，主頁(yè)面覆蓋了找書唉工、存書、找文章汹忠、賬戶管理四個(gè)主要場(chǎng)景淋硝，核心頁(yè)面服務(wù)于讀書、讀文章這兩大用戶的核心訴求宽菜，整個(gè)產(chǎn)品架構(gòu)簡(jiǎn)潔谣膳、清晰、高效铅乡。
結(jié)構(gòu)層之上是框架層继谚，框架層需要完成“以用戶操作體驗(yàn)最優(yōu)的方式布局頁(yè)面元素”。
每個(gè)頁(yè)面的流轉(zhuǎn)關(guān)系與功能分布已經(jīng)由結(jié)構(gòu)層梳理完成阵幸，框架層在此基礎(chǔ)上花履，考慮頁(yè)面的元素布局與交互關(guān)系，產(chǎn)品經(jīng)理根據(jù)每個(gè)頁(yè)面的功能和特點(diǎn)挚赊，去擺放各個(gè)組件臭挽，包括按鈕、表格咬腕、照片欢峰、文本等元素，最終輸出產(chǎn)品原型圖涨共。
那微信讀書的框架層是怎么設(shè)計(jì)的呢纽帖，以“書城”頁(yè)面為例，頁(yè)面標(biāo)題與搜索欄位于頁(yè)面頂部举反，然后是8個(gè)分類導(dǎo)航懊直。除此之外“猜你喜歡”部分成了書城頁(yè)面的視覺(jué)焦點(diǎn)，再往下就是不同維度火鼻、不同分類的書籍推薦室囊。該頁(yè)面自上而下雕崩、以瀑布流的形式對(duì)各元素進(jìn)行布局，符合手機(jī)端用戶的瀏覽習(xí)慣融撞，層次分明盼铁、邏輯清晰的設(shè)置了各類元素。
框架層之上是表現(xiàn)層尝偎，表現(xiàn)層需要完成“以用戶感知體驗(yàn)最優(yōu)的方式設(shè)計(jì)頁(yè)面”饶火。
表現(xiàn)層是用戶最終接觸到的層面，在表現(xiàn)層需要實(shí)現(xiàn)其他四個(gè)層面的所有目標(biāo)致扯，并同時(shí)滿足用戶的感受肤寝。具體來(lái)說(shuō)，用戶接觸到互聯(lián)網(wǎng)產(chǎn)品時(shí)抖僵，產(chǎn)品的頁(yè)面排版鲤看、背景顏色、圖標(biāo)樣式耍群、圖片質(zhì)感等視覺(jué)感受刨摩，以及APP中操作的音效、震動(dòng)等聽(tīng)覺(jué)與觸覺(jué)感受等世吨，這些都是服務(wù)于用戶感知的表現(xiàn)層澡刹。日常工作中，由UI設(shè)計(jì)師完成耘婚，最終輸出高保真原型圖罢浇，以及視覺(jué)切圖。
再看微信讀書沐祷，他在表現(xiàn)層延續(xù)了微信干凈嚷闭、簡(jiǎn)潔的風(fēng)格，微信讀書整體采用扁平化的設(shè)計(jì)風(fēng)格赖临，化繁為簡(jiǎn)胞锰、去除冗余，采用大卡片式的布局兢榨，利用留白直觀突出書籍嗅榕，所有頁(yè)面沒(méi)有過(guò)多的裝飾，從視覺(jué)層面讓用戶沉浸在讀書的氛圍中吵聪。
總的來(lái)說(shuō)凌那，用戶體驗(yàn)五要素這套經(jīng)典的產(chǎn)品設(shè)計(jì)思維模型拒秘，每位產(chǎn)品經(jīng)理都要銘記于心辈灼，潛心修煉，讓產(chǎn)品更好的服務(wù)每一個(gè)用戶纯赎。最后块攒，讓我們一起來(lái)復(fù)習(xí)一下用戶體驗(yàn)五要素的心法要訣“一切以用戶為中心励稳，戰(zhàn)略層佃乘，確定目標(biāo)、范圍層驹尼，梳理功能清單趣避、結(jié)構(gòu)層，明確頁(yè)面流轉(zhuǎn)扶欣、框架層，精準(zhǔn)布局元素千扶、表現(xiàn)層料祠，完成視覺(jué)呈現(xiàn)”。
全書完整思維導(dǎo)圖
