产品原型图的分类

低保真图,设计师或者需求方对于产品的一种快速静态清晰的表达手段,用于项目前期的讨论和沟通,给项目成员间或者客户沟通时提供一个大致的概念和讨论方向,以便快速的理解和及时的提出自己的建议。
你可以把线框图理解为设计图的核心,它承载着最终产品所有重要的部分。线框图能界定界面的大致结构和布局,能够清晰的表达内容信息的展示位置。线框图能够包含界面的主体交互元素
线框图一般不会过多地要求细节和华丽度,在内容的真实性上也不会有过高的要求,但必须能表达你的设计思考和方案。主要是以黑灰线框和简单的块面及占位符来组成整个线框图。线框图在整个设计过程中发挥着惊人的效果,在复杂项目的初始阶段必不可少。

高保真的设计图,代表着最终产品模拟交互设计,原型应该尽可能的模拟,最终的产品交互则应该精心模块化,尽量在体验上和最终产品保持一致,原型图从界面上体验内容与交互和最终产品是一样的。

流程图。
流程图。用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤,通常会把产品的使用流程作为某些任务去完成,用语言描述想要达到的目的,每一个步骤用一个节点来表示,用线和箭头表示出每一步骤的方向,和所要达到的下一个步骤。流程图意在帮助设计师很好地了解产品的功能结构和用户每一步操作,而达到自己使用的目的。
制作流程图的基本要点就是可以总结为三点:

第一点,流程路径不要交叉。

第二点就是复杂流程进行精简,只保留最少的路径。

第三点就是反复思考和理解需求,深入理解才能更好地改进。

流程图由特定的图形构成,但具体的样子由图本身的目的和阅读者的阅读习惯(或约定)来决定,所以使用的图形并不是固定的,比如有人用圆形表示开端和结束,有人则用圆角矩形,有人有云团表示其他流程的引用,有人用矩形加文字来表示,形式不重要,达到描述的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。 全世界流程图都差不多,作为一种表达工具存在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层,也就是说,描述的是界面(或叫屏幕)的变化,是用户看到的界面的行为流。什么行为呢,界面之间的跳转逻辑,也就是导航逻辑。

产品设计中涉及的流程图有三种,业务流程图、任务流程图、页面流程图

第一种,业务流程图,凡事都是有流程的,包括最简单的吃饭睡觉刷牙,刷牙时,你要先拿起牙刷牙膏、挤牙膏、刷牙、漱口、洗牙刷、放好牙膏牙刷。每个主体都有其相应的任务;并用箭头来表示各个任务之间的先后次序。

第二种,任务流程图,例如买家选购商品这个任务就涉及到搜索商品、浏览搜索结果、查看商品详情、若满意则进入订单任务,若不满意则返回到搜索结果或者重新搜索,这就是具体的某个任务的流程。画具体任务流程的时候要注意从整体流程到局部流程,从主干流程到分支,从正常流程到异常流程。对于交互设计师来说,任务流程的主体一般是产品的用户,任务流程图反映的则是用户的行为。


 第三种 页面流程图

任务流程图展示了主干任务和分支任务,描述了一个任务的大致流程。而页面流程图的对象是页面,页面是互联网产品设计最基本的单元,不管APP也好、H5也好、PC端也好,这些产品由一个个页面组成。页面流描述了用户完成一个任务需要经过哪些页面。也就是我在哪,经过什么操作,能去哪。页面流有三个要素:页面、行动点、连接线。产品设计从需求分析到信息架构、再到业务流程——任务流程——页面流、再到最后的原型图(线框图)是一个从抽象到具象的过程,也是从概况到细分的过程。经过一步步的分析,逐步将想法变成实实在在的产品,这就是产品设计的魅力所在。而这其中流程设计起到举足轻重的作用,不可忽视。
 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值