告诉软件该做什么——《瞬间之美》

 - by 小白兔

在你第一次使用某个Web应用产品时,熟悉它的关键在于是否能理解整个站点的内部结构。而最初的几个瞬间对于是否能形成美好的第一印象至关重要。

令人迷惑的术语和拙劣的组织结构,将会在几秒钟内把我们从满怀希望和兴致勃勃带往灰心、失败和挫折。所以很快在网站中找到方向的重要性是毋庸质疑的。

我曾经参与过一个项目,需要重新设计一个面向网站建设者的“所见即所得”式的Web应用程序。这个程序有些类似Google Page Creator,它让用户仅需操作可视化的编辑工具就能创建和编辑网页,而无需手写代码。

然而,与Page Creator 不同,这个产品已经存在可很长一段时间,经历过好几次大的改动。站点的功能越来越多,站点的导航也变得越来越繁冗。网站建设者只是随意的将新的界面元素添加到网页中,结果用户越来越难完成任务。

对于一个用户达好几万人的Web应用程序来说,这种状态可不乐观。

开发团队和我在一起工作了好几周,对该产品做了一次全面检修。导航功能只是其中的一小部分,但却又是非常重要的一部分。

告诉软件该做什么

在我准备着手设计整个产品的导航(或者称之为持久导航)时,它看起来其实相当简单:只包含两个按钮标签,分别是Home和Site。然而展开Site标签后,却出现了一大堆应用功能选项,而且和菜单项之间毫无顺序。如图:

真正的下拉菜单要比这里显示的长很多,但这已经足够让你发现问题了。每一个菜单项都为了一个完全不同的目的而通往一项完全不同的任务。例如,Creat new page 和 Edit contact information 选项,很明显互相之间毫无关系。没有一个用户会这么想:我要编辑联系信息,所以应该到 Site 菜单里面找。但事实上这两个选项就像两只走丢的小狗一样紧紧的靠在一起。

这些不同类型的动作应该以更自然的形式进行分组。从这个菜单往下看,我发现了一些彼此相关的名词。诸如 Web page, New page 和 Navigation 等都是可以创建和编辑的站点组成部分,而 Templates and colors 以及 Fonts 则与网站的外观有关联。于是我把这些菜单选项分成了几个部分,使之更好的反映了它们彼此间的自然联系,然后对它们分类标识。新的栏目标签如图:

这些新的分类标签把一开始的选项列表划分成好几组,分别包含了站点个元素、扩展功能(例如论坛),以及网站样式。然后,重新检查,看看每个菜单在新的标签下表现如何。在做这些的时候,我还去掉了每个菜单项前面的动词,比如 Edit, Manage 等等,只留下了简单的词组,这样它们可以更容易的被用户扫描到用户只需浏览下图中的列表,就可以很轻易的找出 Web page, Navigation,或者任何其它选项。

分组看上去变得更有意义了。然而,就像你所看到的,我同时也创建了一个怪里怪气的“废料箱”菜单,我称之为Misc.

每个应用程序都应该有一个废料箱,对吧?

是的,我也不喜欢它。在头5秒钟内它貌似还有点意义,但随即我就意识到这玩意儿很令人厌恶。首先,我很想找一个更好的名词去表现 Misc. 里面的项目,而随后我发现是否有好名词这一点根本不是问题所在。

每个人都想当指挥

软件并不是为了我们能单击那些按钮而存在。它是为了我们能完成任务而存在。这样我们才能做事情。

所以,导航栏不应该是陈列在一排按钮上的一串名词,而应该帮助我们感觉自己正在做一些事情,让我们找到当司机的感觉。

我们人类不喜欢感觉到自己正按软件的要求去做事情。在决定采取某个行为的瞬间,我们希望由自己控制软件,由自己告诉他应该做什么,而不是相反。任何违反这一意愿的软件都会让人感到愚蠢而糟糕,结果会敬而远之。

看看你的身边,你会发现很多软件的导航都设计成让用户感觉自己才是主人。从微软的 Word 到 Adobe 的 Illustrator,它们的菜单所包含的选项都是为了用户去做某件事情,例如 Edit 和 View。

这些菜单不是基于对象,而是基于任务的。这才是它们应该有的样子。

我们关注并重组了菜单中的对象,但其实我应该关注这个程序中所需要完成的任务类型。为了做到这一点,那些术语应当显示为 动宾词组,而不仅仅只是又丑又过时的名词。

也许你已经明白了,所谓动宾词组就是 动词-名词 的简单组合,以动词开头并以名词结尾。通过这种形式构成的词语,我们就能告诉软件我们希望做哪种动作,以及这个动作所针对的对象是什么。这让我们感觉自己正在指挥软件:我们是领导者,而不是被领导者。

如果没有动词,菜单就很愚蠢而糟糕。

为了补救这一问题,我把由名词主导的按钮标签改成了由动词主导的标签。如图:

不再是为了任务去选择 Style –> Fonts,你现在可以告诉软件你想 Manage Fonts。按钮标签是动词,而菜单选项是名词。

现在用户可以感觉到自己在指挥软件。现在他们能够去 Design 导航栏或者某个存在的网页、Creat 论坛或新页面,以及 Customize 站点的结构、文件等。

顺便谁一句,如果用户希望为网页中的文本选择某个字体,我也会建议使用Style –> Fonts。但在这个项目中,用户希望的却是管理各种可用字体,以便于能转化为图片显示,而不受其他浏览者系统字体的限制。

对于用户来说,他们对站点保持兴趣的关键在于能否获得方向感,能否得到所需要的信息,以及能否完成任务。清晰的导航结构不仅有助于用户了解网站能做些什么,还能知道如何去做。

运用动宾词组,按钮和链接就能有效的告诉用户能做什么。同时也使得用户感到自己是指挥者:是用户告诉应用程序去做什么,而不是反过来。

创建产品导航时,请确保你是以用户为出发点,而不是以系统为出发点。用户不是工具,系统才是。

Leave a comment