一、流程说明
1)先有相应的想法或者需求,因需求的发散性及不断变化性,需要进行相应的澄清并明确。
2)因需要将想法进行清晰的表达,需要在白板或者纸质上进行图画,而后延伸到在电脑上画线框图,从画图工具 到专业的线框图工作Axure等,例如我想到了鸡蛋,就在白板上画个椭圆,然后进行文字说明:鸡蛋。
3)根据产品意图即澄清的需求与线框图进行比较,看是否满足需求,如果满足则进行视觉设计,否则修改线框图
4)视觉设计即通过视觉审美的角度,提高线框图的颜值。在视觉过程中,不断修正线框图,或者进行相应说明
5)在视觉设计过关后,将各个页面的线框图进行相应的交互动作,从而满足产品需求,最后进行原型交付。
二、线框图及基本交互
基本元件
母版--可以在母版中添加一些导航栏,从而减少修改的工作量。
导航
幻灯片轮播
生成原型
三、高级交互
因一般在工业软件领域,在相应模板的基础上,线框图和基本交互功能基本能实现相应功能。高级功能基本比较少使用,此处只做导航用处。
1、中继器-包含排序、筛选、分页、添加删除等功能,参考工具书P98
2、变量-包含局部变量、全局变量,实现Table标签切换等参考工具书P112
3、函数-包含函数分类,实现滑杆效果、文字计数效果等参考工具书P118
4、逻辑条件-交互过程中通过逻辑条件进行比较复杂的功能
四、模板工具
因为我工作关系,是面向工业软件的,因此对视觉设计这块往往不怎么重视,因此更多的重心在线框图和交互上,但是也不想太丑,以及线框图和交互上想相对快速的交付,因此收集了一些模板。
一些常见的原型模板基本够用了:https://www.axureux.com/home/default.html
工具书为Axure RP9 实用教程