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

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


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

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

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

交互验收。

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

相关推荐

  • 为Apple TV进行UI设计需要了解哪些基本规则?

    仔细想想,你会发现我们正处于大屏UI 设计的一个有趣的阶段。2015年推出的Apple TV 已经是第四代产品了,但是其他的同类型产品尚且处于第一代或者说早期阶段。发布会上吹出的牛逼最终还是要经过市场验证,而实际状况比起大家预期的结果,更加复杂。到底要如何给Apple TV 设计APP呢?今天的文章,我将为大家分享一下我们为丹麦最大的内容供应商设计APP的经验和相关的资源,也许能帮大家一窥究竟。

    2017-05-26
  • 原创服装设计师APP产品概念

    这是针对原创服装设计师的APP,作者感觉现在很少有专门针对他们分享自己作品和交流的平台。这是作者模拟出来的一个产品的概念图,还有很多不足,慢慢优化... 我们不光有原创,同时也是原创的搬运工。  

    2015-01-23
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • 产品经理神器 Axure 安装、激活和汉化教程

    摘要:Axure 是产品经理必会的一个工具,本文详细讲解 Axure 的下载、安装、激活和汉化等流程,方便大家学习 Axure 。作为一个合格的产品经理,几乎没有人不会使用 Axure 的,事实上,熟练使用 Axure 也成为了一个产品经理的基本功。为方便新手产品经理部署 Axure 环境,方便学习和使用,下面我来详细说明涉及部署 Axure 软件的各个步骤。下载关于 Axure 软件的下载,这里不多说,建议大家去官方网站进行下载,不要...

    2018-04-25
  • mBack交互方式分析

    本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

    2017-05-01
  • 百度糯米店铺设计思考:以用户思维去创造设计需求

    设计应该是创造新事物新方向的引导者,不仅要主动的思考产品和业务需求,更要通过用户思维去创造设计需求,给产品和业务带来更大的影响,给用户创造更多的价值。『世界就是你所塑造的模样,成为变革者而非跟随者。—–Alex Osterwalder』

    2017-05-11
  • 现在交互设计是时候走出迷茫

    交互设计的定义:交互这个词,英文是interaction,其中inter是互相的意思,action就是行动,所以inter-action直面上看就是“互相的行动”,也就是你行动一下,对方再行动一下,你来我往。交互设计,就是在设计这一些列的“互相行动”,使用户能更好得使用物品,物品能更好得服务用户。献给深夜中孤注一掷的设计师们来自无可设计00:0002:30下面小编想向大家介绍一位交互设计大师————————Lucian Bernhard...

    2018-03-27
  • 用户体验调研活动开启,多重奖励等你拿!(2场公推冲击4连红)

    20180329,星期四,欢迎接收购彩汪官方微信公众号的免费推送。昨天大元复出拿下了两场全红,状态可以说是非常好。两场欧赔1-3-4的深盘,有80%以上的彩民是认为一场正路加上一场下盘。结果两场都打出了1球小胜的结果。大元昨天就是运用了欧赔亚盘结合盘路的分析法,最终命中了2场结果。可以说在实战中盘路对于小联赛都有着不错的效果。今天有4场竞彩比赛,除开早场的澳超,晚上依然有2场英甲(其中包含一场单关深盘)+1场葡超,英系比赛是大元一直擅长...

    2018-03-29
  • 如何改版一个3亿用户的神奇网站

     #交互学堂#十年后的今天,随着58的业务越来越壮大以及一些创新产品的加入,单纯的形式越来越难以承载业务含义,统一的样式也越来越难很好地满足用户的需求。  为什么要改版 58同城自2005年创立以来在APP、M、PC主…

    2016-11-03
  • 天下产品一大抄!!!

    提要:互联网的产品设计是个快速迭代的过程,我们都希望自己的产品和别人不一样,也提倡创新精神。而笔者提出了一个不同的观点——抄越。因为抄袭,所以卓越。 个人觉得互联网的产品设计首先是个快速迭代的过程,其次…

    2015-01-08