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