快好知 kuaihz

交互验收的4项常规流程和8个具体内容

本文主要说明交互设计师进行交互验收的常规流程、交互验收的内容,以及验收注意事项。

做任何事情都应该有始有终,设计工作也是如此。

设计师前期参与需求讨论、需求评审、输出设计方案、组织设计评审、完成评审后的修改,以及交付给下游同事之后的协调沟通等,以上每一个步骤都需要投入较多的精力。

同时设计师仍然要做好善后工作,设计方案的交付只是项目推进过程中在设计节点的结束,想要保证项目后期上线的效果,认真对待“设计验收”是非常重要的一个环节。

本文主要说明交互设计师进行交互验收的常规流程、交互验收的内容,以及验收注意事项。

一、什么是交互验收

是指某个项目已经完成开发,测试人员已完成功能验收,确保各个流程无异常和无阻断之后,参与项目的交互设计师从交互层面对项目的实现效果进行验收,发现交互问题并提交给开发跟进解决,之后再次复验的过程。

二、交互验收的常规流程

1. 测试完成功能验收,将代码打包提交给设计师验收

交互设计师开始验收的时间点,一般情况下是在测试人员完成1~2轮测试之后,这样设计师验收时主要的精力集中在设计相关的问题上。

这里有两个需要注意的地方:

个别紧急待上线的需求,交互设计师可能会在测试人员未完成功能验收时介入,只是过早参与验收,发现的问题可能会比较多,其中有些并非交互问题,会耗费设计师过多的精力与时间;

实际工作过程中,交互设计师在某个时间段内可能会承担多个项目,处于并行推进的状态。需要合理安排时间,在给定时间范围内完成验收工作。

2. 汇总验收问题

交互验收时可以按照不同的维度记录bug,比如按照需求的主流程与子流程经过的页面验收、按照交互稿中原型输出的顺序验收

对于一些复杂的需求,包含相对复杂的流程,需要在验收过程中结合以上两种方式。

无论如何验收,最终需要将发现的交互设计问题汇总,建议以文档的形式集中记录(或者有些公司是提交bug清单任务),之后一起交付给开发。

这样便于开发抽时间集中解决,最好不要在工作群内单个抛问题,这样既不利于交互设计师后续复验,也不利于开发查阅问题。

3. 将问题提交开发解决,跟进解决的进度和结果

告知对应的开发查看和解决汇总的验收问题,最好能提前了解开发解决所需的大概时间,便于自己提前预留复验时间。

开发在解决提交问题的过程中,对于已经解决的问题会通知你再次复验,对于未能解决的问题会告知你原因,此时需要针对具体情况分析判断:比如现有条件下是否有其他合理的替代方案?

如果是因为开发技术实现难度、开发实现周期等因素,可以与产品经理沟通,对此类问题进行归类记录、并且标明未能实现的原因,站在交互设计师的角度给出合理建议。

4. 上线后的验收

即使是待上线的测试版,复验没有问题之后,也无法保证发布正式版一定准确无误,当然这是小概率事件。所以交互设计师仍然需要在需求发布正式版之后,再次对线上进行验收确保无误。

三、交互验收哪些内容?

1. 交互流程

页面逻辑判断中涉及到的关键任务路径,是否符合交互稿中设定的流程?

交互设计师在输出交互稿时,一般会对需求中涉及到的关键任务,尤其是判定条件相对较多的任务流,绘制任务流程图。

这样做的目的既有利于查看交互文档的人员明确判定的流程,也有利于交互设计师验收时快速调用、提升验收的效率。

2. 交互逻辑

在各种预定的操作情境下,用户每一次操作所触发的页面状态、操作结果是否达到预期效果?尤其是特殊状态下的页面样式、提示等。

这里也需要关注“逆向操作”,即顺着正常路径执行返回操作,页面跳转逻辑是否正常。

同时避免页面跳转逻辑陷入死循环。比如在移动端帐号登录页面有注册入口,点击注册按钮进入新用户注册页面,此时有的应用会在注册页面继续放置“登录入口”,若在注册页面点击登录按钮,则默认返回上一级登录页面,并非是继续进入下一级页面,不然极端情况下这种场景会陷入死循环,用户反复点击多次,就需要回退多次。

3. 页面元素的交互细节

页面元素的交互细节与交互稿中元素的交互说明是有对应关系的,主要包括:

页面元素位置、可点触区域、默认状态、触摸/悬浮状态、点击后的结果等是否符合预期;

元素的限定极限值(最小或最大值)、交互动作(点击/滑动/长按等)、页面切换方式(其中PC端判定新窗口打开还是当前窗口刷新,移动端涉及到页面滑入滑出方式);

页面元素不同场景下的不同状态:比如电商详情页“立即抢购”按钮,当商品的库存不足时,该按钮置灰不可点,并在页面给出相应的提示说明)。

4. 交互动效

如果交互设计师在输出交互稿时,有相应的动效设计或文字说明(一般简单的微动效可以通过文字表述,复杂一些的动效需要通过专业软件输出动效demo),验收时同样需要查看动效的还原度。

5. 不同屏幕尺寸的适配问题

PC端网页设计中,通常会依据网页重要性对页面进行不同屏幕宽度的自适应,比较常见的是大部分网站首页会依据不同宽度节点进行自适应。因此在交互设计阶段就需要考虑到自适应布局,验收时自然也不能忘了。

移动端界面设计,由于近年来大屏手机的出现,其中最典型的是iPhone的刘海屏,尽管我们输出交互稿目前仍然是以iPhone 6的一半尺寸为标准,但是由于各种类型大屏手机的出现,导致我们不得不在设计初期、以及验收阶段考虑大屏手机的适配问题。

举例:比如iPhone X去掉实体Home键之后,将返回主页/调起多任务窗口的操作按钮至于屏幕底部,并且为了避免交互手势冲突,苹果官方标明了针对此类机型进行界面设计的安全区。

所以在设计底部导航栏时,就需要将底部导航栏放置于安全区的底部,而不是屏幕的底部,不然会引发手势冲突。

6. 操作的易用性与使用体验

实际工作过程中,经常会遇到一种情况:原本按照交互稿的方案,可以确保页面操作的易用性,但实际开发过程中基于开发技术实现的复杂度、开发时间有限等因素,可能无法实现交互稿的方案。

此时综合各种影响因素,给出合理的替代方案,那么验收时也需要特别注意替代方案的易用性与使用体验。

7. 验收到非本次需求的其他问题

此时需要评估问题的复杂程度,必要时与部门同事沟通商量。

一般根据问题的复杂程度决定:能解决的有关用户体验的小问题可随即提出解决;若问题牵扯较多、调整相对复杂耗时,可以先记录后续改进。

8. 移动端项目分别验收iOS与Android端

iOS系统与Android系统有不同的交互设计规范,界面相关元素的排版布局与交互方式存在差异,也对应着不同终端的开发。

特别注意:输出交互稿时最好考虑到两端的差异,给出明确的差异说明或图例示意,这样便于开发明确,同时降低了交互设计师后期的沟通成本。因此验收时需要针对两端分别走查。

四、交互验收注意事项

1. 对项目验收复盘思考

验收过程中有没有遇到什么问题,如果有,是否有更好的解决办法?沟通过程中是否有不顺畅的地方,是不是自己对基础技术不够了解?哪些问题是自己应该坚持不妥协的,哪些问题没有必要耗费过多精力争执等等。

每一次复盘都是为了之后项目的验收更加顺畅高效。

2. 对验收汇总未能解决的问题,分类记录

目的是避免记录的问题过于零散,不利于上下游查看的同事分析。分类记录便于明确定位属于哪里的问题、问题的多少、问题的性质,也有利于团队后续的复盘。

总结

目前有大量的专业书籍和文章详细介绍如何输出高质量的交互稿,对于交互设计师而言,这只是承接需求的一部分,不仅要重视前期定义需求、产出交互文档,更要做好收尾工作,认真对待需求的交互设计验收

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  验收  验收词条  常规  常规词条  流程  流程词条  具体  具体词条  
交互

 移动设计,交互性为王

论“手势和动效,是如何改变移动应用设计格局的” 在很多新兴的UI设计模式中,核心便是高度成熟的手势设定和动效,历经多年发展,移动游戏掀开了崭新的篇章,...(展开)

交互

 微信10个交互细节问题的探讨与重...

文章分析了微信交互设计中的几个细节问题,与大家分享,希望能够给大家带来一定的启发。微信小程序开闸后果然立即成为这个雾霾格外严重的冬天中的一抹亮色,关于小程序将如...(展开)