規(guī)則設(shè)計(jì)》功能設(shè)計(jì)》流程設(shè)計(jì)》架構(gòu)設(shè)計(jì)》原型設(shè)計(jì)
1.規(guī)則設(shè)計(jì)與功能設(shè)計(jì)
1.1 規(guī)則設(shè)計(jì)
- 產(chǎn)品是什么,如何運(yùn)作
- 用戶如何使用產(chǎn)品
- 鼓勵(lì)做什么
- 不能做什么
- ** 產(chǎn)品原則**
對(duì)于產(chǎn)品原則,團(tuán)隊(duì)需達(dá)成共識(shí);
不局限某一范疇,可以是跟產(chǎn)品有關(guān)的方方面:產(chǎn)品應(yīng)該帶給用戶什么感覺,帶來什么情緒,如何和競爭產(chǎn)品區(qū)別開
購物應(yīng)用的產(chǎn)品原則
道路規(guī)劃的產(chǎn)品原則
EX: 七魚云客服規(guī)則設(shè)計(jì)



Facebook,Airbnb等知名產(chǎn)品的產(chǎn)品原則,可以參考這篇:
全球頂尖的設(shè)計(jì)團(tuán)隊(duì)都有哪些設(shè)計(jì)原則?
1.2 功能設(shè)計(jì)
對(duì)產(chǎn)品規(guī)則的細(xì)化與完善。需考慮:
- 用戶需求:主要痛點(diǎn)
- 用戶任務(wù):為達(dá)到目標(biāo)使用產(chǎn)品時(shí)需要做的任務(wù)
- 使用場(chǎng)景:在什么情況下做了什么
- 技術(shù)限制:不是所有想法都能被實(shí)現(xiàn)
- 相關(guān)競品:競品功能設(shè)計(jì),前世今生,用戶評(píng)價(jià)
ex:七魚云客服
a1. 用戶需求:
- 能夠解答常見問題的機(jī)器人
- 簡單高效的知識(shí)庫
- 支持網(wǎng)頁,移動(dòng)APP,微信公眾號(hào)
a2. 用戶任務(wù):
- 用戶提出問題》機(jī)器人匹配問題》機(jī)器人解答問題
- 用戶提出問題》機(jī)器人無法匹配問題》轉(zhuǎn)人工客服
a3. 使用場(chǎng)景:
- 緊急需求,如銀行卡盜刷,直接轉(zhuǎn)至人工客服
a4.技術(shù)限制
- 理想是所有問題都能識(shí)別,實(shí)際有些無法識(shí)別,有些會(huì)有多種選項(xiàng)
2.流程設(shè)計(jì)與架構(gòu)設(shè)計(jì)
2.1 流程設(shè)計(jì)
產(chǎn)品流程是描述產(chǎn)品或功能是如何運(yùn)行的。
- 補(bǔ)全功能設(shè)計(jì)中沒有考慮到的一些情況
- 讓交互與開發(fā)人員更容易理解產(chǎn)品如何運(yùn)行
- 體現(xiàn)不同的產(chǎn)品特點(diǎn)

流程圖元素


流程圖結(jié)構(gòu)



泳道圖:多角色協(xié)作

2.1 架構(gòu)設(shè)計(jì)
1. 內(nèi)容組織:信息架構(gòu)設(shè)計(jì)
將產(chǎn)品的框架與內(nèi)容有序的組織在一起。包含兩種方法:從下到上、從上到下。
-
從下到上
把已有的功能與內(nèi)容羅列出來,放到最低層級(jí)分類中,然后再將他們歸屬到較高一級(jí)的類別??梢越Y(jié)合目標(biāo)用戶分類與卡片分類法分類。

-
從上到下
先從產(chǎn)品目標(biāo)去考慮內(nèi)容分類。先設(shè)計(jì)出主要分類,再按照邏輯設(shè)計(jì)出次級(jí)分類,最后在將功能與內(nèi)容一個(gè)個(gè)放到次級(jí)分類之下。

內(nèi)容組織要點(diǎn):
- 用戶理解中的分類
- 功能或內(nèi)容的使用頻次
一般高頻內(nèi)容層級(jí)較高。 - 產(chǎn)品的核心價(jià)值
- 產(chǎn)品的目標(biāo)
2. 框架設(shè)計(jì):導(dǎo)航設(shè)計(jì)
設(shè)計(jì)以什么形式將組織好的內(nèi)容展示給用戶。
常見導(dǎo)航:TAB式,抽屜式,跳板式,列表式
-
TAB式
TAB導(dǎo)航 -
抽屜式

- 跳板式


- 列表式


一般選擇一種作為主體導(dǎo)航,其他幾種作為輔助框架導(dǎo)航。
3.原型設(shè)計(jì)
3.1 原型的作用:
- 將產(chǎn)品與思路具象化
- 將構(gòu)想更好的傳達(dá)給交互與開發(fā)人員
- 開發(fā)工程師開發(fā)的文檔
** 3.2 原型設(shè)計(jì)流程:**
以【易信曬一曬功能為例】
-
選擇需要設(shè)計(jì)的功能模塊
易信曬一曬 -
畫出該模塊的功能流程圖
功能流程圖 -
將每個(gè)模塊中的功能點(diǎn)列出來(功能列表)
-
依據(jù)流程將次序相同,功能接近的功能分類組織在一起,得到了內(nèi)容組織圖
內(nèi)容組織圖 -
通過內(nèi)容組織圖,得出該模塊需要哪幾個(gè)具體的頁面,哪些可以復(fù)用(頁面流程圖)
-
為每個(gè)頁面的功能排優(yōu)先級(jí)
優(yōu)先級(jí)需依據(jù)用戶使用規(guī)模,使用頻率,產(chǎn)品目標(biāo)等結(jié)合。
-
設(shè)計(jì)每個(gè)頁面的具體原型
** 3.3 如何學(xué)習(xí)交互設(shè)計(jì)**
- 研讀各系統(tǒng)的設(shè)計(jì)規(guī)范
- 設(shè)計(jì)相關(guān)書籍
- 臨摹優(yōu)秀的產(chǎn)品
- 將優(yōu)秀產(chǎn)品中設(shè)計(jì)的好的地方記錄下來
** 3.4 注意事項(xiàng)**
- 不要糾結(jié)于工具,原型本身才是最重要的
- 不用產(chǎn)出高保真原型
- 不用去學(xué)習(xí)復(fù)雜的交互動(dòng)作
- 不要過度設(shè)計(jì)












