- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
原型设计是什么,该怎么使用它?
做互联网产品的小伙伴一定不会对 原型“ ”这个词感到陌生。它就像 用户体验“ ”一样经常被各类
人挂在嘴边。它有许多近义词,如线框图、故事板等。那么究竟什么是原型设计,我们为什
么需要原型设计,如何进行原型设计呢?
本文将梳理关于原型的前世今生,弄清楚它到底是个啥,我们如何使用它。
原型设计是什么
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种
沟通工具。
线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要
的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。
原型设计在产品设计中所处的位置
原型设计的目的
很难想象一个没有原型的产品是如何诞生的。
原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务
。
原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详
细地解释交互。
你可以用屏幕录制软件或者用一只手机对着屏幕拍摄下你操作原型的过程,边录制可以边评论,
比如: 我现在有点晕了,不知道该怎么操作,或许点击这里看看“ …… 哎呀,好像点错了。 ”
原型设计的流程
开始做原型之前,请先考虑清楚以下几个要素:
原型设计流程
步骤一:画草图
画草图的目标是提炼想法,并且最好给画草图加上一个时间限制,那就是 15分钟。如果你绘画能力
很差,那么恭喜你,可能你能更好地用好草图,因为你的注意力没有放在美化你正在画什么上面。
画草图要避免陷入审美细节,尽可能快速的导出想法才是关键。
用纸笔画的用户个人账户的草图示例
用 HT ML 代码制作的相亲网站个人收集页面草图
步骤二:演示及评论
演示和评论的目标是把一些想法拿出来跟大家分享,然后进一步完善想法。在演示过程中,要做好
记录,演示和评论的时间可以对半分。
步骤三:做原型
在明确了想法之后,就可以开始进行原型设计了。这个阶段需要考虑很多细节,找出切实可行的
方案,运用合适的原型来表达。
步骤四:测试
原型的目标之一是让受众来检验产品是否达到了预期,因此可以请 5-6 位测试者,通过音视频捕捉
等方式,看看产品原型是否被顺畅地使用了。
原型设计工具
选择什么工具来制作原型?主要考虑以下几个因素(排名分先后):
常用原型设计工具调查结果( 2013 年),出处:
不得不说,这个结果很让人吃惊,没想到有那么多人用 Dreamweaver 做原型,在这里我介绍两种我
经常用到的原型设计工具。
PPT 和 Keynote
优点:
缺点:
现在非常流行把 Sketch 与 Keynote 放在一起用,简单说就是把 Sketch 里的图层、部件拖拽
到 Keynote 中,然后添加 Action 动作,按照剧本完成一套交互。
Axure RP
Axure 的优点不用多说,但使用它一个工具就能满足设计和文档需求(通过注解,生成规格文档)。
Axure 自带的部件库也给制作过程带来了便捷,类似 Omnigraffle 的stencil 一样,避免了重新发明
轮子。
要掌握 Axure ,主要应该弄懂四大核心功能:
Axure 7.0 还有中继器这个功能,但是个人觉得比较鸡肋,学习成本也比较高,主要可以用来做搜索
框的搜索结果联想的原型。
原型测试流程
原型测试是原型设计过程中的关键步骤,是整体流程中主要的里程碑之一。
可用性测试是一个庞大的话题,测试方法有一对一或者远程测试,难点是从测试中得到有质量的
成功。
测试结果取决于测试者,务必招募到合适的人。要找到合适的人,需要对测试者制定一系列的筛选
标准,比如一个社交产品绝对不可能找一个连电子邮件都没有的人来测试。
测试时长可以是一个小时左右,足以测试 5个到 6个左右的关键场景,并列出一些观
文档评论(0)