天天看点

关于交互原型设计的一些建议

一、遵守原型设计规范

很多新人交互设计师都比较容易忽略这一点,没有按照原型设计规范来布局,这样容易导致的结果就是:视觉设计师在按照栅格排版时,发现在交互稿中能排下的内容,在视觉稿中排不下了,这样就还得返回去改交互稿,或是需要重新设计布局。

所以要养成习惯,在设计初时,一定要先根据原型设计规范进行布局,同时也要保证交互稿中的字号、间距尽量符合视觉要求(比如间距最小10像素等),以免给视觉造成不必要的困扰。

二、不要过多使用截图与颜色

有些产品人员或设计师为了能方便,拼凑各种竞品的截图,组成一个页面。这样即不规范,也大大降低了交互稿的档次,还会对视觉设计师也有一定的干扰,个人是非常厌恶的。

另外,交互阶段的产出方案,应该更聚焦在信息布局、内容层次、操作流程。不太建议在交互稿上使用色彩(除了文字或特殊状态),避免对视觉设计师造成不必要的干扰。如果真的有一些关于想法,可以通过文字描述,或者直接告诉视觉设计师需要营造什么样的氛围,达到什么效果。

让色彩、质感、具体形势交给视觉设计师,多点空间让视觉设计师去尽情发挥。

关于交互原型设计的一些建议

三、不要过于注重交互动作效果

Axure提供了丰富的动作脚本支持,使得动态模拟真实界面交互变成可能, 能实现状态切换、时间动画以及其他一些惊人的小玩意。

但有时候我们需要思考,在日常项目中是否需要花费这么多的精力和时间?

这也取决于于这个原型是用于什么情境。如果原型是用以进行早期的可用性测试,或为争取资源的高保真演示汇报原型,也许需要我们快速产出接近于实际界面的可操作效果。

而如果只是用于流程中的交互物,提供给视觉设计师或前端工程师进行开发,那么过度的设计和效果只能是浪费精力。

关于交互原型设计的一些建议

四、建立一套属于自己的部件库

把常用的控件、功能组建、图标、标注等制作成通用的标准小单元,插入到部件库(widgets),在制作交互原型时,只需要调出需要的控件即可,这可以大大的提高你的效率。可以网上搜索或者调用下他人分享的。但个人建议,还是根据自己的习惯或产品设计规范,制作一套自用的标准控件库。

关于交互原型设计的一些建议

五、善用母版,提高效率

大量的页面进行统一的更新也是相当麻烦的一件事。在制作时,直接用母版制作复用的模块,来取代复制黏贴,在需要调整时,只需要调整母版文件即可。

母版是Axure提供的类似于自定义组件的功能,你可以在母版r设计常用的交互组件,然后在不同的页面引用,如页面头尾、菜单等会在大部分页面公用内容,非常适合做成母版,然后在各个界面中拖曳相应到指定位置。这样当这些共用内容需要修改时,只需修改母版即可。

关于交互原型设计的一些建议

六、版本存档也很重要

原型,跟实际产品一样,是会迭代和不断被修改的,所以,一定要记得存档。即使是在同一个原型上做修改,也一定要做记录,这对后续回顾很重要。

交互原型设计,是每个交互设计师最最基本的技能,这也是一个梳理思路很好的方式,但不是唯一的方式。Axure是帮助我们进行交互原型设计的工具,它不是唯一的工具,但在所有工具当中是比较受欢迎的。

继续阅读