如何建立交互设计自查表

zichabiao01

对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特殊状态的描述是否有遗漏,你是怎么提前发现一些问题并查漏补缺的?为解决这个问题,我们团队建立了一份交互设计自查表,并且在版本迭代的过程中同步迭代,补充新出现的异常点。这份表格梳理了用户在完成具体任务过程中的各种异常情况。它不会显示交互的所有细节,但是却能为特定的目标提供用户体验的全面视角。这个目标可能是高层次的,例如:进行某项操作无网络时,应该如何展示;网络不佳时应该如何处理等。在此过程中,可能由于特殊的使用场景,解决方案会有不同,但是这份表格会提醒你去深入地思考一个解决方案。以下是我在总结这些异常情况时的一些小经验。

1、交互设计自查表格如何建

通常在QA测试中,一般会以用户的任务为主线,也就是对产品分析并总结出所有的任务,并输出任务列表,去挨个走查,标识出模块、前置条件、用例标题、执行步骤、预期结果,以及一些重要备注等。如果交互同学也用这种方法,就需要我们每个版本都要花不少精力去撰写、梳理用例,与我们之前所想的花较少时间快速查漏补缺的初衷相背离。更何况,用户任务的走查在设计流程中都会考虑到,而遗漏的往往是一些异常情况。

因此,交互设计师在自查时,可以换个思路试试:首先当然是产品的实际功能是否能满足用户的需求。这是最基本的前提,也就是可用性目标中的“可行性”。然后思考用户在使用这个产品时的核心使用情景以及核心的影响因素,把这些影响因素按所在的区块进行分类,了解它们对你的用户体验的目标的影响,再一一列举出来,进行归类并形成表格,在之后的版本中,可以一直延用此表格,如果有了新的异常点,再按这个思路补充进去。

我们可以把这一过程分为以下4个步骤:
zichabiao02

图1、建立自查表格的4个步骤

为了更好地把人、机、设备、使用情景等因素对设计带来的影响都考虑进来,我将这些影响因素按所在的模块进行分类,大致可以分为以下几类:

1)、软硬件特性:设备、系统、新老版本兼容等;

zichabiao03

图2、软硬件特性相关
手机硬件以及平台的多样性,给设计带来机遇的同时也带来了挑战。除了以上所列举的一些,我们要考虑的点还有很多,比如屏幕越来越大,当在摇晃的车厢内,大屏幕遇上单手操作,需要考虑如何通过设计使用户能够用得更自然、顺畅。

2)、网络特性;

zichabiao04

图3、网络特性相关
由于移动应用使用场景的特殊性,遇到数据加载慢或者无网络的情况会很多,此时漫长的数据加载等待会令用户抓狂。此时处理好界面交互中的加载,确保用户没有漫长的等待感,并且对加载后的内容有明确的预期,就能提供给用户较好的使用感受。因此在所有涉及到网络交互的模块中,都要去考虑以上列举的这些点,必要的时候,合理地利用缓存,来提升界面的响应速度。

3)、从A到B的中间状态;

zichabiao05

图4、从A到B的中间状态

即便你的产品90%的时间都运行良好。但是如果在用户需要帮助时置之不理,他们是不会忘记这一点的。——《Getting real》
用户在完成任务的过程中,其实是在讲述一个以用户为主角的故事,因此必须包括开始、中间和终点。中间部分是主要部分,显示了用户从起点到达终点所要经过的全部地方。一方面要解决的是如果一切很顺利时,如何给用户流畅、行云流水的感觉,这就是动效能够帮我们做的;另一方面,如果在一个任务过程中需要较多的时间,用户不想玩下去了,此时是否能提供一个应景的入口,使他和应用“后会有期”,而不是让他只能杀掉后台程序,愤然离去。

4)、内容展现相关:如书籍和资讯源;

zichabiao06

图5、内容展现相关
对于内容这块,最多的异常的关注点在于大量的空态、极值、网络数据过期等的提示。不同的APP根据自身的类型不同,所要考虑的内容也完全不同。

5)、用户个人属性

zichabiao07

图6、用户个人属性相关
在大多数应用中,每个用户都有自己的专属ID,根据是否登录,用户所能享受的权限也不尽相同。所以说,考虑用户的每种可能有的状态,以及状态间的切换对于设计时的影响,就显得尤为必要。

6)、特殊情景下的状态;

zichabiao08

图7、特殊情景下的状态
特殊状态是指为了满足用户某些特定的需求而存在的一种模式,这些模式往往由于平时曝光率不是特别大,因此在设计过程中有时会被遗忘。但一旦没考虑到的话,带来的结果将是各种突兀和莫名其妙。因此将此类状态单独拎出来梳理一下很有必要。

2、自查表格怎么用

反复进行“设计—自查”,这种自查(有时也会有用户的测试介入)就会更全面、更彻底,最终能够发现并解决绝大多数的问题。交互设计师使用反馈来修正构思,如此反复几次,就可以提炼出来,形成规范。在设计新的产品时,这一点尤其重要。这种迭代是不可避免的,因为很多时候我们不可能一次就找出特别完整的、正确的解决方案。

结语

上面所列的这些影响因素,不同的移动应用会根据自身特有的情景来提取特定的影响因素,这些因素都会对设计产生较大的影响。移动情景很复杂,除了软硬件特性、网络特性、中间状态、内容、用户个人属性、一些特殊情景以下外,影响因素还很多。正确分析并记录各种影响因素,处理好并运用到设计中,都能使产品的体验获得更好的提升,并且在此提升过程中,我们可以将他们形成规范。每个迭代版本做新功能时,我们可以回顾一下这些因素在本期给设计带来的影响 ,并把新增的影响因素添加进去,留待后续的交互设计自查。这样积累下来,我们所以提前考虑到的异常点就会越来越多,从而考虑得会越来越完善,这样就能减轻后续跟进开发过程中的掉血~咱有药!可以治!

原文来自http://uedc.163.com/12870.html

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

(0)
CatherineCatherine
上一篇 2015-03-24
下一篇 2015-03-25

相关推荐

  • UED专访 | “看不见的城市”:带你了解城市地下空间

    由广州市人民政府主办、广州市住房和城乡建设委员会承办、《城市·环境·设计》(UED)杂志社协办、广州地铁设计研究院有限公司支持的“看不见的城市——城市市政与公共交通论坛”作为“2017年广州首届国际设计论坛”的四个分论坛之一,探讨城市骨架中更为基础的市政、公共交通的相关问题,共同解读城市发展与设计中重要的一环。我们邀请到了本场论坛的主持人,广州地铁集团副总工、广州地铁设计院总工、住房城乡建设部专家、城市轨道交通和地下工程专家、教授级高工...

    2018-02-08
  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • H5三个设计方向的自我定位

    如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短,做出吸睛的H5?都是摆在我们面前的问题。

    2017-05-27
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • Word产品需求文档,已经过时了-快使用Axure制作产品需求文档

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

    2016-01-06
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • 手机系统苹果、安卓交互设计的通用原则总结!

    :请点上面免费订阅系统的设计从用户角度来说,交互设计是一种如何让产品更容易用,让用户更愉悦地使用产品。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点,并用通用的交互能满足用户操作的预期。下面介绍一下在交互设计中一些比较通用的设计原则,大家可以参考一下。交互1、就近原则:将同一类的功能都组织放在页面相同模块中。2、容错原则:必须允许用户有犯错的操作,给予用户后悔的操作机会。3、帮助原则:为用户提...

    2018-02-16
  • 40个创意单页面网站设计

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • 设计心理学 | 设计中的防呆设计

    最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。

    2017-05-25