你不知道的交互验收:定义、问题和如何解决

工作中才发现,交互设计师的职责,不仅是在前期的产出物交付完成即可,更多的任务是在后期的交互验收和优化推动截断。


工作中才发现,交互设计师的职责,不仅是在前期的产出物交付完成即可,更多的任务是在后期的交互验收和优化推动截断。

你不知道的交互验收:定义、问题和如何解决

笔者在学校期间主修交互设计和用户体验方向,做过调研,发过论文,也做过设计,基本上把交互设计师在整个设计流程中的各种职责和任务都体验了一遍,实际看来,学校所得和工作实践的内容基本上是衔接的,这在初期的实习过程中也得到了验证。但是随着项目流程的不断深入,笔者发现,在学校中少学习了一项重要的工作。

交互验收。

为什么学校学习中缺失了这样一环呢?原因很简单,因为学校的项目基本停留在立项——调研——提需求——设计——原型——Demo阶段,也就是说到达Demo阶段后就截止了,这也是各大用户体验大赛的参赛作品递交的终稿。可是实际工作并非如此。能够对着设计稿逐个校对进行验收,是一个普通交互设计师的职责,但是交互验收的过程不只是针对交互流程和逻辑,也包括用户体验的方方面面,以及各种可能意想不到的问题。回复验收邮件,表明在交互层面这个产品是通过的,对应的交互设计师也要承担对应的上线问题的责任。因此,交互设验收也是一个设计师成长的必经进阶之路。

1.什么是交互验收

个人理解,交互验收是指在产品初步提测到正式上线前的一段时间内交互设计师对产品效果、流程、体验进行走查验收,提出bug并推动解决的过程。简单理解,交互验收就是走查产品在交互和体验方面的bug。

2.交互验收都验收哪些问题

(1)交互逻辑

交互逻辑是否正确是交互验收主要的一项任务。在笔者的验收经验中,交互逻辑验收主要包含正向逻辑和反向逻辑两部分。

正向逻辑是指在各种预定的操作情境下,用户的每一次操作所触发的对应的页面状态、用户操作是否都实现且满足用户预期,尤其是特殊状态下的页面样式、提示等。这个过程,主要是需要每个状态与原交互文档的页面流程保持一致;

反向逻辑,主要是指返回逻辑。在用户实现某一个功能或完成一个任务返回原页面后,原页面是否需要刷新还是保持原缓存状态。反向逻辑一般都较小,比较隐匿不易发掘,而且在交互文档中很容易遗漏,因此在验收过程需要重点关注,这与实际的用户体验息息相关。

(2)动效时间

只要包括动效的显示时间、持续时间和消失时间的验收。一般的动效主要是指toast提示、小气泡或者其他特殊的手势动效。

Toast提示从出现到消失的提示时间一般控制在3s,500ms出现和消失,剩下2s用户持续显示,达到既能让用户接受到反馈信息,又不会干扰操作和浏览的体验。这时如果持续时间短,用户无法有效捕捉到信息,持续时间长,对于一些高频操作就会出现toast提示叠加现显示的情况,都不是好的体验。

你不知道的交互验收:定义、问题和如何解决

气泡提示一般都是即时出现的,用户更关注持续的时间。气泡除了要样式显著,让用户实时感知到以外,出现的时间也十分重要,因为有些气泡上也会承载部分信息,这点与toast提示相似。3s对于轻量化的气泡提示是比较合适的,2s则会给人感觉跳动,但是对于更重要的气泡提示,可以选择常驻不隐藏消失的策略。

你不知道的交互验收:定义、问题和如何解决

其他的特殊手势操作需要根据实际情况处理。一些细致的交互设计师在交互文档中会标出预期的动效时间,但是依旧需要在测试验收阶段重点关注,判断显示时长在当前用户场景下是否合理,实时、恰当调整动效时间。

(3)点击区域设置或切换

按钮或者表单中内容的点击区域,是交互验收中需要关注的一个比较重要的影响用户体验的“隐性”要点。按照“所见即所得”的原则,一个显著的按钮、图标、头像或者一条表单内容,用户都会习惯性默认为可点击的状态,但是在实际的设计当中,点击区域往往设计得更大一些,这样可增强操作的容错性,让用户较容易通过无论是拇指还是食指都能实现的点击效果,这是涉及操作流畅性一个关键环节。

另一方面,同一固定区域中有多个可操作按钮或区域时,对于实际点击区域的设定尤为关键,例如下图所示。该表单中每条内容均可点击变为选中态,再次点击可取消选中状态。这本是一个比较常见的交互操作,但是在选中态中新增了一个可操作按钮,按钮的实际点击区域一般都是按钮icon的尺寸大小,但是在这个案例中,由于表单内容本身有点击从操作,用户很容易误触而改变表单内容的选中状态,对用户造成困扰和疑惑。因此,实际的点击区域是这个表单内容中按钮所在的整个区域,这样使得用户的误操作几率大大降低。

你不知道的交互验收:定义、问题和如何解决

(4)触发位移

主要包括手势操作的滑动距离以及页面切换时的位移效果,一般需要考虑到手机尺寸、用户的操作舒适区、以及满足操作场景的问题。

(5)小屏手机的兼容

一般不考虑iphone5以下的尺寸,因为那样安卓系统的各种尺寸就无穷无尽了,更别提为每一种尺寸去做适配。但是也不能只以1080作为标准尺寸设计。尤其是对于操作、信息内容较多的页面需要重点关注,在验收时可切换不同机型的手机来验收实际的显示和操作效果确定文案是否折行、按钮排布是否适合点击。

3.如何协调推动解决

公司对于交互设计师一个重要的考量标准就是对项目的推动解决的能力,发现验收的bug如何去解决便是其中之一。在一个较为完善的验收流程中,由测试人员发起验收流程,随后交互设计师验收并提交验收结果,对应的bug转给各自开发人员解决,解决后的程序需要重新提交打包后,由交互设计师验证通过。这一过程一般会往复多次迭代,直至App封版前夕。交互设计师推动解决验收问题,一般可以通过以下方式进行。

你不知道的交互验收:定义、问题和如何解决

提交验收报告:

一般仅需以邮件形式回复验收结果,内容较多时可附上对应的附件文档。提交后测试人员会重新审核后提出对应的bug给开发人员。在这个流程中,交互设计师与开发、测试人员的沟通相对较为滞涩,三者之间的沟通存在壁垒。导致效率较低,同时不利于后期的改动追踪和改动效果的验收。

在管理系统中提交bug:

直接针对平台、版本、功能模块提出对应的bug,便于交互设计师管理、跟踪自己bug的解决情况,同时也便于开发人员认领属于各自的bug。在这个流程中,测试人员提供对应的辅助工作,交互设计师与开发可直接沟通,对于验收进度的提升和产品功能的优化都有很好的推动作用。

直接线下找对应开发GG沟通解决:

是最快、最直接的一种问题解决方案,但是不适宜在提测初期使用,原因有几点:首先是寻找到对饮的开发有时比较难,尤其是面对一个较大的开发团队时,一个功能可能涉及多方开发人员的共同实现;其次是针对较复杂问题,沟通时容易遗漏;还有就是人力问题,当面沟通效果好,但是对人力成本的小号相对较大,无论是精力还是体力。面对面沟通解决适合在产品验收后期功能微调和页面的小改动,可与开发人员当面快去沟通后协调解决。

4.验收报告(邮件)怎么写

首先要明确验收报告上的几点问题:

1).实事求是,不夸张事实。验收是提出问题、解决问题的过程,不需要对现象的夸张描述,对于问题的描述力求简洁、明了,同时为了保持PM、交互设计师、开发人员认知的一致性,尽量使用公司内容一致的描述方式,以及附上对应问题页面截图作为补充。

2).给出问题解决方案或预期效果;bug也分很多种,有些是yes or no的问题,只需指出问题点即可,如:

“在用户未登录状态下,用户头像上不显示登录角标。”

但是有一些涉及体验问题的bug,不是yes or no的问题,而是good or better的问题,因此需要给出相应的解决方案或预期效果,如:

“问题描述:在未登录状态下点击播放列表时,页面仅提示都需要登录状态;预期效果:在未登录状态下点击播放列表时,页面出现登录状态文案提示,同时露出登录按钮,点击可直接跳转至登录页面。”

3).标注优先级:优先级描述能够告知相关人员问题的严重程度,便于开发人员合理安排自己的工作进度,这是一项利人利己的事情。

关于验收报告的格式,可以参考一下样式:

下面仅提供一下word版本验收报告样式以供参考。

你不知道的交互验收:定义、问题和如何解决

工作中才发现,交互设计师的职责,不仅是在前期的产出物交付完成即可,更多的任务是在后期的交互验收和优化推动截断。以前觉着给出交互文档比较重要,工作量大,但是后来才发现,每一个版本的验收工作才是更加费心费力的,毕竟需要交互设计师主动去推动一个bug的优化,而不是收到需求后仅仅是输出文档就ok了。

 

作者:虾米&胖喵,百度交互设计师

本文由 @虾米&胖喵 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26554/

(0)
CatherineCatherine
上一篇 2017-05-15 01:26
下一篇 2017-05-15 03:49

相关推荐

  • 打造有温度的H5动画:用户的故事将会被如何演绎

    2016年末,各路APP也纷纷展开一轮轮的数据厮杀,从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间,在这个既难忘又不舍的2016年,用户的故事将会被如何演绎,在寒冬带给用户怎样的温暖回忆呢?

    2017-05-11
  • 交互设计的知识体系架构 做好产品与人的“翻译官”

    面临毕业季想从事交互设计这个行业,但毫无头绪?交互设计是什么鬼?工作一段时间发现转业交互设计,一直找不到学习的途径。接到一个需求,兴奋地开始画图,提交后产品和开发向你提出一大堆问题,你不停自否定的改图陷入死循环。互联网交互行业越来越受到追捧,看似入门的门槛很低,会画线框图就可以了。事实上交互设计师大部分是输出抽象方面的东西,对象是行为。一位知名人士曾将人与系统交互的过程分为五个要素:用户、行为、目标、场景、媒介,这些你曾了解过吗?这次M...

    2018-02-09
  • apple watch 中文手册:Apple Watch 整体架构

    整体功能预览 总体而言,WatchKit第一版SDK提供的功能远远超出了我的期望。因为我原本以为第一版WatchKit可能侧重于对iOS Today Extension功能的延伸,而不是真正开发Watch App。所以当知道真相后,我即惊讶又感到…

    2015-06-15
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • UI设计师:教你以问答形式“来“把玩”APP

    作为APP狂热分子,定期去App Store或者其他渠道找新鲜的产品来玩儿,已经持续了很多年。但是光浮于表面的玩儿,还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

    2017-05-02
  • 读书会第三期:《交互设计指南》

    《交互设计指南》的作者Dan Saffer是旧金山一家产品设计资讯公司Kicker Studio的负责人,也是交互设计领域的思想先行者,经常在国际进行各种演讲活动。这本书在国内最常见的是2010年发行的第2版中译本,其实它在2006年就有了第1版的英文版,它在10年前的目标读者群是设计行业的资深者,现在很适合交互设计师入门通读。交互设计的4种方法从2003年至2010年常见的交互设计方法论共有4种:以用户为中心的设计、以活动为中心的设计...

    2018-04-20
  • 写给初学者:UI、UX、GUI新手科普指南

    这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异,同时也会根据自身经验说明一些业界实际的需求状况,有任何问题欢迎透过留言一起讨论喔!注:近期的业界趋势就是,不管你是工程师、设计师、BD、PM还是老板,只要会说一句话,「阿,这样设计不够『直觉』啦,使用者OOXX…」,就有种好像很懂UX的感觉呢!(苦笑)为什么使用者会点进「关于我们」注:近期有不少的Landing Page常常都会用无声的影片搭配黑色屏蔽塑造分为,其实营造的感觉真的还不赖。(当然…影片要拍得好)

    2017-05-12
  • 简单快速的可用性测试

    2014年11月11日   艾欧交互设计-用户体验 导语:可用性测试是改善产品的最佳方式之一,这一点,在内部已经是不争的共识。只是由于用研人手总是不足,所以为了能让各个部门的同事能更快速地展开一些研究和测试的工作…

    2014-11-11
  • 电商商品详情页应该怎么玩转?

    作者:电商微频道   电商作为传统商品交易在互联网领域的表现,其商业模式、市场营销思路、消费者心理研究是与传统商品销售行业相通的。但是电商真正颠覆性的价值在于改变了商业市场信息的不对等。 通过海量的、全…

    交互专题 2023-03-03
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18