原型的撰写是产品经理的基本功,人人都是产品经理平台上已经有很多优秀的文章教我们怎么样画出专业的原型图,例如:要有修改记录、总览、全局规范和说明、核心业务的流程图、清晰的层次、必要的标注、同一个页面的所有状态等。
典型的目录结构如下所示:
从产品经理的角度,在动手进行原型制作之前,还有一个很重要的事情要先梳理清楚,我们可以称之为原型的第一性原理,也是原型的核心要点:讲清楚目标。
什么是原型的目标
如同一个产品需要有一个核心定位,我们的原型也首先要说清楚这个定位所转化过来的目标,这是第一层次,我称为产品目标。
但仅有产品目标还不够,原型的受众是交互设计师、UI设计师、开发人员和运营人员等,他们在阅读原型时,除了需要明确了解产品定位和目标之外,到具体的模块上,还需要了解每个模块的核心目标。
同样的道理,在具体到某一个页面的设计、开发时,也需要围绕页面的核心目标进行。
因此,原型的目标有三个层次:
- 产品目标;
- 模块目标;
- 页面目标。
三个层次的目标有主次关系,其中模块的目标依赖于产品目标,页面的目标同时依赖于产品目标和模块目标:
比如:一个知识社区类的产品,核心目标就是“最大化提高随意浏览的潜在用户转化成注册用户以及付费用户的转化率”,这是产品的目标。而具体到类似“随便看看”这个模块的目标上,就应该是依赖于产品目标,定义为“精选内容提高用户注册按钮点击率”。而到了注册页面,应该是依赖于前两个目标,定义为“降低注册门槛,提高注册率”。
目标清晰明确的好处
实际工作中,经常容易出现不同的人对原型有不同的理解,因此才需要有规范的原型、必要的标注和完整的交互状态等要求。但如果目标理解不一致,那导致的是更根本的问题:大家的着眼点和发力方向不一样。
例如:针对某个提醒,到底是用模态的还是用Toast,不同的人可能有不同理解和结论,而实际上如果依据模块或页面目标来进行评估,那这种不一致就会大量减少。哪种方式对达成核心目标有利,就应该用哪一种。
因此,梳理清楚以上三个层次的目标,大家再对照原型进行工作时就可以达到以下效果:
- 目标一致,每个人的力量都用在同一个方向上,形成最大合力;
- 有效减少沟通成本,避免来回反复修改。
如何围绕目标产出原型
1. 目标说明
在每一个模块或页面上,需要明确说明白该模块或页面的目标。目标的描述最好是可量化的,例如某种点击率、转化率等。
下面举一个简单的目标描述的例子:
2. 依据目标进行内容展示
内容布局主要依赖于页面的目标,需要重点展示和目标相关的内容、收纳和弱化和目标无关的内容。
我们举蛋壳公寓和Airbnb为例:蛋壳公寓详情页的目标是在通过价格和各种优惠活动来吸引用户,而Airbnb做为共享空间的产品,在这个页面上价格并不是第一吸引用户的,环境和需要互动的房东才是。这样,两个页面由于目标不同,围绕组织内容的布局就大大不同了。
3. 依据目标布局操作
页面上的操作,同样强依赖于产品、模块和页面目标。我们举网易新闻详情页和今日头条新闻详情页,就可以看出来差别。
由于网易新闻评论区非常著名,代表了网易新闻的调性,因此我们可以定义网易新闻的详情页面目标是“增加评论和互动的平均数”;而今日头条主推自媒体关注,因此详情页面的目标可以反推为“增加订阅的转化率”,我们看看如下图片,在目标引导操作的布局设计上就非常清楚了。
从这两个例子可以明显看出:只要我们明确了页面的目标,那么在实际设计时,就不用再为“页面上拉后顶栏到底保留评论还是关注/订阅”的问题反复讨论和修改了,标准很简单:符合页面目标的操作就是最重要的、最优先的。
3. 引导和反馈
页面的引导和反馈是必不可少的部分,尤其是异常出错和触发边界值时。为了缓解用户的焦虑、引导和帮助用户解决问题,需要有设计良好的、覆盖全面的引导和反馈。
在引导和反馈的设计中,也需要引入对三个目标的审视。例如:非核心目标的操作失败,可以考虑引导到核心目标的操作上,也即是诸如此类的引导和提示。
不过这一类的设计不可太过生硬,要让用户感觉到自然而不突兀,需要在实际场景中仔细斟酌。
总结
原型文档的第一性原理:各级目标清晰明确。
目标贯穿在原型的各个层级中,包括产品目标、模块目标和页面目标。在规范化我们的原型文档的同时,也要时刻用目标为我们指引方向,确保跑在正确的道路上,也确保项目的相关人员对于各个层级的目标有一致的理解,形成合力。