链接生来不平等——《瞬间之美》

 - by 小白兔

链接这种最简单、最基础的设计也是能够改进的。最近,在创建一个链接列表时,我找到了一个这样的机会。

在这个例子中,我需要在一家公司的内部网首页上创建一个标题列表,让该公司呼叫中心的雇员们随时了解最新事件。这些标题的链接有点类似新闻列表,需要按时间顺序显示,但一次只需显示5条信息。

我从最普通的设计开始,创建了一个简单的链接列表,如图:

下一步考虑如何让用户看明白这些从上到下的标题链接是按照什么顺序排列的。在这个呼叫中心里,最新的事件往往是最重要的事件。

我可以在旁边放一些说明性文字来做到这一点,比如“本列表按照从最新到最老的顺序排列”。但是这样需要花费用户更多的精力去阅读。对于Web应用来说,不必要的阅读是人们最不愿意去做的事情。

所以我才用了另一种方案。我把标题从1-5进行了标号,觉得这样差不多算是大功告成了,如图:

对列表项目进行编号基本上能表现出它们排列的顺序,但是列表看上去仍然很单调。这让我想当头疼,因为即使每一个项目都编了号,它们彼此之间还是太相像了。

在这个呼叫中心里,最新的事件往往最为重要。它通常意味着公司某个环节发生了突发性事件,需要尽快通知客户或消费者。这些事件可能是售后服务资源短缺,也可能是计费系统暂时性故障,也可能是其他事情,它们都需要呼叫中心的雇员在第一时间内获得上述信息。

而在这样一个单调的列表里,每一个链接和其他链接如此相似,它怎样才能凸显那个No.1的重要性呢?

最近在Boxes and Arrows上读到了一篇名为“环境的提示”的文章,作者是Ross Howard,我从中获得了些许灵感。

让环境提示成为引导的线索

Howard在文章中提到,在日本的城际铁路线上,每一个站台都会在列车进站后播放自己独特的音乐旋律。因为那些经常乘坐同一线路的乘客会在乘车途中感到无聊,他们会看书、读报纸,或者打开笔记本电脑工作,而不一定会去关注每一站的站牌或列车的语音播报。而到达每一站都提前播放一段独有的音乐旋律,能有效的引起乘客的注意,从而提早准备下车。

Howard把这种音乐广播称之为环境的提示。列车线路中还包括其他的环境特征,例如隧道、每个展台的外观等。而这些音乐旋律和它们一起帮助乘客在脑海里构建一张虚拟的乘车路线图,从而避免坐过站。

用环境做提示这个想法引起了我的兴趣,因为它表示当用户在网站上完成某项任务时,很可能是一种无意识的举动。在这个企业内部网上,最有帮助的事情莫过于让用户很容易的找到正确信息。于是我尝试把环境提示这一概念应用到链接列表中。

我舍弃了列表编号,同时根据文章发布的时间顺序改变了每一个链接的字体大小。最新发布的链接字体最大,下面的链接字体依次变小,以此表现列表中的文章越来越陈旧,其重要程度也越来越低,如图:

这样一来,事情发生了很大变化。较大的字从较小的文字中凸显出来,使得列表中的一个链接的重要性一目了然。另一方面,更大的字体显得更为沉重,颜色也更深,这使得它们的表现力更为突出。

展现岁月的印记

设计的时候,我突然想起设计师Bredan Daws曾经在他的Analog In, Digital Out一书中谈到过岁月感的问题。Daws多愁善感地回忆他在刚接触电脑时曾经读过的一本小册子,那上面不小心留下了一些喝茶时溅落的污迹。他以此谈到在数字领域中岁月感的匮乏。数字化的文件不会溅上茶污,这一点相对于实体化的真实文件来说是一个巨大的优势,即它们在创建多年后依然保存如新。但这同时也意味着从满是茶污的物品上获得的怀旧之情已经永远一是在数字世界中了。

当时这个想法让我浮想联翩。这很自然,因为——哇喔!想想你能在网页上变出怎样的戏法!

网页上无法表现岁月感这个问题确实一直在困扰着我,但我从没想过那些古老的东西需要以某种方式让它们看起来古老。没错,许多网页的文章都会显示日期来表明它们的原始发布时间,但是仅此一个表明年代的迹象通常很轻易就会被忽略,而且还有很多网页根本就不显示日期——没有任何表明年代之处。

比如说,我三年前写的一篇文章,没准在今天就会变成某个搜索条件下的第一条搜索结果。而如果文章中没有标明发布日期的话,又怎样才能让人搞清楚它们不是昨天才发布的呢?

因此,我不时会收到几封电子邮件问我一些三年来从没再想过的问题。这些问题非常新,然而我以前的回答……可能就会显得有些迟钝了。

如果网页中表现出岁月的印记,那么读到这篇三年前文章的用户就能很清楚的知道它是很久以前发表的,于是就会转去其他地方搜索更新一些的信息,或者至少调整一下要发给我的问题。

在参考了Brendan的想法之后,我决定让这个链接列表的设计更进一步,努力传达出每个连接时更新还是更旧。毕竟在这个项目中,越新意味着越重要。

但如何能让链接看起来很旧呢?

我根据从新到旧的顺序修改链接列表,使得它的颜色由深至浅,如图:

最终的调整创造出一种效果,即从最新的链接开始逐渐向下淡化。而这也使得表以更为清晰:第一条链接最重要,从它开始,链接的重要程度逐条递减。

非常好。这个正是我一直想要的。

这种环境提示在最终的网页中是不是真的起到了明显的作用?或许并没有,会不会有人因为列表最后的链接字体太小而烦恼?有可能,但是因为浏览器字体的大小可调,所以这种情况也不太会发生。我是不是在劝说你应当立即把这一招用在自己的网页上?

仅仅只在它真正会起作用的时候。

在这个案例中,我做的一些设计较之以前的设计确实改进了不少,而我的出发点仅仅只是为用户提供向导。为创建明确的路线而做的任何事情对用户都是有益的。他们只需要扫一眼页面就能自动理解链接顺序的含义,只凭直觉,而不需要思考和检验。

 

Leave a comment