產(chǎn)品經(jīng)理知識(shí)體系根據(jù)產(chǎn)品全生命周期共分為五個(gè)階段：idea管理、需求管理、精益產(chǎn)品設(shè)計(jì)、產(chǎn)品研發(fā)、產(chǎn)品運(yùn)營。本文是系列文章的第三篇：精益產(chǎn)品設(shè)計(jì)。良好的產(chǎn)品設(shè)計(jì)，能夠塑造良好的用戶體驗(yàn)，將很大程度上提高用戶的滿意度。

用戶體驗(yàn)和UCD

當(dāng)你早上醒來時(shí)發(fā)現(xiàn)陽光已經(jīng)照進(jìn)你的窗戶，然而手機(jī)鬧鐘并沒有響，你打開手機(jī)發(fā)現(xiàn)手機(jī)鈴聲被調(diào)成了震動(dòng)，手機(jī)上的時(shí)間告訴你如果你不想被扣工資，就必須在十分鐘之內(nèi)出門。好不容易跑到地鐵站發(fā)現(xiàn)公交卡里面沒有錢，走到自動(dòng)充值機(jī)發(fā)現(xiàn)暫停充值服務(wù)只能去人工窗口排隊(duì)。終于進(jìn)了地鐵站卻被告知地鐵線路信號(hào)故障，不得已你只好打車去上班，最終的結(jié)果就是你花了不少打車費(fèi)但是還是遲到了。

相信很多人都經(jīng)歷過這其中的所有或者其中的某一件事情，那么這種又花錢又扣錢的事情是否可以避免呢？

如果地鐵設(shè)計(jì)時(shí)可以將信號(hào)預(yù)警機(jī)制以及故障自動(dòng)修復(fù)機(jī)制完善的更好，可能就不會(huì)產(chǎn)生因?yàn)樾盘?hào)故障導(dǎo)致長時(shí)間交通限制的狀況發(fā)生。

如果自動(dòng)充值機(jī)不會(huì)暫停服務(wù)也許你就可以更快的充值進(jìn)入地鐵站發(fā)現(xiàn)地鐵故障，其實(shí)經(jīng)常出現(xiàn)的故障時(shí)因?yàn)槌渲禉C(jī)沒有很好的引導(dǎo)乘客正常充值，錯(cuò)誤的充值方式經(jīng)常導(dǎo)致充值機(jī)發(fā)生故障。

如果手機(jī)沒有被調(diào)成震動(dòng)，那么鈴聲正常叫醒你也許就不會(huì)發(fā)生著一些列的事情。手機(jī)鬧鐘沒有響是因?yàn)殁徛暠徽{(diào)成了震動(dòng)，而手機(jī)并沒有提醒你鬧鐘也會(huì)變成震動(dòng)。

生活中會(huì)使用各種各樣的產(chǎn)品或服務(wù)，如何產(chǎn)品的設(shè)計(jì)更符合我們的使用習(xí)慣，讓我們可以正確使用或者發(fā)現(xiàn)其中的問題，那么很多本可以不發(fā)生的事情都可以避免。

用戶在使用產(chǎn)品或服務(wù)過程中與產(chǎn)品或服務(wù)發(fā)生交互動(dòng)作的這個(gè)過程就是我們經(jīng)常說到的用戶體驗(yàn)。ISO標(biāo)準(zhǔn)中對用戶體驗(yàn)的定義為：“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。簡單來說就是產(chǎn)品好不好用，用戶使用起來方不方便。

近年來用戶體驗(yàn)設(shè)計(jì)在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中尤為被重視，因?yàn)楫a(chǎn)品或服務(wù)被創(chuàng)造出來最終的目標(biāo)就是為人使用、為人服務(wù)。那么產(chǎn)品的好與壞就取決于用戶使用感受。

用戶體驗(yàn)設(shè)計(jì)與產(chǎn)品設(shè)計(jì)有什么關(guān)系呢？準(zhǔn)確來說，用戶體驗(yàn)設(shè)計(jì)是產(chǎn)品設(shè)計(jì)當(dāng)中必須考慮的一個(gè)因素，用戶體驗(yàn)設(shè)計(jì)屬于產(chǎn)品設(shè)計(jì)中的一部分。

正因?yàn)橛脩趔w驗(yàn)設(shè)計(jì)的日益流行，也誕生了以用戶為中心的設(shè)計(jì)簡稱UCD，指在產(chǎn)品設(shè)計(jì)以及開發(fā)過程中的每一步都要將用戶列入考慮因素。

用戶體驗(yàn)設(shè)計(jì)也好、UCD也好，無一例外都是將用戶當(dāng)作產(chǎn)品設(shè)計(jì)與開發(fā)當(dāng)中重要的環(huán)節(jié)，之所以在產(chǎn)品設(shè)計(jì)這一章的開始先來說用戶體驗(yàn)，就是希望大家在接下來的閱讀中無論在產(chǎn)品設(shè)計(jì)流程中的哪一步都不要忘記用戶體驗(yàn)。

這里列出四條周鴻祎關(guān)于用戶體驗(yàn)設(shè)計(jì)的建議：

1. 用戶體驗(yàn)的核心是用戶需求
2. 要超出用戶預(yù)期，能夠給用戶帶來驚喜
3. 好的用戶體驗(yàn)要能夠給用戶感知
4. 好的用戶體驗(yàn)從細(xì)節(jié)開始，并貫穿每一個(gè)細(xì)節(jié)

精益產(chǎn)品設(shè)計(jì)流程

在之前我們獲得了需求并且對需求進(jìn)行了優(yōu)先級(jí)排序，明確了第一個(gè)版本產(chǎn)品都需要實(shí)現(xiàn)哪些需求，接下來就要將需求變成具體的產(chǎn)品功能以及產(chǎn)品原型，形成一個(gè)具象化的產(chǎn)品了。關(guān)于產(chǎn)品設(shè)計(jì)流程，在這里我將它分成了五個(gè)環(huán)節(jié)：規(guī)則設(shè)計(jì)、功能設(shè)計(jì)、流程設(shè)計(jì)、架構(gòu)設(shè)計(jì)以及原型設(shè)計(jì)。

規(guī)則設(shè)計(jì)

規(guī)則就相當(dāng)于產(chǎn)品的玩法，需要明確產(chǎn)品是什么、產(chǎn)品如何運(yùn)作以及用戶如何使用產(chǎn)品或功能。在規(guī)則設(shè)計(jì)階段，你要完成兩個(gè)主要問題的回答：產(chǎn)品是什么？用戶如何使用產(chǎn)品？

產(chǎn)品的規(guī)則相當(dāng)于產(chǎn)品的核心業(yè)務(wù)邏輯，拿百度外賣舉例來說，用戶通過百度外賣APP下單，商家通過百度外賣APP接單進(jìn)行食物制作，然后通知百度騎士進(jìn)行配送，最后百度騎士將外賣送達(dá)到用戶手中完成整個(gè)業(yè)務(wù)閉關(guān)。這個(gè)業(yè)務(wù)邏輯就是產(chǎn)品的規(guī)則，它清晰的解釋了產(chǎn)品是什么以及用戶如何使用的問題，讓產(chǎn)品經(jīng)理自己以及團(tuán)隊(duì)中的其他成員可以清楚了解產(chǎn)品的規(guī)則。

功能設(shè)計(jì)

功能設(shè)計(jì)就是將規(guī)則設(shè)計(jì)中所描述的規(guī)則進(jìn)行細(xì)化和完善，形成具體的產(chǎn)品功能。在規(guī)則設(shè)計(jì)階段我們只是明確了產(chǎn)品是什么以及用戶如何使用，但是具體涉及到產(chǎn)品的哪些功能，還需要在功能設(shè)計(jì)階段將規(guī)則具體化、功能化。

在進(jìn)行功能設(shè)計(jì)過程中，除了要考慮前面我們制定的規(guī)則外，還有幾個(gè)方面是我們應(yīng)該考慮的：

用戶需求：我們的功能就是為了滿足用戶需求而設(shè)計(jì)的，所以在功能設(shè)計(jì)時(shí)要充分考慮用戶需求，以人為本，以滿足用戶需求為第一目標(biāo)。

用戶任務(wù)：用戶任務(wù)就是用戶通過使用產(chǎn)品而完成某一個(gè)既定目標(biāo)，在功能設(shè)計(jì)時(shí)要考慮到用戶在完成任務(wù)路徑上會(huì)做什么，如何讓用戶更快、更容易完成任務(wù)。

使用場景：要考慮到用戶在什么場景下使用產(chǎn)品或功能，如PC端個(gè)人狀態(tài)分享時(shí)會(huì)以文字、圖片為主，而在移動(dòng)端如微信在朋友圈進(jìn)行分享根據(jù)用戶的使用場景在圖片、文字基礎(chǔ)上又加入了小視頻這種符合用戶使用場景的功能。

技術(shù)限制：不是所有的功能都能被開發(fā)團(tuán)隊(duì)所實(shí)現(xiàn)，很多時(shí)候功能的可實(shí)現(xiàn)性都很大程度上依賴于技術(shù)能力，在功能設(shè)計(jì)時(shí)要考慮功能技術(shù)上的可實(shí)現(xiàn)性。

競品，對競品的功能分析也是我們在功能設(shè)計(jì)上常用的一種方式，通過對競品功能的分析取長補(bǔ)短，完善我們的功能設(shè)計(jì)。

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

產(chǎn)品流程是描述產(chǎn)品或功能是如何具體運(yùn)行的，讓開發(fā)團(tuán)隊(duì)了解產(chǎn)品運(yùn)行機(jī)制。

流程設(shè)計(jì)方法論：

1.回歸業(yè)務(wù)邏輯

業(yè)務(wù)邏輯是從業(yè)務(wù)即具體使用人的角度對某個(gè)任務(wù)執(zhí)行過程的描述，而流程就是對業(yè)務(wù)邏輯的流程化體現(xiàn)，所以在進(jìn)行流程設(shè)計(jì)前要先明確業(yè)務(wù)邏輯，這樣設(shè)計(jì)出來的流程會(huì)與實(shí)際相符合。

2.明確用戶與任務(wù)

明確每一個(gè)流程中具體的用戶是誰以及任務(wù)是什么。

3.開始與結(jié)束

明確流程從哪里開始、到哪里結(jié)束，一般情況下流程只會(huì)有一個(gè)開始和一個(gè)結(jié)束。

4.參與角色

有時(shí)流程中可能不止一個(gè)參與角色，這時(shí)就要梳理清楚不同角色執(zhí)行任務(wù)的順序以及協(xié)作過程，通常對于多角色參與的流程可采用泳道圖（流程圖的一種）進(jìn)行流程展現(xiàn)。

5.明確順序及異常情況

明確流程的執(zhí)行順序，在流程中如果遇到用戶執(zhí)行錯(cuò)誤的操作或者系統(tǒng)發(fā)現(xiàn)異常如何處理也是要在流程設(shè)計(jì)中考慮清楚的。

6.優(yōu)化、調(diào)整

完成流程設(shè)計(jì)后可以找業(yè)務(wù)專家或者真實(shí)用戶參與測試或建議，對業(yè)務(wù)流程進(jìn)行優(yōu)化或調(diào)整。

7.輸出文檔

最終形成業(yè)務(wù)完善的流程圖。

架構(gòu)設(shè)計(jì)

架構(gòu)設(shè)計(jì)設(shè)計(jì)是將產(chǎn)品的功能和內(nèi)容有序的組織在一起，讓用戶更容易找到自己想要的內(nèi)容，可以通過入口的安排、內(nèi)容組織傳達(dá)、突出某些信息給用戶。在這里主要是對功能內(nèi)容的組織以及框架選擇兩方面內(nèi)容。

在對功能和內(nèi)容的組織時(shí)，通常會(huì)參考以下幾個(gè)因素：

用戶的理解：在進(jìn)行內(nèi)容、功能組織的時(shí)候要充分考慮用戶思維，按照用戶理解的方式對功能進(jìn)行分類組織。如果對功能的組織分類把握不準(zhǔn)，可以采用卡片分類法加以判斷。卡片分類法先將產(chǎn)品的所有功能寫在一張張卡片上，然后邀請目標(biāo)用戶來對卡片進(jìn)行分類，最終得到的結(jié)果就是從用戶的角度所理解的產(chǎn)品功能組織方式，在進(jìn)行功能組織的時(shí)候可以參考卡片分類的結(jié)果進(jìn)行功能與內(nèi)容的組織。

功能和內(nèi)容使用頻次：在進(jìn)行功能和內(nèi)容的組織時(shí)，考慮用戶對功能以及內(nèi)容的使用頻次，將高頻次的功能與內(nèi)容放在用戶更容易找到的地方。

產(chǎn)品的核心功能：產(chǎn)品的核心功能要放在突出的位置，讓用戶可以快速發(fā)現(xiàn)并且方便使用。

關(guān)于框架的選擇：

移動(dòng)端APP的產(chǎn)品框架就相當(dāng)于Web端的導(dǎo)航，讓用戶可以明確自己目前在哪，從哪來，可以去哪里。目前比較流行的框架有如下幾種：

1.Tab式

可以看到淘寶底部的tab式框架，用戶在使用時(shí)可以輕松切換tab標(biāo)簽來實(shí)現(xiàn)不同內(nèi)容的查看以及任務(wù)的完成。Tab式框架是目前主流產(chǎn)品所采用的方式，同樣一款框架有優(yōu)勢也必然有劣勢。

優(yōu)點(diǎn)：

• 主要功能突出，用戶不需要尋找
• 方便各功能入口間頻繁切換

缺點(diǎn)：

• 功能過多時(shí)，均放在tab導(dǎo)航會(huì)顯得過于笨重
• 沉浸式體驗(yàn)不足

2.抽屜式

網(wǎng)易云音樂就是抽屜式框架的代表之一，將不同功能模塊的切換隱藏在APP的左上角，點(diǎn)開后才會(huì)展現(xiàn)不同功能模塊的選項(xiàng)。

優(yōu)點(diǎn)：

• 給內(nèi)容也足夠展示空間，營造沉浸式體驗(yàn)
• 拓展性好，側(cè)邊欄可以提供更多功能入口展示空間

缺點(diǎn)：

• 主要功能入口不夠突出
• 切換入口需要二次點(diǎn)擊

3.跳板式

跳板式指產(chǎn)品的功能在首頁面上以一個(gè)個(gè)面板的形式展現(xiàn)，用戶可根據(jù)自己的目標(biāo)選擇相應(yīng)面板功能跳轉(zhuǎn)至相關(guān)功能頁面，這其中美圖秀秀是這一類框架的典型代表。

優(yōu)點(diǎn)：

• 清晰展現(xiàn)各個(gè)入口
• 可以展示多個(gè)入口

缺點(diǎn)：

• 重點(diǎn)功能不夠突出
• 各個(gè)入口間跳轉(zhuǎn)不靈活

4.列表式

列表式框架在內(nèi)容類產(chǎn)品中應(yīng)用的更為廣泛，內(nèi)容型產(chǎn)品以提供用戶信息為主，將信息以列表的形式展現(xiàn)給用戶，讓用戶可以獲取更多內(nèi)容。

優(yōu)點(diǎn)：

• 內(nèi)容層次清晰
• 可展示內(nèi)容多

缺點(diǎn)：

• 內(nèi)容過多時(shí)，無法突出重點(diǎn)內(nèi)容

5.結(jié)合式（推薦）

上述四種框架結(jié)構(gòu)是目前移動(dòng)應(yīng)用所采用的主流方式，如果你有過很多產(chǎn)品的使用經(jīng)驗(yàn)?zāi)銜?huì)發(fā)現(xiàn)，其實(shí)每款A(yù)PP并不是只應(yīng)用了這其中的某一種，而是根據(jù)產(chǎn)品的特點(diǎn)選用了其中的某幾種組合使用，如上面提到的知乎日報(bào)的例子，在內(nèi)容展現(xiàn)上采用了列表式框架，在產(chǎn)品功能模塊上就采用了抽屜式框架進(jìn)行輔助。

所以，根據(jù)產(chǎn)品的特性，有針對性的對框架進(jìn)行組合，會(huì)讓產(chǎn)品架構(gòu)更加符合用戶的目標(biāo)，框架的樣式不是重點(diǎn)，重要的是讓用戶可以更容易找到自己想要的功能與內(nèi)容。

原型設(shè)計(jì)

原型設(shè)計(jì)指對最終產(chǎn)品個(gè)頁面內(nèi)容簡單呈現(xiàn)，是將產(chǎn)品需求整合后的產(chǎn)品化體現(xiàn)以及用戶將如何與產(chǎn)品發(fā)生交互。原型是產(chǎn)品經(jīng)理要完成的關(guān)于對產(chǎn)品構(gòu)思的形象化文檔，為后續(xù)的交互設(shè)計(jì)師、開發(fā)團(tuán)隊(duì)提供參考。

原型的作用：

• 整理自己想法和思路具象化手段
• 幫助你將你的構(gòu)想傳達(dá)給交互以及開發(fā)團(tuán)隊(duì)
• 開發(fā)團(tuán)隊(duì)的參考文檔

原型設(shè)計(jì)流程：

1. 根據(jù)信息架構(gòu)圖，明確產(chǎn)品的功能模塊
2. 規(guī)劃用戶任務(wù)路徑，明確用戶任務(wù)過程中需要的功能點(diǎn)
3. 明確用戶任務(wù)路徑上的具體頁面，將功能點(diǎn)與頁面進(jìn)行匹配
4. 形成頁面流程圖
5. 完成具體頁面設(shè)計(jì)

關(guān)于原型設(shè)計(jì)的幾點(diǎn)建議：

• 不糾結(jié)繪制工具，原型繪制的工具很多Axure、墨刀、PS、Sketch等等數(shù)不勝數(shù)，在這里不要糾結(jié)使用哪種軟件更有逼格，只要能把產(chǎn)品的構(gòu)想完整表達(dá)出來就行。
• 不追求高保真，關(guān)于產(chǎn)品原型的完成程度以及交互細(xì)節(jié)，產(chǎn)品原型一般有低保真（簡單線框圖）和高保真（帶有復(fù)雜交互動(dòng)作的線框圖），網(wǎng)上關(guān)于原型交互的教程也很多，但是在這里我想說明的是與其將時(shí)間用來制作高保真原型，不如用更多的時(shí)間研究如何讓產(chǎn)品的用戶體驗(yàn)更好，更符合用戶的使用習(xí)慣。
• 不過度設(shè)計(jì)，在進(jìn)行產(chǎn)品功能設(shè)計(jì)時(shí)要充分考慮目前市場上流行產(chǎn)品的用戶使用習(xí)慣，除非你要做一個(gè)革命性的創(chuàng)新，否則最好還是按照主流用戶習(xí)慣進(jìn)行產(chǎn)品功能以及流程設(shè)計(jì)。

案例實(shí)戰(zhàn)

BestProduct規(guī)則設(shè)計(jì)

BestProduct的初衷就是通過系統(tǒng)提供優(yōu)秀產(chǎn)品供用戶點(diǎn)評(píng)，提高用戶對產(chǎn)品的感知以及提升用戶的產(chǎn)品能力。

BestProduct核心業(yè)務(wù)邏輯

BestProduct功能設(shè)計(jì)

在需求優(yōu)先級(jí)選擇時(shí)，就已經(jīng)明確了產(chǎn)品的功能，BestProduct中的核心功能以產(chǎn)品點(diǎn)評(píng)及點(diǎn)評(píng)評(píng)論為主，其他功能也都是圍繞核心功能進(jìn)行展開的。

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

在這里列出了產(chǎn)品基礎(chǔ)功能登陸、注冊流程以及核心功能產(chǎn)品點(diǎn)評(píng)、點(diǎn)評(píng)評(píng)論流程。

登陸、注冊流程：

產(chǎn)品點(diǎn)評(píng)、點(diǎn)評(píng)評(píng)論流程：

BestProduct框架選擇：

產(chǎn)品初期的功能模塊只有三個(gè)：首頁、發(fā)現(xiàn)、我，所以在選擇產(chǎn)品框架是采用了主流的Tab式框架，方便用戶在三個(gè)功能模塊間快速切換。發(fā)現(xiàn)模塊的功能是對往期產(chǎn)品的展現(xiàn)，所以在這個(gè)模塊中選用了列表式的框架作為輔助框架。

BestProduct原型設(shè)計(jì)：

原型設(shè)計(jì)采用了低保真的線框圖，對基礎(chǔ)的登陸、注冊頁面，核心功能頁面以及三大模塊頁面進(jìn)行了展現(xiàn)。

頁面框架圖

登陸注冊頁面

原型頁面中相關(guān)邏輯規(guī)則、交互規(guī)則的注釋以及說明，因相對復(fù)雜，所以沒有在本文體現(xiàn)，有興趣的同學(xué)可以下載本文中的需求文檔學(xué)習(xí)具體內(nèi)容。

在評(píng)論中留下你的郵箱，我會(huì)在第一時(shí)間將原版需求文檔發(fā)給你。

相關(guān)閱讀：

《產(chǎn)品經(jīng)理知識(shí)體系之idea管理》

《產(chǎn)品經(jīng)理知識(shí)體系之需求管理》

作者：記小憶，公眾號(hào)：PM龍門陣。

本文由 @記小憶 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。