如何建立交互设计自查表

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

相关推荐

  • 简约至上--交互设计四策略

    无所不在的产品简单设计人们喜欢简单、值得信赖、适应性强的产品。复杂的产品很难吸引人。所有不必要的功能都是要付钱的。简单并不意味着欠缺或低劣,也不意味着不注重装饰或者完全赤裸裸。而是说装饰应该紧密贴近设计本身,任何无关的要素都应该予以剔除。四个策略以DVD遥控器设计方案为例.删除:去掉所有不必要的按钮,直至减到不能再减。组织:按照有意义的标准将按钮划分成组。隐藏:把那些不是最重要的按钮安排在活动仓盖之下,避免分散用户注意力。转移:只在遥控...

    2018-02-09
  • Sketch49-原型设计才刚刚开始

    官方说明:草图49已经到来,在我们的图书馆更新之后,我们又为Sketch增加了另一个巨大且备受期待的功能。我们了解设计,所以我们知道你不能总是根据静态屏幕判断是否有效。有时你需要看到整个流程的实际运行情况,最好的方法是将你的设计变成交互式原型。通过我们的最新更新,我们正在使整个过程无缝 - 在Sketch中与原型设计师打招呼。Sketch 49带给我们的是最值得期待的功能之一:能够在本地创建和分享快速交互式原型当我听到这个消息时候,脑子...

    2018-03-02
  • 总结|2017年的5个网页设计趋势

    几何图案与全屏背景图结合、灰色的高级用法、色彩叠加……这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

    2017-05-08
  • Web用户体验设计总结

    最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

    交互设计 2017-06-03
  • 2017年,UI设计风格的五点预测

    设计工作几年后,你有没有接到设计需求时不满足于之前的处理手法,想要突破自己,不想麻木的做设计?不希望自己在习以为常的设计中走向平庸,成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验,梳理下今年的UI设计的趋势,希望在接下来的设计工作中,理性的前提下又不失创新。

    2017-05-01
  • 使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

    最近又到了每年“金三银四”的求职旺季,相信这段时间很多同行朋友们也正在找工作。在求职的过程中简历是非常重要的一块敲门砖,设计精美的简历能帮助你获得更多引起招聘人员注意的机会。如果我们能花点时间从设计感方面来包装一下自己的简历,这样既能体现自己的求职态度,又能展示出自己的专业细节,相信能让大家的简历增色不少,所以今天这篇分享我将教大家如何使用Axure制作出信息化风格的精美简历。从正式分享之前我需要先说明为何要使用Axure来设计简历,而...

    2018-03-24
  • 引导性交互界面怎么设计才能直观有效?

    在任务流程较为复杂的时候,用户容易迷失在流程中,从而放弃任务,导致转化率不尽人意。所以我们在交互界面上需要引导用户。人机交互中不论是文字、图像、色彩、动态效果等,主要是通过视觉反馈信息,所以视觉的引导尤为直观有效。

    2017-05-31
  • 交互设计的3大要素:用户、目标、行为

    交互的三要素:用户、目标、行为 讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢…

    2016-05-08
  • 如何制作交互组件库

    曾几何时,每次交互稿都是徒手画,或者截个图在现有的界面上改造。渐渐感到同一平台,每个版本都有很多重复劳动,是时候做个交互组件库了~ 什么是组件库? 就是类似axure左侧栏的这一坨标准控件,方便直接拖拽使用…

    2017-07-24
  • 【招聘】阿里、腾讯、网易、百度、亚马逊、德勤、滴滴、京东、华兴资本、去哪儿、蚂蚁金服、特斯拉等

    上海|携程+实习携程运营实习生工作内容 一周内入职1、携程app微领队社交功能“结伴”、“旅友圈”运营(删违规帖+内容运营)2、旅途聚会物料负责、寄送、整理3、旅途聚会新产品冷启动4、聚会产品上货至其他平台(搬砖+运营)5、公用区图片库等内容整理6、大型活动报名信息收集+统计(不定期,非日常)7、临时日常行政工作协助加分项1、熟练excel、ppt、word,书面表达佳2、足够耐心、细心,强责任心3、有办公室实习经验4、可来携程坐班至少...

    2018-04-08