一、接到需求
你是一家公司的产品经理,刚入职的你接到了一个需要去执行的用户需求,将它变成可用的一个产品功能,你开始兴奋地投入到设计工作当中,慢慢在设计的过程中作为新手的你发现了一些棘手的问题:
1.用户的这个需求将是一个完整的功能模块,而在这个功能模块中,具体我们要设计什么样的小功能点,这些小功能点能满足用户的需求吗?并且经常漏掉重要的功能。
2.想清楚了功能点,在设计的时候,流程有些跑不通了,这样做似乎有逻辑问题?或面临A or B解决方案的问题,甚至我似乎漏掉了一个流程。
3.流程跑通了,页面设计又遇到了问题,这个页面跳转后该展示什么样的信息才是用户想要的,我添加的这个会不会画蛇添足呢?好像我漏掉了一些很重要的信息?
二、还原场景
当接到一个需求的时候,首先我们要做的是还原这个需求用户的使用场景,梳理清楚:
1.这个场景下有几个角色,他们之间的关系是什么?像拍电影一样去还原用户的真实情景,他的动机,他的每个动作,达到了什么目的。确保梳理清楚底层逻辑,这个功能对谁会有影响?
2.把场景还原拆分成一个一个地任务,大的功能模块下涉及到多个角色多个动作,我们梳理清楚业务流程之后,进行单个角色和单个动作的业务流程再次拆解,场景更深一步地还原。
拿我们经常剁手的场景来说吧,比较顺利地一个购物过程是:消费者下单-买家发货-消费者确认收货-消费者评价-交易完成。这是网上购物的一个场景,消费者下单可以理解为一个独立的小任务。我们来还原下这个任务更细节的场景。(罗列场景时记得穷举所有场景哦,比如用户发起退款行为)
实际场景:阿飞进入一家商店,浏览各种琳琅满目的商品,然后挑选了两件商品,前往收银台付款,收银员和阿飞确认商品数量和单价,并询问阿飞付款方式,阿飞支付后离开了商店,回到家拿出小票顺便核对了下自己的商品。
转化为网上购物的产品业务流程:
浏览商品
查看商品详情
选购商品
提交订单
支付订单
查看此订单
(设计场景时我们可以用业务流程图的方式来展现,一般业务流程图的绘制一个页面一个主功能)
任务就相当于你第一步,要做什么,第二步,做什么,第三步做好这三步都做完了,然后你这个场景就实现了,但是你做每一步的时候,他为了实现这每一步的操作,它有很多细小的功能来组成。
比如查找商品也是一个小任务,他的功能可能会有通过历史记录来查找,通过搜索来查找,根据推荐来查找等等。
三、确定功能架构
拆分好业务流程后,基本要做的功能点也可以一一罗列出来了,用户这些功能进行点击操作,从而产生的交互行为,并带着用户去往一个个页面。
下单的功能:
1.查看商品详情
2.添加商品进购物车
3.去结算
4.输入收货信息
5.提交订单
6.选择支付方式
7.支付订单
8.查看订单详情
这个时候可以确定消费者的每个页面需要放置什么功能,比如浏览商品的时候,页面要始终支持购物车的添加,提交订单的时候即输入收货信息。
四、确定信息结构
我已经知道了用户需要的页面和页面上可操作的功能了,来实现了用户的需求,但是在单个页面上,用户进行操作时,我该向他展示哪些必要的信息内容呢?我们可以把这个页面的功能点对应的信息架构先罗列出来,将它跟页面的功能点对应起来。
比如浏览商品的界面我们要提供商品信息的内容,其架构是
1.商品图片
2.商品名称
3.商品划线价和售价
4.商品优惠活动
将对应的信息放进对应的页面里。
五、增删查改
在页面设计好之后,对当前页面再进行检查。
3大问题:
考虑好流程之后,再去细化规则。
①关联模块影响:一个功能点改变是否影响到其他角色和其他功能模块(比如消费者退货,商家该如何处理?)和是否影响到他在其他地方进行操作时(比如禁用供应商,采购时不可选,那之前的采购单退货时呢
①穷举用户每一个操作可能出现的异常情况(用户不按套路出牌)
③边际值/极限值的情况
④逆向流程
再考虑页面的增删查改显算传
一些基本的原则注意:
列表:排序规则、显示数量、分页规则
字段:数值上限,必填选填、显示换行、校验规则、报错提示
搜索:半模糊、全模糊
筛选:组合筛选
六、确定界面
然后就可以制作原型图了,我们考虑将功能和信息架构如何放置在页面上,变成成用户一步步可操作的流程,并达到用户的目的。我在什么地方展示这个功能点的入口,用户点击这个入口后去向哪里,他在这个页面进行什么操作,然后顺利地进行到下一个页面,并最终通过什么样的操作即可达到用户的目的。将每个页面的功能点,用户需要做什么操作都跟页面一一匹配起来。
刚开始可以先绘制草图,并进行一次复盘,试着换位用户的角色将整个流程走一遍,看用户体验是否通畅。