注册 | 登录
一只努力生长的产品喵。
产品经理就业培训班，12周特训，测、练、实战，22位导师全程带班，200+名企内推，保障就业
做互联网产品的小伙伴一定不会对“原型”这个词感到陌生。它就像“用户体验”一样经常被各类人挂在嘴边。它有许多近义词，如线框图、故事板等。那么究竟什么是原型设计，我们为什么需要原型设计，如何进行原型设计呢？
本文将梳理关于原型的前世今生，弄清楚它到底是个啥，我们如何使用它。
原型设计是什么
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。
线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。
原型设计在产品设计中所处的位置
原型设计的目的
很难想象一个没有原型的产品是如何诞生的。
原型设计的核心目的在于测试产品，没有哪一家互联网公司可以不经过测试，就直接上产品和服务。
原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。
你可以用屏幕录制软件或者用一只手机对着屏幕拍摄下你操作原型的过程，边录制可以边评论，比如：“我现在有点晕了，不知道该怎么操作，或许点击这里看看……哎呀，好像点错了。”
原型设计的流程
开始做原型之前，请先考虑清楚以下几个要素：
做这个原型的目的是什么？
这个原型的受众是谁？
这个原型有多大效率帮助我传达设计或测试设计？
有多少时间做原型？需要什么级别的保真程度？
原型设计流程
步骤一：画草图
画草图的目标是提炼想法，并且最好给画草图加上一个时间限制，那就是15分钟。如果你绘画能力很差，那么恭喜你，可能你能更好地用好草图，因为你的注意力没有放在美化你正在画什么上面。
画草图要避免陷入审美细节，尽可能快速的导出想法才是关键。
用纸笔画的用户个人账户的草图示例
用HTML代码制作的相亲网站个人收集页面草图
步骤二：演示及评论
演示和评论的目标是把一些想法拿出来跟大家分享，然后进一步完善想法。在演示过程中，要做好记录，演示和评论的时间可以对半分。
步骤三：做原型
在明确了想法之后，就可以开始进行原型设计了。这个阶段需要考虑很多细节，找出切实可行的方案，运用合适的原型来表达。
步骤四：测试
原型的目标之一是让受众来检验产品是否达到了预期，因此可以请5-6位测试者，通过音视频捕捉等方式，看看产品原型是否被顺畅地使用了。
原型设计工具
选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）：
熟悉程度和获得工具的便利度；
所需的时间和精力；
可复用的代码/框架；
为测试创建可用的原型；
价格和学习曲线。
常用原型设计工具调查结果（2013年），出处：toddwarfel.com
不得不说，这个结果很让人吃惊，没想到有那么多人用Dreamweaver做原型，在这里我介绍两种我经常用到的原型设计工具。
PPT和Keynote
技术门槛低，学习曲线不陡峭；
可用幻灯片母版，复用性高；
模拟移动端产品，修改画板适应手机端尺寸即可；
可导出为HTML或PDF文件；
绘画工具有限；
交互动作有限；
现在非常流行把Sketch与Keynote放在一起用，简单说就是把Sketch里的图层、部件拖拽到Keynote中，然后添加Action动作，按照剧本完成一套交互。
Axure的优点不用多说，但使用它一个工具就能满足设计和文档需求（通过注解，生成规格文档）。
Axure自带的部件库也给制作过程带来了便捷，类似Omnigraffle的stencil一样，避免了重新发明轮子。
要掌握Axure，主要应该弄懂四大核心功能：
母版：主要用于制作网页的页头、页尾，可复用性高；
动态面板：核心中的核心，“层”的概念很重要；
图片热区：在一张完整的图片上通过热区，建立交互动作；
函数和变量：局部变量和全局变量的概念以及应用（比如用户登陆效果）。
Axure 7.0还有中继器这个功能，但是个人觉得比较鸡肋，学习成本也比较高，主要可以用来做搜索框的搜索结果联想的原型。
原型测试流程
原型测试是原型设计过程中的关键步骤，是整体流程中主要的里程碑之一。
可用性测试是一个庞大的话题，测试方法有一对一或者远程测试，难点是从测试中得到有质量的成功。
测试结果取决于测试者，务必招募到合适的人。要找到合适的人，需要对测试者制定一系列的筛选标准，比如一个社交产品绝对不可能找一个连电子邮件都没有的人来测试。
测试时长可以是一个小时左右，足以测试5个到6个左右的关键场景，并列出一些观察结果和关键问题，例如：
用户如何开始任务的？（是搜索还是浏览？）
他先做了什么，再做了什么？
他如何做出最终决定的？
他们是否领会了设计意图？有什么操作困难？
关于记录测试结果，可以结合定性和定量两种方式，做一张计分表，用1-5的程度来表示；同时定性地记录用户的一些表达，尽可能地原话记录。
最后分析这些记录，改善设计。
产品原型设计或者说产品开发是没有尽头的，它是一个不断发展，循环上升，整合知识和经验，不断迭代和完善过程。
#专栏作家#
粽小喵，微信公众号：zong_xiaomiao，人人都是产品经理专栏作家。腾讯产品经理。一个学传播出身的产品新人，爱好研究原型设计工具。
本文原创发布于人人都是产品经理，未经许可，不得转载。
赞赏是对原创者的最大认可
收藏已收藏 | 274赞已赞 | 20
一只努力生长的产品喵。
产品经理群
运营交流群
数据分析群
文案交流群
Axure交流群
关注微信公众号
大家都在问
11个回答12人关注
19个回答29人关注
12个回答11人关注
17个回答63人关注
15个回答23人关注
21个回答71人关注这个图片是什么意思？？？驴字有什么含义？_百度知道
这个图片是什么意思？？？驴字有什么含义？
我有更好的答案
有句话叫“驴日的”你懂的！
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。这图什么意思？_百度知道
这图什么意思？
这图什么意思？特别是第一张左下是什么意思？
您的回答被采纳后将获得：
系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
我有更好的答案
左边刚开始摆了求救的信号（HELP），结果飞机都不下来，后来改变成机场停机场的样子马上就有飞机下来了
机场停机场？
感觉不像啊。
还真不像。
难道是我没见过的原因？
原图在这里，图解，
左下图讲的是一个西方国家众所周知的故事！暗喻，妾，妓女，
我想知道我问的。
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。请问这个图片的字是什么意思_百度知道
请问这个图片的字是什么意思
请问这个图片的字是什么意思如图
我有更好的答案
哦雷瓦在日语是男性自称，大概可以翻译为“我是”警告的话，，大概是角色的名称的音译了
哦，，看了楼下原来警告就是中文x，，刚刚傻掉了
采纳率：38%
欧蕾瓦是日语我的意思
就是我警告
University, said on
意思是什么
其他2条回答
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。什么是简便计算，它的含义是什么？
“简便运算”是四则混合运算中的一种特殊运算方式，其作用是：让相关信息在短暂的时间内快速地算出正确答案。简便运算与四则混合运算的算法是有区别的，它不按四则混合运算的运算顺序进行运算，而是运用各种运算性质和运算定律进行运算，是一种特别的运算方式。
“简便运算”的试题种类很多，一般可分为两大类：用“运算定律”和“运算性质”进行运算
（一）运用“运算定律”进行运算
（1）运用“加法交换律和结合律”进行运算。
123＋98＋77
＝（123＋77）＋98
（先交换）
（后结合）
（2）运用“乘法交换律、结合律和分配律”运算。 ①运用“乘法交换律和结合律”运算。
125×37×8＝125×8×37＝37000
这种试题是先应用交换律，后应用结合律，减少了计算的复杂性，保证了计算的准确性。
②运用“乘法分配律”运算。 A
27×6＋27×4＝27×（6＋4）
这类试题是开放型的，有的虽然不能直接运用乘法分配律进行运算，但是可以应用乘法分配律进行同化方...
“简便运算”是四则混合运算中的一种特殊运算方式，其作用是：让相关信息在短暂的时间内快速地算出正确答案。简便运算与四则混合运算的算法是有区别的，它不按四则混合运算的运算顺序进行运算，而是运用各种运算性质和运算定律进行运算，是一种特别的运算方式。
“简便运算”的试题种类很多，一般可分为两大类：用“运算定律”和“运算性质”进行运算
（一）运用“运算定律”进行运算
（1）运用“加法交换律和结合律”进行运算。
123＋98＋77
＝（123＋77）＋98
（先交换）
（后结合）
（2）运用“乘法交换律、结合律和分配律”运算。 ①运用“乘法交换律和结合律”运算。
125×37×8＝125×8×37＝37000
这种试题是先应用交换律，后应用结合律，减少了计算的复杂性，保证了计算的准确性。
②运用“乘法分配律”运算。 A
27×6＋27×4＝27×（6＋4）
这类试题是开放型的，有的虽然不能直接运用乘法分配律进行运算，但是可以应用乘法分配律进行同化方式或顺运方式进行运算。
（二）运用“运算性质”进行运算
（1）运用“加法运算性质”进行运算。如：
①168＋98＝168＋100－2＝266
②168＋103＝168＋100＋3＝271 这类试题的简算方法是：找出两个加数的特征把其中一个加数看着是比它较接近的整十、整百或整千数来相加，然后看是“多加几，就减去几；少加几，就再加上几”。
（2）运用“减法运算性质”进行运算。如：
①327－99＝327－100＋1＝228
②458－103＝458－100－3＝355 这类试题的简算方法是：看减数的特征把它看作是一个与它比较接近
的整十、整百或整千数来减，然后看是“多减几”还是“少减几”，如果是多减几，就再加几；如果是少减几，就再减几。
③ 178－47－53＝178－（47＋53）＝78
这类试题的简算方法是：（算理）一个数连续减去两个数，可以写成这个数减去后两个数的和，但是必须注意，要先找出“后两个数”的特征，即它们相加的结果是不是整十、整百或整千数等。如果是就可以用这个方法进行简便运算。
（3）运用“乘法运算性质”进行运算。如：
25×32＝25×4×8＝100×8＝800
108×24＝（100＋8）×24＝100×24＋8×24＝2592
这类试题的简算方法是：先看算式中两个因数的特征，看看其中哪一个因数根据需要按“积的形式”或“和的形式”折分后，与另一个因数相乘，可以使计算简便，就选择那种方式。
（4）运用“除法运算性质”进行运算。如：
1＝12500÷（25×5）＝1＝100
900÷36＝900÷9÷4＝25
这类试题的简算方法是：第一种试题（算理）：一个数连续除以两个数，可以改写成这个数除以后两个数的积；第二种试题的简算方法是根据需要把除数折分成两个因数的积，使计算简便。
总之，在四则混合运算中，简便运算试题的类型不外乎这几种形式，只要学生掌握四则混合运算顺序，同时掌握好上述简便算法，就可以保证计算的时效。
答: 农保领取怎么计算公式
答: 老师主动，多让学生背，思考，不学也得逼着，以后他们就知道对不对了
答: 科学总体上分为两大类－－－自然科学与人文科学。
人文科学研究的是人与人之间的关系，人的思维与认识，其包括哲学、政治、经济、社会、文学、艺术等。这类学科既有自身的...
答: 中国人的数学理应比外国人好！ 这是我的个人观点，这在于中国人对数字的发音是单音，因此，对数字的记忆较为简单，提高了学习数学的效率！
而科学的发展，往往受制于社会...
大家还关注
Copyright &
Corporation, All Rights Reserved
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区