微博UDC浅谈用户体验的“反面模式”.pdfVIP

微博 UDC: 浅谈用户体验的 反面模式“ ” 作为网站的一个用户，你也许时常会发现，使用网站时，有些东西很令人厌烦。例如一个登录的 表单，或是导航，或者是整个网页应用，都有可能让你难以完成一项任务。是什么原因让网站的设 计产生了这些问题 ? 答案是复杂的。首当其冲的问题是 ,设计师们可能忽略了很重要的一点：对实际用户进行测试。这个 问题的原因通常是 ,设计师想当然的认为，他们自己知道如何处理好网站某一部分的交互细节。因为 很多设计师觉得，他们已经在其他案例中看到过类似的交互 ,原设计者肯定已经测试过，为什么多此 一举呢 ? 拿来就好。于是，我们频繁查看别人写好的 CSS 开源代码库，直接复制到自己的设计中， 而并没有在真实场景中测试。如此一来，我们已经在不知不觉中建立起一个由既定模板堆砌的作品 。 有些模板还比较有效，但有一些就有问题了。假如把这些模版看做车轮，那么经常你直接拿来装在 汽车上的轮子可能是自行车轮，驴头不对马嘴。所以没错，你应当重新为你的汽车设计车轮，并且 要把轮子装在车上试试。 　　你要考虑的事情： 你的用户未必与亚马逊，谷歌的目标用户相同，甚至与你的竞争对手的用户也不同。想弄明白究竟 一个设计模板是否有效，你一定需要亲自请你的 上帝“ ”(用户 )来测试。也许你的他们是迪拜的船员 (没 开玩笑 !这是我们公司近期的一个案例 )。总而言之，你的用户和其他网站目标用户的需求是不一 样的。 可是，我们不是已经了解到人类大脑如何与信息进行互动吗 ? 没错，但是我得重申，这些知识很宏观很宽泛。没有什么事情是绝对的。用哈佛大学最近的一个实 验举个例子吧，在这个实验中，研究员们设计的一个游戏能够根据你点击鼠标的速率正确猜测到你 的年龄 (译者注：更多关于此实验的信息可参考 http://www.dailymail.co.uk/sciencetech/article-2313388/Age-test-drive-dotty-Online-quiz-reveals- old-REALLY-based-reaction-time.html) 。我 (指原文作者 )也参与了，真是很有开拓性的实验 ! 处于不同年龄，不同身体条件，不同文化或其他方面不同的用户会有完全不一样的需求。这就是为 什么使用大而笼统的解决办法会有适得其反的效果。 　　什么是反面模式 ? 反面模式 (anti-pattern) 是指在实践中明显出现但又低效或是有待优化的设计模式。你会在网页应用 或网站看到这种方法，更具体地说，会出现在任何一个用户产生行为的地方，比如登录页面，输入 信息或阅读信息等地方。 　　如何识别反面模式 ? 作为一个网页设计师，你可能很容易就察觉到设计中明显出问题的地方 ( 比如，一个下拉菜单在你点 击其中一个条目之前就收起来 )。然而，反面模式中存在的设计问题会更加难以察觉。虽然一个专注 于在网站上完成某个任务的用户会跳过这个问题，但依然带有些许不爽。 为了让这些问题现出原形，你最好打开网络数据统计工具。 Google Analytics 是不错的选择，因为 它免费并且很容易安装。 你需要从测量到的数据中寻找一些问题的 症状“ ”(有可能是反面模式 ) ，包括： 　　页面用户访问量的下降 本来有许多用户被引到某一个页面，但突然大量的用户消失，这时你该仔细瞅瞅这个页面出了什么 问题。问问自己，用户需要某一个交互行为来进行下一步吗 ? 他们是不是不知道如何进入下一步 ?整 个页面是否是一个动画 ? 这些问题你必须实地调查才能知晓。把这些问题都记录下来以便于之后的 用户研究和分析。 　　漫无目的的点击 如果用户在整个页面上到处乱点，说明他们根本不知道应该点击什么。 　　反复的上下滚动 如果用户在页面内不停地上下滑动滚动条，证明他们找不到自己想要的东西，或者他们压根不知道 想要什么内容。 　　一些常见的反面模式 一个可用性的问题不一定等同于反面模式的症结，但是有迹可循的。许多设计中的反面模式因为低 效的可用性而被当做差劲的想法，实在很可惜。以下是一些