标签归档:情景式导航

将熟悉的问题陌生化

通过千鸟的博客知道《瞬间之美》这本书的,前几天去书店转悠正好看到这本书,本想买下的,但是一看价格还是决定算了。于是,在第三极里花了一个下午囫囵吞枣般的读完了。

最大的感觉是作者总是会将熟悉的问题陌生化,遇到问题的时候作者总是试着从另外一个角度去看待他,然后发现不同的解决方法。不断变换视角去看待同一类问题,让问题看起来陌生不至于使自己的思维陷入固定套路,这点对于一个产品人员来说,我觉得是尤其有价值的。

书中提到过一个原理叫做“环境提示”。让环境提示成为引导的线索采用字体大小和颜色双重表现方式区别链接的轻重程度)帮助用户快速找到组织中最有价值的元素。
这个原理来自于现实生活中日本一个地铁系统的站台提示。 多数人会在坐地铁的时候看书、听音乐、打瞌睡、看美女等等,同时地铁的报站在每个站点的声音都是一样的,可以想象在一个嘈杂混乱的车厢里,听不到报站或者听错了报站是很正常的事情。于是,该地铁对他们的报站系统做了改进,在不同的站点到达之前会放一段不同的音乐。这段音乐对于地铁里的乘客而言就是一个环境提示,这样不同的乘客只要注意不同的音乐声就可以了。可以避免因为看美女或者听音乐而错过站的情况发生。

我们知道,情境是与用户、内容并列的信息架构的三个最基础的因素之一。设计复杂网站时,在较大的整体中提供情境特别重要。很多实体世界中的情境线索在网站上是不存在的(没有自然的路标,也没有南北之分)。因此确保网站有提供情境的线索是设计导航的一个重要原则之一。

书中作者引用了这个原理把他映射到产品设计上。并以一个内部的CMS系统中如何在一列连接中把最新最重要的信息标识出来作为例子进行了阐述,作者认为采用不同大小的字体和颜色来对一个链接进行修饰可以直观的表述一个链接的轻重程度,且提高用户的阅读体验。
实际上这些方法我们也经常会用到:比如用红色链接来表示这条新闻是重要的;用黑粗体的标题来表示头版头条新闻;有的网站(浏览器)已经可以实现对用户已经点击过的链接使用颜色标出。
默认情况下没有浏览过的超链接是一种颜色,浏览过的超链接是另一种颜色。这种特征可以帮助用户了解什么是他们看过的,什么是没看过的,帮助他们回忆之前逛网站时走过的路线。在信息架构中,我们把这个叫做情景式导航。情景式导航可以支持联想学习,让你建立一种具有连接性组织的网站,使得用户和组织都受益。

当然,这部分只是我囫囵吞枣中记忆最深刻的部分,其他关于标签云的讨论、注册表单的优化、视频的引入、搜索的设计等等也都颇有见地,最重要的是这些都是最常用的产品组件。30多个故事,阐明了如何将好的设计原则运用到实际的Web应用程序界面中,使界面引人入胜,如何创造完美的瞬间,给用户以美好的体验,值得一读。