原型设计基础与案例实战第3章（编定）

《原型设计基础与案例实战第3章（编定）》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第3章原型设计准则下面分别从制作原型的技巧、做产品的思路、用户体验等几个方面，介绍一些设计原型的经验。当然，所有规则都是用来打破的。初学者可以参照本书，结合自身的经验，摸索出属于自己的原型设计准则。3.1原型做成高保真还是低保真按细致程度，原型可以分为高保真或低保真。原型应该做成高保真还是低保真一貢是个很有争议的问题。本节将解释两者的含义，并提岀如何在两者间选择的建议。3.1.1什么是高保真.低保真原型按精细程度可以分为高保真与低保真两种，如图3・1所示。低保真原型通常只是简单的线框图乐意。而高保真原型则看起來更像实际产品，可以点击，可以有各种交互，看着跟真

2、的网页、APP—样。(a)低保真原型节气删养生在这个偏僻的地方，覚然有这么离冷的茶空迷老爬进这间茅屋，每个人都被商了••…不可不舌！名门世凉的五条家训(b)高保真原型图3・1高保真原型与低保真原型3.1.2如何选择高保真与低保真很多人在是否用Axure做高保真原型上犹豫不决、争论不休。其实，原型是否要做成高保真,应该取决于观看者的需求。（1）与技术人员沟通：技术人员通常有一定的经验。常见的交互方式和简单的功能逻辑,只需低保真示意，对方就能明白。创新的交互方式和复杂的功能逻辑，需要做出带交互的高保真原型。这样才能让沟通更顺畅，需求表达更准确，避免沟通不清，技术

3、人员重复劳动。（2）-与设计人员沟通：设计人员主要精力放在视觉方面。产品经理要明确信息结构和功能范围。在原型屮通过色彩和大小表示出页面重点和功能优先级。明确了这些设计人员才能更好的发挥。（3）一与客户、老板沟通：通常发生在产品方案的评审阶段。如果你认为你的方案是一个好方案，那么你应该想尽办法的让方案通过。原型应该尽量精美，提高对方的印象分。原型应该尽量高保真，避免对方纠结细节，让沟通更顺畅。尽量做出有亮点的交互，获取对方的认可，提高自己的说服力。另外，注重交互的产品（例如视频编辑、效率办公等类型的产品），不得不做高保真原型。因为，如何通过高效的交互引导用户完

4、成功能流程，是这类产品的核心。交互动画是这类产品最重要的一部分。作者刚学Axurc的时候，觉得交互功能很酷，常常忍不住给每个页面，每个按钮都添加交互动作。到了“交作业”的时间，才发现好像主功能好像述可以再优化，产品整体结构还有问题。然而这时已经没有时间去做这些事了。所以，一个好的产品经理应该掌握全部Axum技能，但在设计原型时按需使用。把80%的时间花在产品主流程上，在主要页面上创新交互，规划布局。次要功能尽量用常见的方式实现。原型中，主要页面做高保真，次要页面用低保真示意。这样，就能兼顾效率和效果了。3.2原型中要使用真实的数据原型屮应该尽量使用真实数据，

5、模拟真实情况。因为只有使用真实数据，才能分析出准确的需求。例如图3-2中的原型，要试试真实的书的封面，才知道图片要放多大能看清楚。要试试真实的书名，才知道要预留多少空间，书名是否足够吸引，是否需要加书的简介……所有信息都是真实的，才能准确规划页面用卡片合适，还是列表合适。发现引爆社群1引爆社群：移动互联网时代的新4C法则厲兴通2个好友在读这本书0吕巨）2发"七架姐仝放图3-2使用真实数据才能准确规划布局3.3产品流程应该尽量完整绘制原型要做出完整流程，尽可能考虑多种情况。设计原型时很容易想到正常的流程，但容易忽略分支流程和异常情况。3.3.1考虑用户出错的情

6、况誨其他声用戸出错是难免的,图3-3允许更换账号3.3.2考虑系统出错的情况例如，上传图片时，文件上传失败，或者对上传的图片不满意想换一张，产品应该拥有重试和重做功能，如图3-4所示。0.04K/S❻..ilffl16:11图3・4网络出错的情况3.3.3考虑没有数据的情况如果没有初始数据，用户看到的就是一片空白，此时用户可能不知道该干嘛。可以利用好没有数据的初始界面，让用户学习和熟悉如何使用程序，引导用户创建数据，如图3-5所示。联合积分+现在就添加〜积分账号只需10秒！图3-5没有数据的情况3.3.4考虑每一步的状态例如，电商订单有发货.收货状态，邮件有

7、己读或未读的状态，支付有支付成功或未支付的状态。可以通过不同的视觉风格，如颜色、深度和对比度帮助用户清楚的知道目前的状态，和接卞来要干嘛，如图3-6所示。拳价eiitrrsjHBL乐扫乐kiwjmt^sshwi¥4291¥429G枳分与计：429枳分2015-1-11订•号：E34M¥429429P»©it：429F»图3-6订单的多种状态3.3.5添加适当的提示当用户执行了一个动作，应该有成功或失败的提示。比如：发布文章之后是否发送成功，如图3-7所示。发送邮件之后是否发送成功。修改的设置选项是否保存。图3-7文章发布成功提示3.4原型需要快速迭代在软件开

8、发中，“修改”是一件成木非常高的事。越前期发现错误，