专栏名称: 互联网er的早读课
专注互联网产品、用研、交互、设计、运营领域精选内容。信息爆炸的社会,每天用心的去读一篇文章,也许胜过你的走马观花。每早八点,我们等你。
目录
相关文章推荐
新浪科技  ·  【#德国机场突发电脑系统故障# ... ·  21 小时前  
新浪科技  ·  【#车企抢跑低空经济# ... ·  21 小时前  
新浪科技  ·  【#小米汽车工厂开放对外参观预约##雷军宣布 ... ·  21 小时前  
新浪科技  ·  【#蔚来李斌开始2200公里东北行程#,挑战 ... ·  3 天前  
51好读  ›  专栏  ›  互联网er的早读课

从一个打酱油故事来看如何做流程说明

互联网er的早读课  · 公众号  · 科技媒体  · 2018-11-01 08:11

正文


  来源未知素设计(ID:gh_49d55c1b69ec)

排版:放开那芒果


  序言


在互联网百花齐放时代,各家都想把自己的产品做出花来,追求创新,而当有新的产品,脱离用户已有认知以及操作习惯时,常常需要做一些新手引导,流程说明等来辅助教育用户,让用户以最快的速度,最低的成本学习和理解。本次主要讲的是流程说明该如何做。


  应用场景


比如在电商中,一般我们在做一些互动,新的促销玩法时,我们需要用一个流程说明在前置页面,指引用户完成流程性的任务,使用户纵观信息全局,具备一定的心理预期;而在有限的空间内,我们需要言简意赅,把用户需要做的事情表达清楚。我们常常可以看到,有横向的流程说明,有纵向的流程说明,如下图,选择横向还是纵向,也要基于该流程说明的优先级多高,需要传达的信息有多复杂而定。



  为什么要做流程说明


基于上部分应用场景的说明,并不是说所有的产品都需要做流程说明。打个比方,在电商发育前期,我们也许需要告诉用户如何选购,如何下单,如何支付 ···· BUT!NOW?用户大部分都成精了,非特殊场景我们要是做过多的解释的话.....



我们可以总结如下:



  有什么方法来做


整理如下:



  实操


现在,我们假设一个场景,你家酱油用完了,你妈拿了10马币要你去买一瓶酱油。OK,目标很明确,买一瓶酱油。那么我们需要把买酱油过程中所需要做的事情,描述出来。


那么,故事就从你拿到10马币的时候开始了:


“ 你拿着10马币,换了一身衣服,出了门,下了楼梯,跑去拐角处的一家银行,把10马币换成了能用的RMB,走到公交车站,搭上了11路公交车,在义庄站下了车,来到了鸡冻超市,找到了酱料区,拿起了京造牌酱油,顺便和导购MM搭讪了几句,去到柜台,结算买单。”


所以,在以上故事中,我们可以梳理出一条流程线,然后进行删减。



然后呢,我们寻找关键环节,并把行动点进行整合



最后,我们再做文案优化,以及标上序号~DONE~



当然,设计样式多样,是否用ICON代表序号或者是否着重需要突出某一个环节或者是否需要增加辅助说明,可再进行信息优先级调整,根据具体情境而定。


最后,做流程说明不难,一步一步来,先梳理出核心关键信息,在慢慢进行信息增减。


本文由未知素设计(ID:gh_49d55c1b69ec)原创发布,授权互联网早读课转载。内容仅代表作者独立观点,不代表早读课立场。如需转载,请联系原作者。


推荐阅读: