1. 首页 > 站长

产品设计:怎样产出靠谱的原型?

  设计原型之前,需要考虑哪些关键点呢?

  

产品设计:怎样产出靠谱的原型?(图1)

 

  产品设计是产品真正开始实现的第一步,也是连接产品策划与产品落地的桥梁。在前面环节里我们研究需求、用户和定位,就是为了能在产品设计环节有的放矢,切中要点。

  互联网产品本质上是一种服务。QQ为大家提供的是即时通讯的服务;百度提供的是信息获取的服务;阿里提供的是零售服务。

  产品与服务的最大差别有点类似于打孔机和墙上的孔,用户要的是墙上的孔,而打孔机只是帮用户实现了这个需求的方式之一。当我们以服务为出发点时,就会以用户获得和用户满足,而非产品为中心来做设计。

  而互联网服务又有自己的特点。他的扩散速度极快,他对于流量非常依赖,他的边际成本很低。因此,在设计过程中,就会和别的实物产品不一样,比如会采用MVP模型先上线最小价值产品;同时快速上线,快速反馈,持续交付。

  一、一些原则

  对于互联网产品的设计,有一些经验总结的最小必要原则:

  1、足够简单。

  可以简单,就别复杂。我们需要让用户用起来足够方便。张小龙曾经举过一个微信摇一摇设计的例子来说明极简的意义。

  我们来看这个“摇一摇”的功能,它非常简单,任何一个人都会用,不用做任何的学习。我们会避免在界面里面出现任何的一个文字解释,一旦一个功能需要文字解释,这个功能的设计已经失败了。

  上一次Pony很认真的给我发了一个邮件,说我们摇一摇的功能真的很好,但是我们要防止竞争对手抄袭模仿我们的功能。因为上次我们做了一个查看附近的人,然后竞争对手也做了,并且加了一个小创新在里面,叫做表白功能。这样通过一个小创新来突出,跟我们就不一样了。

  Pony说为什么我们没有预先把这些该想到的都想进去,让别人想模仿的时候都没有办法再来做一个微创新了。我说微创新是永无止境的,别人总可以加一点东西来跟你不太一样。然后他说这个摇一摇,我们怎么样能够把该做的都做了,而且别人没法在上面来改变一下。

  我说不用着急了,因为我们这个东西已经做到最简化了,别人没法超越了,因为就像这个手机只有一个按钮一样,除非你做一个没有按钮的手机。这里只有一个动作,甚至连按钮都没有。

  做到简单到不能再简单,才会让用户有独特的感觉。微信跳一跳的游戏也有同样的特点,我让3岁的弟弟去直接看他马上就能学会,知道按下放开就能跳起来,这样没有学习成本的设计就是符合人性的设计。

  2、无需思考。

  好的设计是在潜意识里和用户沟通,因此能做到让用户不思考,就要做到不思考。《do not make me think》里提到用户访问互联网的三个特点:

  用户并不阅读,而是扫描;

  用户不作最佳选择,而是满意即可;

  用户不会追根究底,而是勉强应付。

  我们会发现,这样的特征在用户用手机的时候更厉害,用户的时间更加稀缺,因此对于APP的操作更多是下意识,不思考的,由此我们的APP应该是为扫描而设计,既如此,就需要尽量突出重点,降低用户思考成本,做到越傻瓜越好。

  3、即时反馈。

  互联网在培养我们一个习惯,任何一件事情我们都希望能获得马上的反馈,发一条朋友圈希望马上得到点赞;看一个微博希望马上得到回复。只要不是即时回复的消息,人们就会焦虑。

  因此,有反馈比没反馈好,关心用户情绪的反馈比不关心用户情绪的反馈好。这一点,用在平时的工作和人际交往中也是很管用的,我们更愿意信赖那些可以给出及时反馈的人,无论结果是好是坏,都需要。

  二、设计流程

  原则是用来做取舍用的,基于这些基本原则,以及不同业务的特点,和不同平台的标准就能正式进入产品设计了。产品的具体设计流程可以归纳为以下6步。

  价值设计 -> 功能设计 ->流程设计->框架设计 -> 页面设计 -> 视觉设计

  1、价值设计

  先梳理价值。这需要回答的问题就是:

  通过什么方式为哪些用户创造什么核心价值。最后用户获得了什么,我们获得了什么?

  功能只是手段,价值才是目的。首先需要弄清楚的是做这件事能带来多少用户价值,多少商业价值,这些价值是怎么分配的。当遇到相互冲突时哪个优先。

  2、功能设计

  下面是功能设计。基于一个解决方案,我们会拆解为具体一个个的功能点。功能一般对应需求文档里的功能列表。

  举个例子,滴滴打车的原始概念来源于连接出租车司机和普通打车的人,那么需要把这个解决方案,拆解为司机端接客系统、乘客端打车系统,和管理系统端,再基于三方的具体的需求完善每个子系统,拆解出具体的功能点就是功能设计这一环节最重要的任务。

  3、流程设计

  流程设计则是把这些具体的功能拆解成具体实现的步骤。流程一般由流程图来进行分析,去完整的勾画需要哪些环节。流程图以这样的示意图标来表示。

  

产品设计:怎样产出靠谱的原型?(图2)

 

  根据这些标志,画出简单的流程图是这样的。

  

产品设计:怎样产出靠谱的原型?(图3)

 

  针对多方参与、多阶段的业务还会有泳道图。泳道图增加了业务方的维度和流程过程的维度。

  4、框架设计

  接下来,基于已经设计出来的功能和流程,我们需要把他们植入到APP的结构中。这有点类似于我现在已经有很多店了,星巴克、MUJI、迪卡侬等,现在需要把这些店装到一个综合体里面,让用户能够访问到,对于这个综合体结构的设计就是框架的设计。

  对于移动应用,常见的导航包括:标签式、抽屉式、桌面式、列表式、平铺式等。

  

产品设计:怎样产出靠谱的原型?(图4)

 

  每种导航都有自己的特点,适用于不同的场景。而对于一些复杂的APP而言,一般会几种导航穿插使用,下面总结了几种导航的特点及典型应用场景。

  

产品设计:怎样产出靠谱的原型?(图5)

 

  5、页面设计

  基于这些准备,我们才开始真正设计页面原型。新手产品一般从页面开始进行原型设计,而实际上页面的设计需求是来源于更底层的梳理。页面是具体某个页面的布局情况,把哪些信息放在哪些位置上。页面基于功能的不同一般有两类,注重信息展示的页面、注重流程引导的页面,这两类在设计上的KPI是不同的。

  6、视觉设计

  视觉则是一般把原型稿交付之后,由设计师产出,这时候的UI稿就可以直接用于开发了。

  在《用户体验要素》这本书中,作者把面向用户体验的设计分为5个层次:战略层、范围层、结构层、框架层、表现层,可以与设计的6步骤相互对照。

  

产品设计:怎样产出靠谱的原型?(图6)

 

  五层次划分的意义在于,在设计或者讨论问题的时候,可以定位到自己的设计到底是哪里的问题,于是可以找到对应的解决方案。比如某个按钮的颜色的问题,可能回溯到框架层甚至战略层才能找到正确的解答。

  三、增长设计

  由于更加高昂的获客成本,现在从0到1的产品设计中,不仅要探索产品价值,同时在产品本身的设计中也需要包含增长的手段,即产品就是渠道,对于产品的传播最好能包含在产品的功能之中。

  这需要在产品功能设计中增加激励用户分享的功能,比如增加邀请机制、分享机制,通过这些方式能够让交付的产品本身成为传播的一个节点,帮助产品获取新用户。在行最新推出的小程序:我最在行,采用体力值激励的方式鼓励用户分享和进行好友PK,以帮助产品获取新用户。

  

产品设计:怎样产出靠谱的原型?(图7)

 

  产品设计是一件实践性很强的事,然而如果能遵循足够简单、无需思考、即时反馈的原则,并根据产品设计深入浅出的步骤,同时兼顾产品的增长机制,一定有利于你设计出更有生命力的产品。

  练习:随着入口的逐步放开,2018年小程序将会迎来一个新的增长点,你可以尝试结合自己的业务和小程序场景的特点,按照价值、功能、流程、框架、页面、视觉6个步骤,设计一款和自己业务相关的小程序。

  七个关键步骤,打造有竞争力的产品,下一篇我们将进入产品迭代,敬请期待。

  作者:许晋诚,微信公众号:健行笔记,分享打造有竞争力产品的方法论,微信公众号:健行笔记(xuexibiji007)。

  本文由 @许晋诚 原创发布。未经许可,禁止转载

  题图来自 PEXELS,基于 CC0 协议

声明:OurSeo登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,请读者仅作参考,并请自行核实相关内容。如有侵权请联系我们,会及时删除,如若转载请注明出处。

联系我们

在线咨询:点击这里给我发消息

微信号:wutian08

工作日:9:30-18:30,节假日休息