理解UI设计准则——有关注意力

目录

• 模式一：不要让用户专注于工具的使用，而是专注于目的
• 模式二：我们跟着信息“气味”靠近目标
• 模式三：我们偏好熟悉的路径
• 模式四：完成任务的主要目标之后，我们经常忘记做收尾工作

 

---

　　　　这一小节，我们着重讨论的是根据人的注意力的特点，我们在进行交互设计的时候，应该注意哪些问题。在此，还是根据 Jeff Johnson 的建议，

　　提供给大家几种可参考的设计模式。

 

模式一：不要让用户专注于工具的使用，而是专注于目的

　　　　不论我们设计的是什么样的应用，一个前提一定要非常的清楚，那就是：帮助用户解决问题，达成用户的目标。因此，我们应该尽我们最大的

　　努力保证，当用户使用我们的设计的应用的时候，大部分的注意力和精力都是在解决他们的问题，在完成他们的目标，而不是专注于工具本身的使

　　用方法：软件怎么使用？如何操作才能够达成目标？是不是有什么其他的方法？.........

　　　　如果你让用户思考怎么用你的应用，而不是让用户沉浸于任务的处理上，那你就会失去用户。我想着也是像PS等应用软件给人的高门槛恐惧和

　　如今众多的美图秀秀之类的应用的火爆的一个背后的原因吧！

 

模式二：我们跟着信息“气味”靠近目标

　　　　　当用户使用某个应用寻找某个功能的时候，他们的注意力会集中在那些和目标信息相关的图片和文字上。而且，在进行寻找的过程中，用户

　　基本上不会对文字进行跟深入的解析，仅仅是看字面上的文字和字面上的意思。比如说，用户登陆去哪网订购机票的时候，那么他的注意力一定是

　　聚焦于那些含有“预定机票”、“航班”、“票价”等这些文字上面，并进行快速的扫描和字面上的识别，以求快速的完成订票的目标。

　　　　如果上面的那个例子不能够引起你的对这个模式的认可，那么，问问自己在12306订火车票的时候，你从进入到点击“购票”那个按钮过程中，

　　你都关注了哪些信息？你注意到了“票价查询”、“客票代售点查询”、“货物快运”这些文字了吗？这个过程中你详细的分析了一下“客票代售点”和“客

　　运营业站站点”的区别了吗？还是一看到“购票”这个按钮之后，就马上点进去了呢？

 

　　　　再进一步分析一下："在快速寻找目标相关信息的时候，用户仅仅看字面意思，不会进行什么思考"，也就是“跟着目标信息的气味靠近目标”。

　　人们有目标性进行寻找的时候，注意到的仅仅是屏幕上面与他们的目标相匹配的东西，并且仅仅从字面上考虑。看看下面这个ATM取款机的屏幕内容

　　你会它的设计违反了人的注意力的规律

　　　                                                　

　　如果你的目标是通过这太自柜会员机，完成“汇款支付牙医”的操作，那么应该选择“Payment”和“Transfer”两个功能中的哪个呢？

　　如果你的目标是“开新账户”，那么应该选择“OpenEnd Fund” 还是 “Other Service”呢？

　　如果你的目标是“购买旅行支票”，那么“Request Cheque Book”是不是比较吸引的注意呢？

　　　　而结果是，当你点击上面看似相关的功能之后，会发现往往不是自己想找的功能。因为这个屏幕的交互设计的并不合理，各个功能使用的文字

　　具有非常大的相关性，又由于用户在快速留的时候，只会注意表面上的文字，并不会进行深入的解析，最终导致用户体验极差！

　　　　所以，真正值得称道的应用，应该尽最大的努力将各个功能文字或者元素做的“气味”十足，当用户仅仅通过字面上的某些字就能够不用思考的

　　知道它大体的功能， 从而帮助用户进行快速的目标定位。下面的做法都能够做到“气味十足”：

　　　　1、提供清晰的常规的概念

　　　　2、减少需要用户额外学习的概念

　　　　3、将各个功能的界限划分清楚

　　　　4、避免生僻晦涩的文字

　　　　5、界面元素做到所见即所得

　　　　6、减少重复的文字，着重体现差异性（之前的博文已经提到过了）

 　　　　7、对于一些常用的、重要的功能入口，最好不要变动它们的位置，除非迫不得已

 

模式三：我们偏好熟悉的路径

　　　　这正如那句经典的话：因为我赶时间，所以走了熟悉的远路

　　　　实际上除了赶时间之外，其他的时候，大部分也是这样，不得不承认人懒得动用智力是一种天性，当我们懂得使用应用中的某条路径达到我们的

　　目标的时候，就会抵触新的路径和方法，即使这些方法可能有更好的效率和效果。比如，在使用博客园的编辑器的时候，上传自己切好的图片的之后

　　面临的一个常见的问题是批量的调整图片的大小，在之前我都是一张一张的上传，上传一张就通过拖拽的方式调整一下大小，再上一张，在以拖拽的

　　方式调整，用眼看着和上一张大小大致相同的时候，就算完成了。到后来，我发现实际上编辑器中有一个专门精确调整图片大小的按钮，非常方便。　　

　　但是，我在之前就是没有主动的寻找过这个按钮，即使，我知道一定会有这样的按钮。

　　                  　　

　　　　这个模式会给交互设计什么样的指示呢？我想非常的简单，原则就是：为了让用户能够注意到新的、更加有效的路径和方法，就要引起用户的注意。

　　上面的“提供清晰的信息的气味”就是很好的做法。当然还会有很多的方法！

 

模式四：完成任务的主要目标之后，我们经常忘记做收尾工作

　　　　实际上这是一种注意瞬脱，在用户处理任务的过程中，注意力高度集中，一旦任务的主要部分被处理完毕，注意力就会立刻从我们的短期记忆中

　　释放，有关记忆瞬脱的介绍，参加我之前的一篇博文 理解UI设计准则——从心理学出发 

　　　　这个模式给我们的指导是：为了避免用户忘记收尾工作，交互系统应该能够在事情还未彻底做完之前做出提醒，或者系统自动的为用户完成收尾工作。

　　实际上，这样的例子还是很多的，比如ATM取款机，用户在取完款项之后，非常容易将银行卡落在ATM机中，这时候应该非常“严重”的提示。再比如，像

　　一些团购网站，网上支付，再凭团购号码到实体店中进行消费，最后一个步骤是让用户保存好这个团购号码。但是用户非常有可能忘记保存， 支付完毕之

　　后，就退出了。到实体店之后，无法出示号码（当然，只要通过手机登陆，到个人订单中查看即可，但是如果用户是从PC网站上订购的，同时又没有下载

　　APP客户端，或者实体店中没有WIFI而数据流量又没有了），虽然这种情况非常的特殊，但是我是真的遇到过这样的情况。在去哪网上获得支付号码之后

　　会通过短信的方式直接发送到你的手机上，同时也会提想你将这串号码照下来等提示。