用打醬油的故事教你做流程說明
在網際網路百花齊放時代，各家都想把自己的產品做出花來，追求創新，而當有新的產品，脫離使用者已有認知以及操作習慣時，常常需要做一些新手引導、流程說明等來輔助教育使用者，讓使用者以最快的速度，最低的成本學習和理解。本次主要講的是流程說明該如何做。
一、應用場景
比如在電商中，一般我們在做一些互動，新的促銷玩法時，我們需要用一個流程說明在前置頁面，指引使用者完成流程性的任務，使使用者縱觀資訊全域性，具備一定的心理預期；而在有限的空間內，我們需要言簡意賅，把使用者需要做的事情表達清楚。
我們常常可以看到，有橫向的流程說明，有縱向的流程說明，如下圖。選擇橫向還是縱向，也要基於該流程說明的優先順序多高，需要傳達的資訊有多複雜而定。
二、為什麼要做流程說明
基於上部分應用場景的說明，並不是說所有的產品都需要做流程說明。
打個比方，在電商發育前期，我們也許需要告訴使用者如何選購，如何下單，如何支付…… BUT！NOW？使用者大部分都成精了，非特殊場景我們要是做過多的解釋的話……
我們可以總結如下：
三、有什麼方法來做
整理如下：
四、實操
現在，我們假設一個場景，你家醬油用完了，你媽拿了10馬幣要你去買一瓶醬油。OK，目標很明確，買一瓶醬油。那麼我們需要把買醬油過程中所需要做的事情，描述出來。
那麼，故事就從你拿到10馬幣的時候開始了：
你拿著10馬幣，換了一身衣服，出了門，下了樓梯，跑去拐角處的一家銀行，把10馬幣換成了能用的RMB，走到公交車站，搭上了11路公交車，在義莊站下了車，來到了雞凍超市，找到了醬料區，拿起了京造牌醬油，順便和導購MM搭訕了幾句，去到櫃檯，結算買單。
所以，在以上故事中，我們可以梳理出一條流程線，然後進行刪減：
然後呢，我們尋找關鍵環節，並把行動點進行整合：
最後，我們再做文案優化，以及標上序號~DONE~
當然，設計樣式多樣，是否用ICON代表序號或者是否著重需要突出某一個環節或者是否需要增加輔助說明，可再進行資訊優先順序調整，根據具體情境而定。
最後，做流程說明不難，一步一步來，先梳理出核心關鍵資訊，在慢慢進行資訊增減。
（本文為小編一個小小的設計經驗，不喜勿噴…因為我會噴回去…）
作者：Dh，公眾號：未知素設計
本文由 @Dh 原創釋出於人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基於CC0協議。