导航设计与信息架构

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

被狭义化的导航

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

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

所以我一直以来支持的观点是,根据内容去进行分类,和信息架构。所以我也十分推崇使用卡片分类法,既是定量分析也是定性分析。在有条件的情况下,推荐大家尝试。

回到开始的话题,如果我们考虑导航的时候,仅考虑其交互方式和视觉形式,那么很有可能反作用于信息架构。比如下面的例子。

Tab 式导航的例子

我们为什么要用 Tab 式导航?是因为它能比较好的表现出分类以及分类的结构(一般是两级)。并不是因为有了 Tab 式导航,所以人们才把分类分为两级。最初的时候,一定是因为先有了两级分类,设计师才设计出了精妙的 Tab 式导航。而 Tab 式导航的大规模使用,也在反面的影响大部分信息架构的设计。简单的几项内容,本可以一级逻辑表明,却被套用了两级分类,理由是 Tab 式导航比较好看。就好比人们总是习惯于用四个汉字作为导航文案一样。比如蛮好用“新闻”两字可以的,非得用“新闻热点”。这道理是一样的。

导航的交互和视觉设计不应该影响信息架构的设计。鱼眼菜单真的那么好用么?如果原本一个下拉菜单就十个菜单项,你会选择用鱼眼菜单吗?或者又是仅仅因为它很酷。

仍然是那个问题,什么样的内容,决定了什么样的导航。尤其要注意下,我这里说的内容,不仅包括文本资料的分类,也包括功能型网站的用户任务和目标。

导航不仅仅是 Tab

我们看到在 Office 2007 系列产品中,原来的菜单已经被板砖儿样的按钮所取代。这些被称为 Ribbon 的板砖儿,或者称之为 Context Navigation(情景式导航),是对类似交互操作的一种分类。显然,情景式导航,已经超越了简单的针对内容的分类。

搜索框是一种导航吗?这样说似乎有些牵强。但是在信息检索系统中,搜索框、过滤器等,确实是起到了导航作用的。或者我们可以称之为辅助导航。

归本溯源,导航为什么会存在?在所有的系统、应用中,都是为了让使用者能够高效的完成任务、达成目标。这样的话,从广义上讲,引导用户快速完成任务的链接、按钮,都可以作为大导航系统的一部分。

可能很多朋友有这样一个问题:导航设计是否要考虑商业目标?我觉得这与上文并不冲突。具体的可留待讨论。

小结

不要为了导航而导航,前面一个导航是指表现形式,后面一个导航是指实际的导航系统。

对于导航的设计,信息架构比交互方式、视觉形式更加的重要。

导航不仅仅是内容的一种分类,也包括类似交互操作的分类。导航的目的是为了让使用者高效的完成任务、达成目标。

情景式导航有可能是导航设计的一种发展趋势。

时间: 2024-10-27 02:09:13

导航设计与信息架构的相关文章

互联网产品设计:优化信息架构和框架图

文章描述:框架图需要的东西很简单,在这样的电子系统中,使用相近的元素去表达界面最终的大致展现,会更容易让人理解,也可以开始进行小范围的用户调查,最终通过不断优化信息架构和框架图,形成策划阶段清晰的交互原型,最终可以进行相关设计.开发等工作. 通过基础的信息架构图,框架图是最能把信息树演变成为真实思维联想的一种方式. 框架图需要的东西很简单,在这样的电子系统中,使用相近的元素去表达界面最终的大致展现,会更容易让人理解,也可以开始进行小范围的用户调查,最终通过不断优化信息架构和框架图,形成策划阶段清

网页导航设计:让你的网站导航更扎实更清晰

文章描述:Web导航设计二三事. 导航在Web中扮演一个回答用户"我是谁?""我从哪里来?""我到哪里去"的角色.好的导航是一个网站的主要基石.而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战. 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前整理清楚内容的信息架构,才能最大程度发挥导航的梳理网站结构.有效传递信息功能.网页结构一共有多少层级关系?是否存在上下层关系?各类别标签之间的关系是并列关系还是相关联的?

Web导航设计二三事

导航在Web中扮演一个回答用户"我是谁?""我从哪里来?""我到哪里去"的角色.好的导航是一个网站的主要基石.而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战. 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前整理清楚内容的信息架构,才能最大程度发挥导航的梳理网站结构.有效传递信息功能.网页结构一共有多少层级关系?是否存在上下层关系?各类别标签之间的关系是并列关系还是相关联的?各子级项中是否存在可合并项?等等.

网站导航设计二三事

导航在Web中扮演一个回答用户"我是谁?""我从哪里来?""我到哪里去"的角色.好的导航是一个网站的主要基石.而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战. 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前整理清楚内容的信息架构,才能最大程度发挥导航的梳理网站结构.有效传递信息功能.网页结构一共有多少层级关系?是否存在上下层关系?各类别标签之间的关系是并列关系还是相关联的?各子级项中是否存在可合并项?等等.

信息架构能帮助哪些网站产品?

文章描述:信息架构能帮助哪些网站产品? 关于信息架构,其实我也不大懂,我就看过两本中文翻译书和一本很学术的中文书,我一直认为信息架构是数据结构的另外一种叫法. 结合Tony的信息架构扫盲贴,我也扯扯信息架构的东西:(顺序可能不妥,请见谅) 每个网站产品都需要规划信息架构,包括检索.标记.导航.展示等,在产品最开始规划时就需要做,且后边规划功能时针对需求进行调整. 信息架构需要和真实信息尽量匹配,比如做个游戏信息库,每条游戏信息需要完整还原真实的游戏信息结构,包括名称.开发商.上市时间.分类.题材

检验网站的信息架构是否符合用户检索习惯

--让用户更容易地找到需要的信息1 最近突然想写个专题类的文章,关于如何让用户更方便快捷地在网站上寻找到他们需要的信息,当然不能脱离博客的主题--网站数据分析,所以这里主要介绍的是如何通过网站分析来优化网站,实现用户对信息的快速获取,首先介绍的是网站的信息架构. 关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简单温习,在这里表述一下我的一点拙见. 信息架构的定义 根据维基百科的定义,信息架构(Inform

交互设计师怎样理解信息架构?

  今天分享一篇交互设计高级教程,关于产品信息架构的思考,这方面是交互设计师成长的一个关键点,也是交互设计大局观的锤炼基石,文章很有深度,值得用心学习. 这篇适合交互设计或者对交互设计感兴趣的小伙伴们看.所以我就不解释信息架构是什么了.今天写一下产品信息架构的思考. 任何产品都有信息架构,或繁杂或简单.在文中讨论的时候,我大致把信息架构分为两种来例证.一种是比较简单的信息架构,例如大多ToC产品,微信.QQ音乐.腾讯视频等;一种是比较复杂的信息架构,例如大多ToB产品,运维类产品.客户关系管理系

优化网站信息架构

--让用户更容易地找到需要的信息1 最近突然想写个专题类的文章,关于如何让用户更方便快捷地在网站上寻找到他们需要的信息,当然不能脱离博客的主题--网站数据分析,所以这里主要介绍的是如何通过网站分析来优化网站,实现用户对信息的快速获取,首先介绍的是网站的信息架构. 关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简单温习,在这里表述一下我的一点拙见. 信息架构的定义 根据维基百科的定义,信息架构(Inform

信息架构

写几篇关于信息架构的文章,系统地输出我理解的信息架构. 写在前面的话 发了一篇关于招信息架构实习生的博客,收到不少简历.但谈起信息架构,多数不了解,稍微了解的扯了很多很偏的东西. 随手搜索了一下,我发现了原因:1 <web信息架构>这本书太概念,太学术.多数人不知道如何指导实践.2 有人绑架了"信息架构"这个词,拿出去唬人,内容都是皮毛或者是根本和信息架构不沾边的东西. 另外一个理由是,<web信息架构>06年出第一版,而这本书的最早版本是1998年,而真正的理