原型图是什么?为什么要画原型图?

什么是原型图?

“原型”的最基本定义是“最终产品的仿真或样本版本,用于发布之前方便测试。” 原型的目标是在花费大量时间和金钱进入开发产品前,让开发者快速的了解产品创意。

原型图对于是否能启动开发起着至关重要的作用。它还可以提前避免需要改进的地方。假设你用你的产品理念的草案给客户演示,你会如何想如何设计该产品。然后,您可以不断的调整您的初始猜测并修改原型。

原型图的特点有?

  •  表达形式—原型的实际形式,即纸张和移动形式,或HTML和桌面。
  •  制作精度-原型的保真度,意味着其细节水平,修饰度和逼真度。
  •  可交互性—向用户开放的功能,例如,全部功能,部分功能或仅查看功能。
  •  周期性—原型的生命周期。其中一些可以快速构建,测试,丢弃,然后用改进的版本替换(这被称为“快速原型制作”)。可以构建和改进其他产品,最终发展为最终产品。

为什么画原型图?

当⼀个企业想开发⼀款产品时,那么绝⼤多数企业本⾝并不懂得互联⽹知识,与外包公司沟通清楚业务流程和需求后,其实并不知道想象得到,⾃⼰的产品的表现形态。
那么原型图就可以让⾃⼰提前看到,产品的界⾯样式,每个按钮的功能和效果,也可以看到产品的基本框架,和运作机制,获得⽐较真实的感受。
因为原型图不是最终设计稿,当有需求需要修改,或者逻辑交互不符合需求时,修改起来也是⽐较⽅便,不会很⿇烦,能够在开发前排除⼀部分的潜在问题和故障。

在企业⽅确定了原型图后,接下来作为UI的设计⼈员,直接看原型图,根据原型图设计相关的界⾯和交互,因为UI设计⼈员,没有与企业⽅直接沟通过需求,不能理解产品的真实意图,给设计⼈员提供⼀份原型图,能很好的节省沟通成本。
开发⼈员也可以很快速的理解到产品的样式和需求,以及功能点,如果没有原型图,开发⼈员就会出现很多想当然的情况,结果做出来的功能不是⾃⼰想要的,最后就会出现需求和开发互相推卸的情况。

其实最后会发现,原型图让⼤家都能参与到项⽬中来,让产品往预期的⽅向推进,并能得出解决⽅案,也省去很多沟通的时间成本。

怎么画原型图?

工具

可以采用草稿、HTML或者是专业的画图工具。

规范

画原型图没有特定的规范,但是需要注意的是画原型图的时候不能直接截图,需要自己手动的画出来。
如果多个页面共用一个颗粒,需要单独写,然后引用,就像前端封装组件一样。
原型图展示的顺序要按照真实用户使用的顺序,要有可以点击事件,就像用户使用真实的软件一样。

© 版权声明
THE END
喜欢就支持以下吧
点赞7 分享