导航设计与信息架构

1月 11th, 2008

大部分时候我们讲导航,讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候,更多的去关注怎么与之交互,以及视觉上是怎么好看。但是导航,不仅仅局限于交互方式和视觉形式。

被狭义化的导航

回想一下我们是如何设计导航的?难道不正是根据内容、根据内容的结构去设计?最终,导航可能包含了三方面的功劳:交互设计、视觉设计,别忘了,还有信息架构。是信息架构决定了导航的设计。

信息架构决定了我们是用几级分类,一个项目是否可以属于两个或多个分类,等等。信息架构里面,有很大一部分工作是分类。分类,就是对已有的项目、内容,通过已知的共同属性,进行分组、归类。在计算机、信息系统被发明以前,人们就在不断进行着分类工作。从日常生活到科学研究,分类无处不在。我们为什么会要对动物、植物进行分类呢?哦,是为了形成科学的知识体系。那么当然,是先有了动物、植物、微生物的具体存在,才有了界、门、纲、目、科、属、种这样的生物分类法。为什么要分那么细致那么多层级?是因为生物届的复杂性要求分的这么细致。

Read the rest of this entry »

(100-1)% 的内容是导航

1月 8th, 2008

网站,(100-1)%的内容是导航

1、Jesse James Garrett 在《用户体验要素》一书中提到了多重导航系统:全局导航、局部导航、辅助导航、内链导航、友好导航。
而我认为不仅如此,“检索”、“分类”、“网站地图”、“内容简介”等也都只是不同的导航方式而已。

2、网站的价值是“可以帮助用户完成某项任务并得到某种体验”。
网站要做的事情就是更好的引导用户完成任务,并保证用户完成任务的过程有着好的体验。
某种意义上可以说:网站从头到尾做的事情都是在做“导航”,只有最终的那个结果才是“内容”。

3、所以,网站的设计“百分之一百减一”是在设计导航。
而网站的体验和“完成任务的过程”其实都是“导航体验”。
所以在设计中我们总是在不断的思考“如何让用户更好的完成这个任务”,“如何更好的引导用户完成这个操作”,“用户习惯怎么去做这件事情”,…

Read the rest of this entry »

让复杂导航变简单

1月 7th, 2008

导航设计是结构层面设计中的主要工作之一,在软件中,导航设计的好坏,直接关系到用户使用是否能够流畅。面对较复杂的导航,我们第一反应是将其简化。所以在一些复杂的企业级管理软件中(如SAP、金蝶ERP、浪潮ERP等),提供用户直接通达某位置的快速入口;有些软件则提供收藏夹,让用户把常用的地址收藏;有些则从导航交互的方式上寻求解决办法。

1、在路径层面上提供辅助导航
提起辅助导航,我们会马上想到搜索框、快捷入口、收藏夹等等,之所以会马上想到这些,是因为这些形式让我们的使用更便捷。
080101004.jpg
图 1-1 SAP界面上的快速入口

Read the rest of this entry »

论“面包屑”的倒掉

12月 28th, 2007

很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等月亮一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当月亮升起来时,他们在地上却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。

这是《格林童话》中所描述的与面包屑有关的故事。不知道从哪一天开始,汉赛尔的面包屑开始悄悄地出现在某个网站的导航位置上,然后迅速地撒遍了全世界,变成了今天大家所熟知的“面包屑导航”。 Read the rest of this entry »

把导航系统做薄

12月 27th, 2007

和朋友讨论时,我提到过一个观点,所有框架层设计中,最核心的是导航设计。最近更看到有国外同行提出“80%的可用性是导航!”因为良好的导航可以保证用户找到任何信息。也就是说,提供到达的可能,远比如何到达的可用重要。

我习惯把导航分为一维、二维、多维来简单理解,一维对应线性结构,二维对应分层结构,多维对应无序结构。这么说可能比较抽象,其实都已经是耳熟能详的应用,分别举例阐述设计意图:

  1. 最原始仅限于一二三级的,单对多树状应用就是“分层导航”,基本属于必要元素。
  2. 跟踪用户行为,记录的用户在网站的活动足迹就是“线性导航”,俗称面包屑。
  3. 管理系统的后台,在首页增加的类似跨分层结构的链接就是“无序导航”,俗称快捷方式。

Read the rest of this entry »

别忘了导航

12月 26th, 2007

很多网站为了某个活动、节日什么的,经常都会做一个专题页面。这些页面往往都和网站其他的页面不同,不用那些循规蹈矩的布局,有漂亮的大块图片、甚至是声色俱佳的Flash~ 这些页面,可能是从网站内部某个吸引人的地方,吸引你点入;也可能是某个软件的网站,从软件里链接出来的;也可能是和别的网站合作,从别处链接过来的……这样的页面的确都做得很吸引人,但也容易忽略一个很基础的问题,比如下图这个页面:

blog1.gif Read the rest of this entry »

导航的流行趋势

12月 20th, 2007

这不仅仅是一个信息爆炸的时代,也是一个服务爆炸的时代。
一切都是因为互联网,随着互联网技术的发展,信息的增多,服务的增多,用户需求的多样化。怎样让用户在最快地获取自己想要的东西,导航的设计显得非常重要。
随着带宽的持续增加,互联网技术的研发,我相信,导航的形式将会更加的多样化,这种多样化带来的将不会是使用的复杂,而是更加地人性化。
下面是我觉得将来会比较流行的几种导航的方向。

借鉴传统软件工程的导航模式

12.JPG
google靠搜索起家,却剑指微软。微软靠一个操作系统的平台整合了计算机的软件行业,google则要搭建一个新的平台来整合所有的网络服务。
从上图可以看到,google的导航和XP的导航有着惊人的相似之处,XP左下角的快速启动,和google左上角的导航,如出一辙。google除了用纯文本没有用图标之外,没有任何的区别了。 Read the rest of this entry »