[交互自查表]可用性优化实录

作为交互设计师,大家对交互自查表必然不会陌生,相信不少同学也尝试过建立自己的自查表。但不知道大家的这张自查表,最后是否有真正利用起来呢?其实,在我们的团队,交互自查表就经历过一段被束之高阁的时期,这份由几位设计师共同整理确认的表格,在实际工作中,却发现用不起来。就像一个产品,完成上线后,发现并没有什么用户。作为产品的设计师,怎么能容忍这种情况发生呢!于是,我就利用了周末的时间,对这份自查表进行了优化迭代。这一次,就和大家分享一下这次优化的过程和结果。

交互自查表的价值与目标

产品设计的一般流程大体包括:需求确立、方案输出、效果跟进,这次的自查表优化也基本依循了这个思路展开。首先需要确认的是,设计师不使用自查表,是本身他们对自查这件事就没有需求?还是我们的表格设计的不好?这里就要回归到当时我们建立自查表的初衷和目标。

交互自查表的价值:

·  帮助设计师更全面的审视自己的设计,在设计场景和细节处查漏补缺,确保思考的全面性和方案的完整性

·  将设计师的思考盲点进行可视化展现,借以加强设计师对产品结构、用户场景、交互细节的记忆与理解

建立自查表的最终目标:不再依靠自查表

真正的自查表,应该在设计师的头脑中,在思考解决方案的过程中,自然的将设计需求、用户场景、产品结构、交互流程进行梳理和输出。而自查表只是我们在达成这个境界之前的一个辅助道具而已。

不过,显然,我和我的小伙伴们都还没有达到“手上无表,心中有表”的境界,所以这次的问题不是不需要,而是不好用,还是得从表格本身的设计上找原因。

自查表1.0的问题

首先,我们还是要了解一下优化前自查表的表现(如下图):

建立自查表1.0时的部分思路:

  • 1、交互设计的一些基本法则,如架构要合理、层级要精简等,是设计师需要掌握的基础理论,而我们的自查表建立更侧重解决设计师对特殊场景、交互细节容易遗漏的问题,所以在内容上以场景列举和说明为主。
  • 2、自查表均分为两个部分:场景完成性和流程完整性,这是设计师通常容易遗漏的方面。
  • 3、邮箱大师有四个平台需要同时规划,而每个平台的特性有所差异,因此为四个平台各自建立了单独的自查表,内容有通用的,也有差异的,方便各平台设计师分别查看。

存在的问题:

1、文档使用路径长:

因为使用了Excel电子文档,虽然对内容进行扩展很方便,但是每次要找到和打开这个文档都是一个漫长的过程,【在电脑桌面/某个文件夹找到这个文档 – 双击打开 – 等待程序启动文档打开】每一步都在增加使用成本;

2、阅读体验不佳:

首先整个文档结构没有处理好,第一眼看不懂,导致设计师对内容缺少一个整体的认知,查找起来也比较累;其次,内容阅读同时包含横向和纵向的结构,有时还会需要操作滚动条,这样读起来也比较累;

3、内容更新不及时:

这个不用说了,都没有人用,自然也不会有人来关心它的更新了,导致很多新的设计问题没有反应在上面。而且一共有四分文档,每改一个地方,都要同时改四份,想想这个工作就不轻松。

自查表2.0的建立

锁定问题后,就看如果解决了,这里,我从两个方面来对自查表进行优化:文档格式和内容结构。

文档格式:从线上到线下

我希望这份自查表可以让设计师随用随取,而不需要一个复杂的查找等待的过程,那么,我想到的一个比较好的办法就是可以打印出来,从线上作业转为线下作业,直接放在手边,时不时就可以拿出来瞄上一眼,还可以根据需要进行标注。

而在此基础上,也对内容设计提出了一些要求,比如所有内容必须承载在一张A4纸的大小上,甚至最好不要超过1页,否则还要分页或双面查看,也不方便。

内容结构:马里奥的交互自查表

内容结构的设计,很重要的一步就是对自查项的整理和分类。但同时,我也考虑到另外一个问题:邮箱大师涉及的自查项关键词有几十项,如何让设计师更好的对文档结构留下印象,甚至记住它们呢?这里,我引用了一款经典游戏《马里奥》的界面来配合内容结构的搭建和介绍。

如上图所示,是一张经典的马里奥游戏画面,而在这里,我们可以把这个画面拆解为3大部分:背景环境(蓝天白云部分)、游戏路径(城堡障碍部分)、操作角色(马里奥本体)

而借此,对应自查表的3大模板:

  • 环境:硬件环境、软件环境、邮箱环境(邮箱大师支持各种类型的邮箱,而不同邮箱下,支持的功能存在或多或少的差异)
  • 流程路径:入口、页面和控件、前进表现、后退表现、提示信息
  • 用户操作:手势、鼠标、键盘、其他(Touchbar、触控板、语音等)

然后,在大框架的基础上,再进行进一步细化,如流程路径部分:

  • 以游戏起点和终点,对应用户操作的入口和结果
  • 以关卡页面,对应用户的页面和控件设计
  • 以角色的前进后退,对应用户的下一步和返回操作
  • 以界面提示信息,对应各类界面提示引导

以上,是希望借一张图就让大家能够回忆起自查表的整体结构,方便记忆和定位内容。

结构确认好后,便依照分类将需要设计师注意的信息填入框架内。这些信息大多以关键词的形式存在,毕竟设计师还是对自己的产品有一定了解的,自查表中的关键词只要达到提示的目的即可(这样也是为了节省空间啦,毕竟要压缩到一页纸上)。每一个细节点在这里就不一一介绍了,因为不同的产品设计的关键词必然不同,关于内容,还是需要大家根据自己的产品以及设计时常遇到的问题,自己去完善。最后成品如下:

PS:设计分析和最后思考两个部分是在后期进一步优化的时候加上的,主要希望设计师进一步确认需求分析是否完整,以及考虑自己的设计是否还有优化的空间。

使用场景与总结

至此,自查表的结构设计就完成了,但是整体的可用性优化工作可还差一步,那就是在团队内推广新的自查表,和团队成员再一次沟通新表格的设计思路和使用方法,以确保大家对新的自查表有所了解并愿意使用它。这里,提前帮助大家打印好表格,并准备一个辅助的PPT也是必要的工作。

最后,为大家总结一下这份自查表的一些适用场景:

1、设计评审后

往往在设计评审后,都会暴露出设计上大大小小的一些问题,这个时候,不妨拿出自查表,看看这些问题是否都有记录,如果没有,就加一项,如果已经有了,就加重标记一下。既是加强自己的记忆,又同时在为文档做补充,一段时间后,可以把标记的新内容,再更新到电子文档上(如一个版本结束后,更新一次)。

以下是我自己在几代自查表上做的批注(请忽略我吃零食时弄脏的油渍)

2、设计完成后

这个不用说,自查表建立的目的就是为了设计师自己检查交互场景和细节的。为什么放在后面,就是想要提醒大家对之前已经批注过的错误要格外注意一下。

3、新人培训时

这个算是衍生出来的一种使用场景,团队新人一般对产品结构和功能还都不是很了解,自查表上一些关键词是很好的学习辅助工具。导师可以通过名词解释的方式,向新同学介绍相关的知识点,帮助其快速了解,如:

·  大师帐号是什么?有什么作用?

·  什么是IMAP协议,什么是POP3协议?什么情况下要注意这些协议的差别?

·  产品文案有哪些规范?…

OK,那关于自查表的优化过程就介绍到这里,表格内容依然会不断改进,也欢迎大家提供看法和建议~工具的建立最终还是为人服务,“能用起来”是很基础也很重要的一个要求,先用起来,之后在实际使用过程中,不断的进行优化改进,以匹配个人或项目团队当下的需求,让其能真正为大家解决问题。希望今天的分享可以给大家带来一点思路,建立切实可用的自查表,早日达到“手上无表,心中有表”的境界。

网易UEDC(公众号)

作者:徐恺

封面:Julia Turubanova

(0)

相关推荐

  • 交互自查表帮你查漏补缺(移动端)

    交互设计师在日常的工作项目中,可能经常遇到以下状况:产品上线后发现缺失网络信号弱加载不出数据的提示页面:不同页面相同属性的操作交互形式不一致:点赞评论的数值没有做极限值规定预埋了隐形bug等等. 交互 ...

  • 手把手教你打造【0失误神器】——交互设计自查表

    前言 之前做一个H5活动,忘记了要给"立即抽卡"按钮加抖动的动效,发现的时候已经没有时间再修改了,最终上线的活动是一个静止的按钮.虽然并没有影响活动本身,但是我们都知道,动态的按钮 ...

  • 设计自查表:快速搞定分支流程和异常情况

    写在前面的话: 先来看一个比较老的梗,把大象装进冰箱需要几步?相信大家都知道 . 打开冰箱门-–把大象放进去-–把冰箱门关上 流程图如下: 这应该是大多数人,按照直观感觉都能想到的正常理想操作顺序. ...

  • 通过注册表重新优化Windows XP任务栏分组

    如果你在使用电脑时经常开启多个应用程序,那应该非常珍惜任务栏上的空间。但是,无论浏览网页或使用办公软件,很多时候难免要打开多个窗口,这样就会把Windows XP的任务栏塞得满满的。 现在,Windo ...

  • 深耕交互体验之“可用性原则”

    比较丰富的体验设计师在设计一个页面的时候,思维不仅仅停留在某一个界面,而更多的是思考某一个交互流程,某个界面在这个交互流程中扮演一个什么角色,然后再去设计静态页面的同时让整个交互流程的交互体验更流畅, ...

  • Win7系统注册表如何优化?

    Win7系统注册表如何优化?

  • 微观角度:原型图的交互说明该怎么写

    上一篇文章从宽泛的宏观角度说明了输出原型图交互说明需要注意的事项,本篇结合图例尝试从微观角度通过分类,阐述输出移动端原型图交互说明应该注意的细节.页面元素交互说明的具体内容与之前提到的交互自查表的内容 ...

  • 原型图的交互说明该怎么写?

    原型图的交互说明是针对原型图内容元素的解释文字.清晰准确的交互说明能够起到以下作用:减少交互设计师与产品上下游人员的沟通成本:提升协作效率:避免项目返工延期. 原型图交互说明的输出,可以从宏观和微观两 ...

  • win7优化注册表解决电脑故障问题的方法

    使用win7操作系统一段时间后,总会遇到各种奇奇怪怪的问题,为了避免问题的发生,我们可以对注册表进行优化.注册表用于存储系统和应用程序,那么win7如何优化注册表解决电脑故障问题呢?想要学习的用户不妨 ...