在互聯(lián)網(wǎng)百花齊放時(shí)代，各家都想把自己的產(chǎn)品做出花來(lái)，追求創(chuàng)新，而當(dāng)有新的產(chǎn)品，脫離用戶已有認(rèn)知以及操作習(xí)慣時(shí)，常常需要做一些新手引導(dǎo)、流程說(shuō)明等來(lái)輔助教育用戶，讓用戶以最快的速度，最低的成本學(xué)習(xí)和理解。本次主要講的是流程說(shuō)明該如何做。

一、應(yīng)用場(chǎng)景

比如在電商中，一般我們?cè)谧鲆恍┗?dòng)，新的促銷(xiāo)玩法時(shí)，我們需要用一個(gè)流程說(shuō)明在前置頁(yè)面，指引用戶完成流程性的任務(wù)，使用戶縱觀信息全局，具備一定的心理預(yù)期；而在有限的空間內(nèi)，我們需要言簡(jiǎn)意賅，把用戶需要做的事情表達(dá)清楚。

我們常?？梢钥吹剑袡M向的流程說(shuō)明，有縱向的流程說(shuō)明，如下圖。選擇橫向還是縱向，也要基于該流程說(shuō)明的優(yōu)先級(jí)多高，需要傳達(dá)的信息有多復(fù)雜而定。

二、為什么要做流程說(shuō)明

基于上部分應(yīng)用場(chǎng)景的說(shuō)明，并不是說(shuō)所有的產(chǎn)品都需要做流程說(shuō)明。

打個(gè)比方，在電商發(fā)育前期，我們也許需要告訴用戶如何選購(gòu)，如何下單，如何支付…… BUT！NOW？用戶大部分都成精了，非特殊場(chǎng)景我們要是做過(guò)多的解釋的話……

我們可以總結(jié)如下：

三、有什么方法來(lái)做

整理如下：

四、實(shí)操

現(xiàn)在，我們假設(shè)一個(gè)場(chǎng)景，你家醬油用完了，你媽拿了10馬幣要你去買(mǎi)一瓶醬油。OK，目標(biāo)很明確，買(mǎi)一瓶醬油。那么我們需要把買(mǎi)醬油過(guò)程中所需要做的事情，描述出來(lái)。

那么，故事就從你拿到10馬幣的時(shí)候開(kāi)始了：

你拿著10馬幣，換了一身衣服，出了門(mén)，下了樓梯，跑去拐角處的一家銀行，把10馬幣換成了能用的RMB，走到公交車(chē)站，搭上了11路公交車(chē)，在義莊站下了車(chē)，來(lái)到了雞凍超市，找到了醬料區(qū)，拿起了京造牌醬油，順便和導(dǎo)購(gòu)MM搭訕了幾句，去到柜臺(tái)，結(jié)算買(mǎi)單。

所以，在以上故事中，我們可以梳理出一條流程線，然后進(jìn)行刪減：

然后呢，我們尋找關(guān)鍵環(huán)節(jié)，并把行動(dòng)點(diǎn)進(jìn)行整合：

最后，我們?cè)僮鑫陌竷?yōu)化，以及標(biāo)上序號(hào)~DONE~

當(dāng)然，設(shè)計(jì)樣式多樣，是否用ICON代表序號(hào)或者是否著重需要突出某一個(gè)環(huán)節(jié)或者是否需要增加輔助說(shuō)明，可再進(jìn)行信息優(yōu)先級(jí)調(diào)整，根據(jù)具體情境而定。

最后，做流程說(shuō)明不難，一步一步來(lái)，先梳理出核心關(guān)鍵信息，在慢慢進(jìn)行信息增減。

（本文為小編一個(gè)小小的設(shè)計(jì)經(jīng)驗(yàn)，不喜勿噴…因?yàn)槲視?huì)噴回去…）

作者：Dh，公眾號(hào)：未知素設(shè)計(jì)

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。