BACK >
网站建设的交互设计稿体验更好
作者:吾诺翰卓    浏览次数:592    日期:2018-03-17

交互说明的字体大小、颜色、间距、粗细等

而在标注上,我们可以采用很多标注形式,比如大标题的标注是1;二级可以是圆点、abc等等;再到三级再进行变化。而不是一成不变的从1写到99。

a. 考虑不同角色的不同需求

交互稿有很多人要看,开发要照着交互稿逻辑进行开发、测试要照着交互稿的规则写测试用例(如果不全,我们得补)、视觉要看着交互稿中的界面进行视觉创意等。

因此,我们在设计时要尽量考虑不同角色的需求,这是在交互稿中的方方面面中都要注意的。比如第8要点图中第4条,针对视觉,写出视觉需制作两种图标;而有些时候,我也会在适当的地方标明视觉可进行创意发挥;而在开发和测试层面,则需要严谨的逻辑和易理解的方式。

b. 通过遍历方案和界面,关注极端情况

交互设计自查表是一个好东西,可以让我们很方便的关注到极端情况,但是我感觉实行起来还是没那么容易的。而我现在采用遍历的方法来走查我的界面和方案,即通过交互设计的思维去关注极端情况。

一个界面,从场景和流程上看会有这些问题:它是怎么出现,如果出现不了怎么办;界面中的每一个元素是怎么出现的、如果出现不了怎么办;界面中的每一个元素的状态是如何的、是否有多种状态;界面中的每一个元素的操作是如何的;界面中的每一个元素操作后的状态是如何的等等。而每一个元素、每一个页面都这样过一遍,会减少很多极端情况的丢失,如下图所示,通过遍历写交互说明。

网站建设,交互设计,交互设计师

通过遍历来写PC端群空间动态详情的交互说明

而遍历不单单能用在写交互说明上,再深一步还可以用在设计方案本身上,比如为什么要有这个元素或信息;这样的元素和信息能带给用户什么;用户能不能理解;可不可以有其他方式;能不能更简洁等等。但往往这个层面的遍历会耗费大量的时间和脑力,所以包括我在内的很多人应该都会忽视,还希望自己未来能更多的尝试这种方式来审查设计方案。

总结

其实还有很多能够提升交互稿体验的方法,比如第10点的遍历图中「A7-动态详情页」这样的标注会使每个页面更清晰,但会增加和耗费我们在设计交互设计稿的时间。曾经,视觉团队反馈,可以将所有界面放入一个页面,这样可以更方便视觉设计师查看等等。

其实,很多方法和规范是死的,人是活的。在什么样的场景下,满足什么样的需求才是王道。而我们的交互稿的初级目标是可用,终极目标才是体验更好。

在自己的时间和精力较多的情况下,可以尝试优化一下自己的交互稿体验,并逐渐可以养成思维和习惯;而当自己时间和精力有限的情况,保证设计方案的质量才是关键。