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

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


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

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

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

交互验收。

为什么学校学习中缺失了这样一环呢?原因很简单,因为学校的项目基本停留在立项——调研——提需求——设计——原型——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

相关推荐

  • 什么样的文字聊天,才是一种好的阅读体验?

    本文不是要讨论IM产品的体验设计,而是聊天内容本身的阅读体验。××(我的姓名)

    手机号:186××××××××

    身份证:360103××××××××××××××(我的姓名)

    手机号:186 ×××× ××××

    身份证:360 103 ×××× ×××× ××××姓名:××手机号:186××××××××身份证:360103××××××××××××在UI需要手绘?不会手绘不行吗投简历没有回应 是不是 经验不够ui规范有那些啊 ios andriod都要看啊在吗在吗、没有作品怎么办啊?“滚滚长江东逝水……”“说人话!”“大河向东流哇!”

    2017-05-13
  • 交互设计师的60日计划之第五天

    你好,8月。7月份的尾巴喜欢上一个人,花了太多心思,8月份一来终于知道不会有结果,所以要赶紧忘记,把心思花回自己身上。 2015/08/01 职场其实很可怕 今天一整天都去帮同事搬家了,虽然没干什么大的体力活,但是…

    交互专题 2015-08-20
  • 通过导航加强用户体验的3个原则

    文章介绍了导航设计中的3个原则,将以下原则付诸实践,或许会使用户体验大大Max!

    2017-05-06
  • 读书会第一期:《简约至上-交互设计四策略》

    你有多久没有静下心来好好读一本专业书了?谁都知道读书重要,然而“工作忙没有时间”、“不知道该看什么“常常成了借口,读书还是一再被耽搁。本周起,集创堂推出“设计经典书籍阅读”系列,每周解析一本设计类好书,深入浅出,提炼精华。也许,看完简介之后,你就有了读原著的欲望,那么我们做这件事的目的就达到了。《简约至上-交互设计四策略》这本书是我罗列的推荐书单里专门描写信息架构的书籍,书籍作者Giles Colborne是物理学出身,参与过航空航天项...

    2018-04-07
  • 用户体验很重要,外卖小票了解一下

    失恋了,今天很丧,老板给我画一个小猪佩奇好吗?这个要求是四川资阳的一个女孩子点外卖时,在订单上给店主留的言。没有想到,店主竟然答应了。1当顾客在向外卖商家提需求时他们究竟要的是什么?不久前,一个在外卖小票上画画的帖子在网上刷了屏。原来,四川资阳一女子失恋点外卖要求画小猪佩奇,店主竟然答应了。据店主回忆,“大概在下午4点的时候,店里接到订单,在备注栏中,顾客称‘失恋了,今天很丧,老板给我画一个小猪佩奇好吗?’ ”为了安慰失恋的顾客,王女士...

    2018-03-26
  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31
  • Word产品需求文档,已经过时了-快使用Axure制作产品需求文档

    说来有些惭愧,写这篇文章是用来教大家写需求文档的,但其实,我很少会写传统意义上的产品需求文档,甚至,我连word都很少用。用惯了Axure的任意布局方式,再用word感觉非常别扭,尤其是在添加图片时,简直感到捉急…

    2016-01-06
  • 好的产品经理是什么样的?

    互联网界自从出了几个大神级的产品之后,产品背后的产品经理被捧红了,一时间产品经理成了诸多行业从业者追求的目标,每个人都期望有一天也能做出一个很牛的产品来,这种影响导致了很多刚毕业的学弟学妹,都认为产…

    2014-11-12
  • Android VS iOS:多数PM忽视的5个交互设计

    本文简单介绍了5个Android和iOS设计不同的地方,可以说大部分PM都可能会忽视这些细节。不是大盘点,只是作为思考的引子。

    2017-04-30
  • 【设计】UI设计、UE设计、交互设计分别是什么?

    这些概念在传统行业和传统工业中其实已经发展的很成熟,近几年随着互联网的发展又重新流行起来。UI即User Interface ,字面意思是用户界面,业界一般指的是界面视觉设计UE即User Experience,字面意思是用户体验,这个范围就很广了,不仅仅包含视觉与交互交互设计又称互动设计 ,是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。UE范围最大,他研究的对象是用户使用这个产品过程中所有的感受,比如听觉视觉触...

    2018-05-08