你知道產(chǎn)品設(shè)計五大點嗎?從五個層面幫助設(shè)計師對產(chǎn)品有一個整體的認識和細節(jié)的分解,于產(chǎn)品設(shè)計、分析過程中一種比較底層的方法論。
產(chǎn)品設(shè)計五要素分別是:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。自上而下的分析可用來分析已有的產(chǎn)品,自下而上分析則可以用來創(chuàng)造新的產(chǎn)品。
1.戰(zhàn)略層:產(chǎn)品目標和用戶需求(做什么、為誰做?)
2.范圍層:功能及其內(nèi)容需求整合(需要做哪些?)
3.結(jié)構(gòu)層:交互設(shè)計及其信息架構(gòu)(怎樣做?)
4.框架層:界面、導(dǎo)航設(shè)計和內(nèi)容設(shè)計(要做成什么樣子?)
5.表現(xiàn)層:功能及內(nèi)容的視覺呈現(xiàn)(做成了什么樣子?)
下面詳細說明一下東莞產(chǎn)品設(shè)計每一層所包含的內(nèi)容:
1.戰(zhàn)略層
整個產(chǎn)品設(shè)計、研發(fā)周期很長,戰(zhàn)略層可以理解為產(chǎn)品設(shè)計的主要目的,通常來自于用戶需求或是企業(yè)的產(chǎn)品目標。
用戶需求待解決的問題決定了產(chǎn)品的原則,而產(chǎn)品目標則更傾向于產(chǎn)品的定位。
2.范圍層
戰(zhàn)略決定范圍,功能承載產(chǎn)品價值,范圍層是為了實現(xiàn)戰(zhàn)略層意圖。
在范圍層,從討論戰(zhàn)略層面的抽象問題——“為什么要開發(fā)這個產(chǎn)品”——轉(zhuǎn)而變?yōu)椤拔覀円_發(fā)的是什么”——功能和需求的收集篩選。
進行需求采集、分析工作,明確產(chǎn)品應(yīng)該具體提供哪些內(nèi)容及功能,以及提供內(nèi)容、功能的先后順序,從而落實成具體的需求文檔。
3.結(jié)構(gòu)層
在結(jié)構(gòu)層,需要考慮兩個問題:“交互設(shè)計”和“信息架構(gòu)”。
交互設(shè)計:根據(jù)用戶的操作,產(chǎn)品給予用戶何種反饋
信息架構(gòu):所要表達信息的呈現(xiàn)、組織方式
4.框架層
經(jīng)過了上面的結(jié)構(gòu)層,我們可以看到,我們只是對產(chǎn)品的交互方式和內(nèi)容組織方式進行了一個大概的設(shè)計。那么在框架層,就需要進一步地進行設(shè)計了??蚣軐影耍航缑嬖O(shè)計、導(dǎo)航設(shè)計以及信息設(shè)計。
界面設(shè)計:選擇合適的界面交互控件,幫助用戶易于理解其含義,又能夠讓用戶借助于此來實現(xiàn)具體功能
導(dǎo)航設(shè)計:讓用戶明確當前的位置、狀態(tài),提供用戶訪問其他功能(頁面)的路徑
信息設(shè)計:信息設(shè)計將各種設(shè)計元素粘合在一起,并呈現(xiàn)出來,讓用戶很好地理解和使用它們。
在產(chǎn)品設(shè)計中,經(jīng)常用到線框圖。線框圖可以將上述的界面設(shè)計、導(dǎo)航設(shè)計、信息設(shè)計的三者有效結(jié)合,并通過草圖的形式展現(xiàn)出來,是產(chǎn)品的雛形和大體形態(tài)。
需要注意的是,線框圖與產(chǎn)品原型不同,原型是對線框圖的更細致描述的產(chǎn)品體現(xiàn),包括了一定的交互及高精度的藝術(shù)設(shè)計,而線框圖則是靜態(tài)的,更傾向于表現(xiàn)各部分之間的連接。
5.表現(xiàn)層
表現(xiàn)層是用戶真真切切地可以感受到的產(chǎn)品外在,也用戶直接可視的一層。在這里先前的內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一個最終設(shè)計,從而滿足其他層面的所有目標。
可以充分研究和利用用戶的感知方式,通過設(shè)計產(chǎn)品的配色、排版、風格等,將產(chǎn)品的風格完整呈獻給用戶。并且能夠帶給用戶流暢的使用路徑,并且為用戶提供有效的、可選擇的“引導(dǎo)”。
在分析、解構(gòu)其他產(chǎn)品的時候,可以遵循表現(xiàn)層->框架層->結(jié)構(gòu)層->范圍層->戰(zhàn)略層的順序,從表面設(shè)計開始,挖掘產(chǎn)品的核心戰(zhàn)略、功能。