- 簡(jiǎn)介
哲思1
產(chǎn)品設(shè)計(jì)-產(chǎn)品設(shè)計(jì)五要素
本文介紹了經(jīng)常用于產(chǎn)品設(shè)計(jì)、分析過(guò)程中一種比較底層的方法論，從五個(gè)層面幫助設(shè)計(jì)師對(duì)產(chǎn)品有一個(gè)整體的認(rèn)識(shí)和細(xì)節(jié)的分解。這一方法論通常應(yīng)用于需求分析之后，實(shí)際展開設(shè)計(jì)之前，根據(jù)已有的需求分析，確立后期的設(shè)計(jì)規(guī)劃及內(nèi)容。
概念介紹
產(chǎn)品設(shè)計(jì)五要素分別是：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。自上而下的分析可用來(lái)分析已有的產(chǎn)品，自下而上分析則可以用來(lái)創(chuàng)造新的產(chǎn)品。下面是各個(gè)層級(jí)所包括的內(nèi)容：
戰(zhàn)略層：產(chǎn)品目標(biāo)和用戶需求（做什么、為誰(shuí)做？）
范圍層：功能及其內(nèi)容需求整合（需要做哪些？）
結(jié)構(gòu)層：交互設(shè)計(jì)及其信息架構(gòu)（怎樣做？）
框架層：界面、導(dǎo)航設(shè)計(jì)和內(nèi)容設(shè)計(jì)（要做成什么樣子？）
表現(xiàn)層：功能及內(nèi)容的視覺呈現(xiàn)（做成了什么樣子？）
產(chǎn)品設(shè)計(jì)的五層結(jié)構(gòu)
下面詳細(xì)說(shuō)明一下每一層所包含的內(nèi)容：
戰(zhàn)略層
整個(gè)產(chǎn)品設(shè)計(jì)、研發(fā)周期很長(zhǎng)，戰(zhàn)略層可以理解為產(chǎn)品設(shè)計(jì)的主要目的，通常來(lái)自于用戶需求或是企業(yè)的產(chǎn)品目標(biāo)。
用戶需求：特定的人在特定的情況下產(chǎn)生了特定的問題，并且這種問題是可以被解決的，就可以把它叫做需求。此外，需求通常來(lái)自于痛點(diǎn)、癢點(diǎn)，旨在幫助用戶解決某個(gè)亟待解決的問題
產(chǎn)品目標(biāo)：產(chǎn)品目標(biāo)可以理解為商業(yè)目標(biāo)，包括產(chǎn)品的預(yù)期利潤(rùn)、用戶數(shù)等
用戶需求決定了產(chǎn)品的原則，而產(chǎn)品目標(biāo)則更傾向于產(chǎn)品的定位。
范圍層
戰(zhàn)略決定范圍，功能承載產(chǎn)品價(jià)值，范圍層是為了實(shí)現(xiàn)戰(zhàn)略層意圖。
在范圍層，從討論戰(zhàn)略層面的抽象問題——“為什么要開發(fā)這個(gè)產(chǎn)品”——轉(zhuǎn)而變?yōu)椤拔覀円_發(fā)的是什么”——功能和需求的收集篩選。 進(jìn)行需求采集、分析工作，明確產(chǎn)品應(yīng)該具體提供哪些內(nèi)容及功能，以及提供內(nèi)容、功能的先后順序，從而落實(shí)成具體的需求文檔。
結(jié)構(gòu)層
在結(jié)構(gòu)層，需要考慮兩個(gè)問題：“交互設(shè)計(jì)”和“信息架構(gòu)”。
交互設(shè)計(jì)：根據(jù)用戶的操作，產(chǎn)品給予用戶何種反饋
信息架構(gòu)：所要表達(dá)信息的呈現(xiàn)、組織方式
交互設(shè)計(jì)關(guān)注那些影響用戶執(zhí)行和完成任務(wù)的元素。也就是交互設(shè)計(jì)關(guān)注與“可能的用戶行為”，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過(guò)程，對(duì)產(chǎn)品而言，信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義。
此外，好的交互設(shè)計(jì)與信息架構(gòu)的設(shè)計(jì)，更是為了降低用戶的認(rèn)知、學(xué)習(xí)成本，盡可能的讓用戶直接地體驗(yàn)核心的功能。
框架層
經(jīng)過(guò)了上面的結(jié)構(gòu)層，我們可以看到，我們只是對(duì)產(chǎn)品的交互方式和內(nèi)容組織方式進(jìn)行了一個(gè)大概的設(shè)計(jì)。那么在框架層，就需要進(jìn)一步地進(jìn)行設(shè)計(jì)了。框架層包含了：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)以及信息設(shè)計(jì)。
界面設(shè)計(jì)：選擇合適的界面交互控件，幫助用戶易于理解其含義，又能夠讓用戶借助于此來(lái)實(shí)現(xiàn)具體功能
導(dǎo)航設(shè)計(jì)：讓用戶明確當(dāng)前的位置、狀態(tài)，提供用戶訪問其他功能(頁(yè)面)的路徑
信息設(shè)計(jì)：信息設(shè)計(jì)將各種設(shè)計(jì)元素粘合在一起，并呈現(xiàn)出來(lái)，讓用戶很好地理解和使用它們。
在產(chǎn)品設(shè)計(jì)中，經(jīng)常用到線框圖。線框圖可以將上述的界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)的三者有效結(jié)合，并通過(guò)草圖的形式展現(xiàn)出來(lái)，是產(chǎn)品的雛形和大體形態(tài)。需要注意的是，線框圖與產(chǎn)品原型不同，原型是對(duì)線框圖的更細(xì)致描述的產(chǎn)品體現(xiàn)，包括了一定的交互及高精度的藝術(shù)設(shè)計(jì)，而線框圖則是靜態(tài)的，更傾向于表現(xiàn)各部分之間的連接。
表現(xiàn)層
表現(xiàn)層是用戶真真切切地可以感受到的產(chǎn)品外在，也用戶直接可視的一層。在這里先前的內(nèi)容、功能和美學(xué)匯集到一起來(lái)產(chǎn)生一個(gè)最終設(shè)計(jì)，從而滿足其他層面的所有目標(biāo)。可以充分研究和利用用戶的感知方式，通過(guò)設(shè)計(jì)產(chǎn)品的配色、排版、風(fēng)格等，將產(chǎn)品的風(fēng)格完整呈獻(xiàn)給用戶。并且能夠帶給用戶流暢的使用路徑，并且為用戶提供有效的、可選擇的“引導(dǎo)”。
另外：
產(chǎn)品的戰(zhàn)略層設(shè)計(jì)應(yīng)當(dāng)是靈活的，在其他層次的設(shè)計(jì)過(guò)程中，可以回過(guò)頭改進(jìn)戰(zhàn)略層的設(shè)計(jì)
線框圖、原型設(shè)計(jì)，能夠有效的向團(tuán)隊(duì)中的其他人傳達(dá)設(shè)計(jì)者所要表達(dá)的效果，但高保真度的原型有時(shí)會(huì)限制設(shè)計(jì)的思路
在分析、解構(gòu)其他產(chǎn)品的時(shí)候，可以遵循表現(xiàn)層->框架層->結(jié)構(gòu)層->范圍層->戰(zhàn)略層的順序，從表面設(shè)計(jì)開始，挖掘產(chǎn)品的核心戰(zhàn)略、功能。
（鳴謝Rothy，版權(quán)歸原創(chuàng)作者所有。）
哲思2
如何進(jìn)行產(chǎn)品設(shè)計(jì)？
2016屆58的校招生，產(chǎn)品新人一個(gè)。最近聽了公司的校招生產(chǎn)品課程，其中有講到產(chǎn)品設(shè)計(jì)，有一些收獲，我結(jié)合之前對(duì)產(chǎn)品設(shè)計(jì)的粗淺理解做一個(gè)輸出，算是自己對(duì)產(chǎn)品設(shè)計(jì)知識(shí)的一個(gè)梳理。希望能夠幫到你。
答案組織的主線如下： 一、產(chǎn)品設(shè)計(jì)的流程 1.1 產(chǎn)品設(shè)計(jì)的主要流程 1.2 產(chǎn)品新人主要參與的工作 二、怎樣一步一步地完成從產(chǎn)品需求到產(chǎn)品功能的設(shè)計(jì)（主要內(nèi)容在這一部分） 2.1 從需求到功能 2.1.1 需求流程的梳理 2.1.2 功能列表梳理 2.1.3 優(yōu)先級(jí)的判斷 2.1.3.1 判斷是否做某個(gè)功能 2.1.3.2 判斷某個(gè)功能是否有用 2.2 從功能到設(shè)計(jì) 2.2.1 功能細(xì)節(jié)的設(shè)計(jì) 2.2.2 界面的設(shè)計(jì) 2.2.2.1 界面設(shè)計(jì)的步驟 2.2.2.2 界面設(shè)計(jì)的一些原則 三、產(chǎn)品設(shè)計(jì)的一些常見的錯(cuò)誤 （自己踩過(guò)的坑） 3.1 沒有把事情想明白就急著著手做方案(畫原型) 3.2 希望一次性100%地滿足的需求 3.3 所有的問題都期望通過(guò)產(chǎn)品設(shè)計(jì)來(lái)解決
一、產(chǎn)品設(shè)計(jì)的流程
1.1 產(chǎn)品設(shè)計(jì)的主要流程
產(chǎn)品設(shè)計(jì)大的步驟上是分成以上5個(gè)步驟： ①.確定產(chǎn)品的定位&目標(biāo) ②.確定產(chǎn)品的用戶 ③.確定用戶的核心需求 ④.梳理出滿足這些需求的功能列表 ⑤.具體的功能設(shè)計(jì)（最終落到產(chǎn)品原型上）
1.2 產(chǎn)品新人主要參與的工作 在實(shí)際的產(chǎn)品設(shè)計(jì)過(guò)程中，1、2、3部分其實(shí)一般是各種大boss們決定的。剛?cè)腴T的產(chǎn)品新人的工作一般情況下主要是4或者5。簡(jiǎn)單來(lái)說(shuō)就是：
4、5 這些工作是剛?cè)胄械耐瑢W(xué)們或者產(chǎn)品實(shí)習(xí)生做的最多的工作，可能這就是大家所說(shuō)的產(chǎn)品基本功吧。
二、怎樣一步一步地完成從產(chǎn)品需求到產(chǎn)品功能的設(shè)計(jì) 假如說(shuō)現(xiàn)在我們有一個(gè)需求，那么怎樣一步步把這個(gè)需求轉(zhuǎn)化成具體的產(chǎn)品設(shè)計(jì)。
主要有兩個(gè)步驟：
① 從需求到功能 梳理出梳理出該需求的主要流程以及用于支撐該流程的產(chǎn)品功能的列表 （這里的需求流程指用戶在現(xiàn)實(shí)生活中做事情的流程，eg：用戶購(gòu)買東西的流程就是 [產(chǎn)生購(gòu)買動(dòng)機(jī)] ——>[ 尋找目標(biāo)物品] ——> [購(gòu)買決策] ——>[交易行為] ）
② 從功能到設(shè)計(jì) 對(duì)功能做最細(xì)粒度的使用流程分析，梳理支撐這個(gè)功能的主要頁(yè)面并完成原型設(shè)計(jì)
2.1 從需求到功能
從一個(gè)產(chǎn)品需求到功能列表大概分3個(gè)步驟： ① 梳理出該需求的主要流程 ② 從需求流程出發(fā)或者借鑒先行者的要素，梳理出支撐這些需求流程的主要功能 ③ 判斷這些功能的優(yōu)先級(jí)，產(chǎn)出功能優(yōu)先級(jí)列表，確定（本期）必須要做的功能
舉個(gè)例子，假如我要設(shè)計(jì)一個(gè)二手電商產(chǎn)品 用戶的核心需求
對(duì)于買家：能快速找到自己想買的東西，交易安全、便捷
對(duì)于賣家：能快速賣出自己想賣的東西，交易安全、便捷
2.11 需求流程的梳理
2.12 產(chǎn)品功能列表的梳理
方法：① 分析需求流程 ②市場(chǎng)先行者的既有要素
2.13 優(yōu)先級(jí)的判斷（P0 > P1 > P2）
2.1.3.1 判斷是否做某個(gè)功能
做那些有助于強(qiáng)化產(chǎn)品核心價(jià)值的功能
2.1.3.2 判斷某個(gè)功能是否有用
使用的廣度：有多少人用
使用的頻度：使用頻率如何
使用程度：用戶使用依賴的程度深淺
2.2 從功能到設(shè)計(jì) 從一個(gè)功能到設(shè)計(jì)大概分4個(gè)步驟： ① 梳理出該功能使用流程 ② 梳理出支撐該流程的主要頁(yè)面 ③ 從使用流程出發(fā)設(shè)計(jì)產(chǎn)品功能的細(xì)節(jié) ④ 完成界面的設(shè)計(jì)
舉個(gè)例子，假如說(shuō)我們要設(shè)計(jì)一個(gè)機(jī)票預(yù)訂功能的 [出發(fā)/到達(dá)城市選擇頁(yè)] 需要確定的功能細(xì)節(jié)包括但不限于如下
接下來(lái)的頁(yè)面是具體的頁(yè)面設(shè)計(jì)，頁(yè)面設(shè)計(jì)的主要流程如下：
確定頁(yè)面的所有核心元素以及優(yōu)先級(jí)
按照優(yōu)先級(jí)對(duì)所有核心元素進(jìn)行布局設(shè)計(jì)
給原型加上產(chǎn)品標(biāo)注（用來(lái)說(shuō)明設(shè)計(jì)細(xì)節(jié)）
設(shè)計(jì)的過(guò)程中主要注意的一些事情：
使用用戶最易理解的和接受的文字表述
使用用戶最容易和理解的元素表現(xiàn)形式
功能布局按照用戶使用流程排布
功能布局按照重要性排布
三、產(chǎn)品設(shè)計(jì)中常見的一些錯(cuò)誤（自己踩過(guò)的大坑）
3.1 沒有把事情想明白就急著著手做方案(畫原型) 很多時(shí)候，在接到需求后，我們很容易急于著立即手做方案、畫產(chǎn)品原型，然而往往這個(gè)時(shí)候我們還沒有把整個(gè)需求以及實(shí)現(xiàn)方式考慮清楚（簡(jiǎn)單說(shuō)就是事兒沒想明白就開始下手做）。一旦你打開Axure開始畫原型圖，很容易陷入忽略功能的設(shè)計(jì)，反復(fù)糾結(jié)原型好看不好看的怪圈（如果之前沒有把各種優(yōu)先級(jí)想清楚）。
3.2 希望一次性100%地滿足的需求 并不是所有的需求都需要通過(guò)一個(gè)產(chǎn)品方案一次性滿足100%。在實(shí)際的的項(xiàng)目過(guò)程中可能會(huì)有這么一種情況。可能你的產(chǎn)品方案可以花不算大的成本解決80%的問題，但是解決剩下的20%可能需要2倍的代價(jià)。那么這個(gè)時(shí)候可以選擇本期方案只解決那80%的問題，先滿足大部分的需求。（后臺(tái)產(chǎn)品遇到這種情況會(huì)稍多一些，內(nèi)在的邏輯就是在投入有限的情況下，先讓功能可以用，再讓它變得好用）
3.3 所有的問題都期望通過(guò)產(chǎn)品設(shè)計(jì)來(lái)解決 并不是所有的問題可以通過(guò)產(chǎn)品設(shè)計(jì)來(lái)解決。我們?cè)谧鰧?shí)際的工作中會(huì)遇到各種各樣的問題，但是并不是所有的問題都需要通過(guò)產(chǎn)品設(shè)計(jì)來(lái)解決。產(chǎn)品的同學(xué)需要在這一點(diǎn)上有自己的判斷，判斷問題是出在產(chǎn)品設(shè)計(jì)上，還是出在運(yùn)營(yíng)上，還是出在業(yè)務(wù)流程上...
舉個(gè)例子就假如你在負(fù)責(zé)一個(gè)社區(qū)產(chǎn)品，現(xiàn)在社區(qū)活躍度不高。導(dǎo)致這種情況的原因可能會(huì)有幾種情況：1、產(chǎn)品設(shè)計(jì)問題，產(chǎn)品流程有問題，用戶產(chǎn)出內(nèi)容的成本太高 2、運(yùn)營(yíng)有問題，社區(qū)里用戶引導(dǎo)不到位 3、業(yè)務(wù)問題，你所做的社區(qū)產(chǎn)品本來(lái)用戶群體就不大。
（鳴謝張冬鑫，版權(quán)歸原創(chuàng)作者所有）
