作为一个产品菜鸟,在制作原型的过程中,常常因为没有经验而去模仿竞品或其他常见产品的页面设计,但在模仿的过程中却没有掌握页面设计的精髓,所设计出来的原型不尽人意。在读过几本相关的书籍后,自己对原型制作上也有了些许了解,故与大家分享分享。
首先在设计原型页面的时候,我们需要回答以下几个问题后,并根据答案去设计原型页面:
1、目的,这个页面是为了谁和为了什么事情而存在的?
2、内容,这个页面是用来显示什么内容的?
3、模块,这个页面是否需要分出几个模块每个模块里面又有什么内容?
4、数据,这些内容是从哪儿来的到哪儿去的?5、运营,人的工作是谁做的和做多少?
而在经过上一步后,我们根据答案所做的原型页面主要可分为展示页、列表页、正文页、功能页、欢迎页、过渡页、加载页以及沉浸式页面这八种。
每一种页面的技巧如下:
一、展示页——这是原型中最重要的页面,通常情况指的是首页,在该页面包含的内容包括了用户喜欢的、主要任务的、可以赚钱的,例如做过的某一个专家问答模块中,用户喜欢的就是有名的专家,所以把有名的专家放在专家问答首页的为你推荐表,而主要任务指的就是首页的四个功能入口,而这往往营销类产品的首页设计风格,即上方是功能入口,下方的推荐列表,类如美团外卖。
二、列表页——这是对大量同类信息的处理页面,最终目的是在这些大量的同类信息中找到自己想要的,而寻找方法主要有四个。
第一个方法是排序,具体的排序规则如下:
(1)按照时间排序:物品列表(最新个性的物品对用户有莫大的吸引力)、事件列表(事件发生的时间顺序对用户特别重要);
(2)按照字母排序:联系人列表、城市列表等;
(3)按照热度排序:关注度较为重要的列表;(例如商品、店铺、专家等);
(4)按照决策依据信息排序:例如要不要买这个商品的主要决策依据是价格,则可按照价格进行排序;若距离是主要的决策依据,则可按照距离进行排序;若配送时间是主要的决策依据,则可按照配送时间进行排序;
第二个方法是分类和标签概念,具体规则如下:
(1)分类:分类是可以有层次的,比如一级分类下面有二级分类,分类是较为概括的商品属性,而且除了一二级分类,再往下分类可参考的余地不大,因为用户心目中的分类和行业标准分类显然不是一回事,在用户连湖蓝色和天蓝色都弄不清楚的时候,不如就放弃按照颜色的此级分类吧。
(2)标签:一个物品除了分类外,还可以有标签,一个物品是可以有多个标签的,用户也可以通过标签来寻找到他想要的物品。
第三个方法是分类与筛选功能,具体规则是在用户需要很多其他的信息(类如多个分类、标签、颜色和地区等)作为决策依据时,为了得到更加精细而准确的结果,用户需要使用筛选功能,所以把用户会将考虑到的其他范围元素放到筛选内容中。(通俗的讲是分类和标签可有多个,类如颜色分类,地区分类,而对这多个分类进行多重筛选,类如颜色分类选择蓝色,地区分类选择广东省,这筛选结果是广东省地区的蓝色商品。)
第四个方法是搜索,具体规则如下:
(1)用户有明确的目标时,通过关键词搜索是非常敏捷的;
(2)如果用户搜索是有多个方向的,类如用户可以搜索作品名称或者作者姓名,这些是需要分开来的;
(3)搜索过程中用户对关键字未必记忆深刻,所以搜索需要一些辅助的过程,例如记录用户搜索的历史记录。
其中列表页的特点有三个,如下:
(1)列表的本质就是把同样的东西放在一起便于查找,所以我们很少会找列表页中同时放个不同的内容;
(2)列表是“找寻的页面”,在找寻任务中,按照某一个顺序排列是最重要的查询方式,所以规则排序是列表的特色(排序查询方法不可缺);
(3)列表是某类信息的全部,所以要告诉用户有终点,类如在搜索、筛选中,若搜索/筛选结果为空,这要明确告诉用户不存在。
三、正文页——可以是电子书类的阅读页面,也可以是新闻浏览页面,正文页的目的有四个,具体如下:
(1)查找,类如新闻浏览页面,则查找可以让用户快速的找到相对应的新闻;
(2)注视,我们要知道用户大概会在这个地方停留下来,并且试图理解什么内容,我们的目的是让他们停留下来的更加舒适,类如各种浮渣的数据表,用可视化的图表设计,会更加的友好;
(3)阅读,当正文像小说阅读页面的时候,我们要人用户拥有大段的时间来阅读,中途最好不要被大段,所以电子书阅读页面的设计去掉了状态栏,但是时间作为重要信息依然被保留下来,以防用户不得不离开APP去查看时间,另外为了 眼睛更加舒适背景使用了暗色或者更加友好的绿色;
(4)快速浏览,短小的、简易的信息便于理解。浏览的页面要突出信息重点,并且使用便于理解的元素提高浏览效率,所以一些新闻浏览页面,标题就大大概括了页面信息,所以放大标题和图片位置,弱化其他 元素,这是个非常高效的信息传达方法。
四、功能页——这是能让用户完成任务的页面(例如小说发表平台,允许用户在平台上发布小说,这就是让用户完成了任务),常见功能页所涉及的功能有发布内容、注册登录、设置编辑等,这种页面的特点如下:
(1)可控,让用户知道他能够控制一切。(例如填色游戏,设计师先为用户设计好了线稿,用户只需要在线稿内涂颜色,就不会丑到哪里去,再例如卡通人物搭配游戏,用户随意搭配,当最终都不会难看,因为搭配的元素本身就是设计好的。);
(2)拆分任务,把用户完成的任务拆分成一步一步的,这样可提高用户的自信心;
(3)时间,时间可指详细的时间,也可以指的是时间顺序,与拆分人物结合起来是必要的;
(4)看到并操作,功能页优先考虑人的活动,用户只有在看到任务提示后才会执行任务,所以内容表达要清楚,且要为用户留出来足够空间来点击;
(5)有且只有两个角色,类如视频会议,当用户发起会议,APP会告诉用户发起会议成功,下一个步骤会另外通知,这是两个角色。若用户发起会议,然后APP提示用户必须在线等其他成员同意才能继续,这就是多个角色,这样会造成用户不知道什么时候结束,进程不可控,解决方法是尽量两个角色一对一。
五、欢迎页——第一次进入APP的页面,主要显示以下内容:
(1)功能/服务介绍;
(2)气氛营造;
(3)操作手册。
六、过渡页——指的是在功能等待加载或主要场景跳转之间的页面,一般出现在以下情景:
(1)产品打开;
(2)场景跳转,例如闯关游戏的倒计时,就是过渡页的一种形式;
(3)防止跳转,当前后两个场景直接跳转会很突兀时,这时候就需要防止跳转了,具体例子是微信短视频重复播放的时候开头和结尾会有渐变效果。
七、加载页——是为了应对各种原因(网络加载速度、内容读取速度等造成的页面加载过慢)而产生的页面,有以下两个特点:
(1)时间不确定性;
(2)结果不确定性;
为了应对这两个特点而产生的变通手段有以下两个:
1、备用事件,当加载结果出错时,会用什么页面来代替;
2、跟踪进度,当无法控制时间时,起码我们可以告诉用户进度,而用户可根据进度自行安排。
八、沉浸式页面——需要较长时间待在的页面,往往不想要被别的事务打扰,在这种情况下,往往需要把手机状态栏隐藏,把一些必要的显示出来,把不必要的不显示或者放在更多按钮里面。
虽然做原型不算是一个产品经理最重要的能力之一,但一个规范的原型,却可以更好的辅助我们去做其他的工作。
最后,只有在不断的实践中,才能把书中的技巧转化为自身的实力。