翻译&再加工：MartinRGB
导航，作为用户体验的关键部分，意味着某种结束——用户终于结束浏览，到达了想要消费的页面。
在用户的心中，始终有这样一个预期：所需的内容是独一无二的、令人兴奋的、能够直达的，因为他们急迫想要获取这些内容；而导航应该是简约的、符合用户习惯的。
本文分成两块，共四步，意图构建出简约、有效的导航使用体验，包括了“内容的‘质’与‘量’分析”以及“如何正确选择导航菜单？”
一、四步完成理想的导航系统
若想完成可用性极高的导航系统，网站设计师需要问自己这样四个问题：
1.我该以何种方式来架构内容？
2.为什么我现在使用了这种导航方式？优点有哪些？为什么这么分类？
3.但实际上，那种导航方式最适合我目前的项目？
4.综合上述分析，我该如何设计导航菜单呢？
头两个问题，其实可以简单的概括为“架构”和“分类”内容，这两个词汇在信息架构学中经常被提及。如何可视化评估一个信息架构专家的工作成果呢？他们通常使用站点地图来展现。
站点地图能够全局性的向我们展示整个网站的导航架构(图像来源： Web Tuts)
然而，如果仅仅把站点地图提供给用户，很难让用户满意，也无法提供最佳的用户体验。首先，我们需要设计出优秀的导航菜单样式，提供出色的反馈，初步包罗所有信息，这是“外”；然后，我们要做好分类，完成内容交叉，这是“内”。只有这样的去设计导航菜单，用户用起来才舒心，无论是寻找、浏览，还是页面跳转，都能够得心应手。
前两个问题联系到“信息架构”，而后两个问题，牵扯到“交互设计”层面。而第一部分（也就是本文），我们来探讨一下信息架构方面。
二、内容架构
合理架构网站内容的第一步，便是要思考用户使用模式：用户会以怎样的模式寻找信息？以用户为中心设计，能够解决很多问题。
用户会以怎样的模式寻找信息？
当用户寻找信息时——比方说车型选择、食谱搜集、衣物挑选、健身咨询、业内资讯、娱乐视频或者金融服务——用户可能不知道信息所对应的“关键词”。
假设用户知道他们想要搜索的关键词，那么最好的导航方式是：将从A到Z的信息索引提供给用户或者在搜索域的下拉框中，根据用户输入的信息，来为用户筛选信息。
A-Z索引：一个漫画站点的首字母索引
下拉框：百度搜索的下拉框，能够根据用户输入的关键词和热点来反馈出更进一步、更精确的关键词 （图像来源：百度百科）
如果所有的用户都知道他们所需信息的关键词就好了，可惜事实并非如此。而且A-Z索引和关键词筛选也都有各自的缺陷，不能作为主要的导航手段（这我们会在第二部分详细讲述）。事实是，大多数情况下，用户都不知道他们想要搜索的“关键词”，更不知道想要购买的商品名称；但是，用户知道一个或者几个“相关”的“关键词”
首先要做的第一步是，引导用户至所需的信息处，然后，聚集并分类信息的种类。
导航系统的基础是内容组织分类
信息的收集可以被看成是“内容组织”——也就是，信息的信息
无需考究细节，进行一些大的分类，例如：
我们可以把政治类类消息归为一类资讯（图像来源：凤凰网）
我们可以根据显示器的尺寸来划分类别（图像来源：中关村在线）
我们可以根据导演来选择所要观看的电影（图像来源：时光网）
我们可以根据衣领是圆领还是V领来选择T恤（图像来源：淘宝网）
当然，很多商品之间存在着分类的交叉，比如说都满足某一价格区间，都很流行，品牌也都一样。用户完全可以根据内容组织或内容大概分类来浏览内容。但是，“万法归一”，每个人的使用习惯都不一样，我们要提供多种导航方式，来满足大多数用户的大多数导航需求。同时，还要保持整体界面的简约性，这是个取舍问题。
设计师需要审慎考虑：是否提供“内容分类”的导航方式？或者，在什么阶段向用户提供内容分类的导航方式？
三种内容组织分类的方式
关键词分类、选择性分类、不相干分类（crucial, optional and irrelevant.）
信息架构的挑战，就在于分类，如何将内容分类？是使用关键词分类，还是使用选择性分类？这取决于“目标用户，应用/网站目的以及内容数量”这三者。我们来简单介绍一下这三种分类方法，对号入座，看看你的产品适合使用哪种分类。
2.1关键词分类式导航
有经验的交互设计师都知道，做完“完成内容架构分类、组织用户流程、梳理清逻辑”这几个步骤后，往往还需要一个转换过程，因为用户的思考模式和设计师完全不同。
而关键词分类，却能“即插即用”，设计师可以根据关键词来组织分类内容，然后直接使用关键词分类，用户立即就能看得懂，并高效导航。
确定关键词分类
一个食谱网站，可能会有以下几种关键词分类方式
按“第几道菜”来分类
按“食材”来分类
按“特别食谱”
按“烹饪条件”来分类
按“烹饪方法”来分类
我们来琢磨以下，上述“关键词”真的都关键吗？最“关键”的是哪个？毫无疑问，我认为最关键的应该是“第几道菜”。
不是每个人都需要“特别食谱”，也不是每个人都有优秀的“烹饪条件”，用户也不可能一下子拥有全部的“食材”。更重要的是：每个人每天都要吃饭，但是每个人并不一定要做饭。不做饭的人可能不了解“食谱”、“烹饪条件”、“烹饪方法”等，但是他们都知道西餐正餐的上菜顺序（开胃菜、汤、副菜、主菜、沙拉、甜品）
看见了没？这便是所有访问用户都知道的信息，也是他们的共通性，所以我认为这应该是食谱类网站首先要向用户呈递的关键词分类。
“第几道菜”对于食谱类网站来说是非常关键的分类 (图像来源: Our Best Bites)
通俗来讲，也就是说，产品要根据用户的共同点来进行分类，尽量让产品内容分类“包的住”所有的用户。
这是门户的做法，只有这一种方法吗？也不尽然，还有垂直的做法。如果一个产品做的非常专业，那么可以用非常专业的关键词分类来“影响”用户。
继续拿食谱类网站为例，比如说“菜系”这个分类，食谱类网站的主流用户一般都不会关心“菜系”这个东西，但是如果一个食谱类网站的“菜系”模块做的非常有“特色”，可以说是业内首屈一指，那么很多喜欢各地美食的吃货很可能慕名而来，专门访问以学习不同菜系的食物做法。在这种情况下，“菜系”这个模块已经成为这个网站的“特色”，因此非常有必要在首页中提供“菜系”的关键词分类。
很垂直的网站可以在首页提供特色模块的关键词分类，比如说这个食谱网站。（图像来源： Recipes by Nation)
运动类网站并不一定要有运动装备板块，但是虎扑的运动装备板块已经做的很有用户基础，很多用户来虎扑，可能不是为了体育资讯，而是为了购买球鞋，因此提供了此类资讯的关键词分类索引。（图像来源：虎扑）
关键词分类的排列问题
上面的例子仅仅展示了单一关键词的分类方法。然而很多网站，比如说电商类的网站，往往整个产品线需要多重关键词导航，不同关键词之间还可能出现彼此交叉的情况。
以购买服装为例：
按“服装种类”这一单一关键词进行的分类
按“性别”分类
按“适用环境”分类
多重关键词分类很棘手，我们该如何解决多重关键词分类之间的潜在冲突呢？
重点在于：多重关键词，要划清关键词重要“等级”，提供富有层次感的多种关键词导航。我们来看看下面这个站点的一级关键词分类
优衣库的分类思路很明确：使用性别、年龄作为一级关键词分类。
我们这样来想，你今年18岁，需要买一件T恤。
网站通常以水平导航栏的方式提供关键词索引（图像来源： LL Bean)
我们来看看那LL Bean这个网站的导航栏，看起来简单易懂，从左到右：男士 女士 儿童 鞋类 户外装备 打猎装备 主页。
注意衣服类产品的分类，我们知道，如果按服装种类分类，可能二十多种都分不完（牛仔裤、长袖、短裤、工装裤、T恤、羽绒服、棉服、卫衣），于是乎，设计师将衣服类产品分为“男士”和“女士”：所有访问网站的人非男即女，利用性别进行关键词分类，信息筛选起来简单、精确。
然后用户选择了“男士”这个关键词，立马下拉出“服装种类”这个二级关键词分类索引。
利用“性别”关键词分类，非常容易筛选用户种类，而且分类简单，只有“男性”和“女性”，同时简化了页面空间 (图像来源: LL Bean)
虽然说这种分类方式，稍微破坏了信息架构的一致性，但是设计师可以借此节省页面空间。规矩是死的，但用户是活的。
优衣库的产品分类同样遵循此道。
H&M的产品分类
不过“鞋类、户外装备、打猎装备”这几个关键词，可能是因为是销售热点，所以才放在了一级分类里面。
多重关键词分类应该是“上下”层次模式，而不应该是“并列”模式（图像来源： LL Bean)
这种内容分类方式也有问题，问题是：
如果一名男性用户想要购买一双鞋。那么“鞋类”和“男性”属于同一层级，那么他该如何选择？
是“鞋类 → 男性鞋类”
还是“男性 → 鞋类”？
用户看到这种状况，不免产生混淆感。
但是男性属于更大的一类，而鞋类属于稍微小的一类，因此，我们应该移除“鞋类 → 男性鞋类”
启示：多重关键词分类的重点是，根据分类面向的大小关系，打造出“关键词层级”，提供更便捷的导航。
2.2 可选项分类导航
如果已经建立好多重关键词分类导航，那么可以简化界面。
但有些情况下，也不必使用多重关键词导航，假设一个网站的产品很少，也就十几款，那么设计师可以很简单的使用单一关键词分类导航，简简单单的将产品划分为“男士”、“女士”即可
产品越少，分类越简单
但有时，如果分类实在太少，那么可以加入一些额外的关键词类别，用来帮助用户进一步过滤内容。
可选项分类挺重要的，但是却不是必要的。例如，汽车的分类方法，既能按“车门数”来分类，也能按“燃油类型”分类，有些人在乎车门数，不在乎燃油类型，而有些人正好相反。
重要的关键词分类要优先于可选项分类
先进性关键词分类，再进行可选项分类，这是一种规则。
但是呢，很多零售网站，比如说流行和电子产品网站，会在二级条目中罗列出品牌（可选项分类），而同一层级中，主要是产品类别（关键词分类）
关键词分类和可选项分类应该处于不同的层级，以便层层筛选(图像来源: Flipkart)
这种方法的问题就在于，假设用户选择了一个品牌，他们便需要重新选择衣服种类。这样用户得到的信息未经过筛选，用户挑选起来困难重重。
因此可选项分类尽量不要和关键词分类处于同一层级，会增加导航的复杂度。
向用户提供多重过滤，这很好。但是开始时，一定要通过关键词分类，让用户完成最关键的筛选，是男士还是女士？是图书还是音像？是裤子还是上衣？当用户完成了关键词筛选后，再提供更多的可选项，进行更深入的信息筛选。
在上面的例子中，如果导航二级菜单中能够删除掉品牌分类就好了，便不会让用户混淆。正确的的做法是，当用户选择完了关键词，比如说“上衣”，完成了关键词分类，再提供可选项分类，提供他们品牌信息，如下图。这样信息筛选起来很方便。
先待用户完成关键词筛选，再提供可选项分类(图像来源: Flipkart)
动态过滤
前面已经说过，关键词分类需要有层级，先区分最容易区分的大类，再进行小类上的分类。
但是当用户需要通过结合多个可选项，来进行信息筛选时，我们便可以采用动态过滤的方式。
看看下图，Sears这个电商网站先利用关键词分类，完成了面包屑导航
用户可以清晰的了解他们所在网站中的位置
Shoes> Mens Shoes>Mens Casual Shoes
下面他们就要开始使用动态过滤了！
当结合多个可选项，以帮助用户进行信息筛选时，这时就进入了动态过滤阶段。 （图像来源: Sears)
动态过滤是这样一种模式，每一种分类都可以看成是一种过滤器，帮助用户筛选内容，而多重分类，则提供了多重筛选。
通过动态过滤，将不是那么“关键”的可选项分类展现给用户，减少用户导航的层级。
像“品牌”、“衣领类型”、“材质”、“尺寸”、“价格”、“图案”，这些都是可选项分类，当用户结合了这些分类，通过动态过滤的模式，便可完成快速筛选。
不能用关键词分类作为动态过滤 (图像来源 Nike)
辨识度是个问题，Nike意图用关键词分类作为动态过滤，可是垂直导航跟水平导航均采用了关键词分类模式，但有略有差别，这会让人感到非常混淆，用户进行信息筛选、购买决策会非常困难。
其二，从交互上讲，动态过滤的意义在于：让用户更快速的直达信息。而Nike的这种动态过滤方式，本质上没有提高用户的导航速度。无论是交互模型，还是用户导航效率，Nike的“伪动态过滤”和“传统导航”都是一样的。这可谓是一个败笔
关键词分类最佳使用场所是传统的水平导航菜单中(图像来源: Nike)
互相排斥的分类
当可选项分类可以不排斥的结合时，我们可以利用动态过滤 来提升用户交互速度。但如果分类互相排斥，那么最好在下一层级中再使用动态过滤。
下图中Daily Express的界面，网站先会询问用户感兴趣的信息，是“金融”、“娱乐”，还是生活。然后用户完成选择后，网站会提供相应的文摘。
互相排斥的可选项分类，最好各成体系，放在导航菜单中 (图像来源: Daily Express)
当用户点开娱乐，他可能想看一本书或者一部电影，或者一部电视剧集。
但是这些分类一般都是互相排斥的，用户选书，说明他只想看书，在这里动态过滤就不起作用了。
但有些情况下，分类是否排斥，还要取决于用户数量。
比方说食谱类网站，“中餐”和“圣诞节主题”，这两个菜品分类在一般用户的意识里都是不相干的。但实际上，还是有很少的人喜欢做圣诞节主题的中餐。
当用户量较少时，这两个分类可能是排斥的。
当时当用户量较多，且内容丰富时，什么样的癖好都有，这时便可以使用动态过滤了。
当内容丰富多样，用户口味多种多样时，便很有必要采用动态过滤(图像来源:Food52)
这一部分讲述了动态过滤、可选项分类，希望各位从交互的角度来思考，下一部分我们将讲述内容分类第三种方法：不相干分类。
2.3 不相干分类导航
不相干分类导航，颇有一点反面教材的意思。由于没有经过深思熟虑，在分类前，没有确定目标用户，设计者往往不知道什么样的用户会喜欢阅读此类内容。因此，此分类方法往往无法有效的满足用户需求。一篇文章的数据分类，可以简要的分成两块：“字数”和“图片数”。网站需要有“内容分析者”这样一个岗位，主要工作是分析文章，挑出字数太多，或者缺乏图片的文章。当用户看到此类内容时，由于过于枯燥，往往选择放弃阅读。内容分析者需要和设计师或者客户讨论此问题，从而优化内容。从建站者的角度来讲，通过“字数”和“图片数”进行内容分类很有必要，能够方便网站管理，但是对于用户来说，这种分类方法毫无价值可言，他们也不会通过这种方式来筛选信息。
长话短说，虽然不相干分类对于用户来说毫无价值，但是还是有其自身存在的价值。不能作为主要的分类导航方法，但是应该在“保持界面简洁，不干扰用户浏览”的情况下，作为一种备选，也即是作为可选项分类的一种出现。
例如，当一个网站运营多年，内容过多，已经建立起明确的关键词分类导航，可选项分类导航也建设的差不多时，就可以考虑利用“字数”来进行文章内容过滤，可以增添一个可选项，进行导航，以便建站者添加内容、用户筛选内容。
当“字数”出现在一级关键词分类时，很明显是不相干分类导航，但是当字数作为可选项时，能够提供用户很多参考信息。（图像来源: Time）
上图的网站可谓展现了分类学的微妙，有的分类方法并不是“没用”，而是“没有合理使用”，源数据的处理可谓博大精深，先是信息架构，再是交互，最后才是界面。
好了，讲了这么多的理论，下面我们开始联系实际，我们来看看很多设计师经常遇到的一个问题“如何为公司类网站设计产品导航”
2.4 公司产品分类
在添加内容时，很多内容提供者往往一扔就完事了，而分类整理的工作全部丢给设计师。
但是公司类网站的产品分类要求很高，他们有自己的一套分类方法。他们的分类方法和产品联系更大，但是有时候也会导致需求冲突。
假设我们为一个汽车企业进行网站建设，我们第一步需要做的是对源数据进行关键词分类。我们的分类标准可能会依据“大小”或者“车型”，车型的分类有“紧凑型”、“旅行车”、“运动车型”、“轿车型”、“豪华型”等等。这种关键词分类很不错，因为大多数购车者在选购汽车时，是很在意汽车车型的。“紧凑型”，故名意思，小巧、便宜、容易驾驶和停靠。“旅行车”空间更大，适合家庭出游。“运动车型”棱角分明。
然而，很多汽车公司“另起炉灶”，换以其他的方法进行分类。比如说宝马，如下图，他们的分类是依据汽车产品名中的“数字”进行分类（1,3,5,7等等）
有时候，公司独有的分类方法更起效，因为没人比他们更了解自己的产品 (图像来源: BMW)
适合归适合，但是这种独有的分类方法可能会导致可用性问题。宝马车型众人皆知，而且他们的“数字分类法”本质上是“汽车大小”，或多或少能从小到大，依次联系到、紧凑型、轿车型、豪华型等等。可如果用户对宝马车型不是那么熟悉，那就麻烦了，宝马网站的导航方式很可能会让用户感到困惑。
下一个例子可能不是那么的直白。欧宝汽车，欧宝汽车的产品分类主要根据内部命名来进行分类。
内部的人看得懂，用户可不一定看得懂(图像来源 Opel)
主要问题就在于，产品线的划分不明晰。并没有在实质上提供啊用户的导航效率。用户无法高效的过滤信息，也无法更好的理解产品。
公司内部思维、设计师思维，需要一个转换过程，转换成用户能够理解的思维，由内到外。
如果按照公司车型代号的方法，大众官网肯定要按“捷达”、“帕萨特”、“途锐”的方式来进行分类，这样用户浏览起来就可能一头雾水。但是大众公司能够思维转换。采用了更容易理解的关键词“紧凑型”、“SUV”、“轿车型”、“敞篷车”
这样用户便能明晰的了解大众的产品线
使用众人皆知的关键词，对公司产品进行分类，能够方便用户进行导航(图像来源: Volkswagen)
作为信息架构师，责任便是梳理内容，让内容通俗易懂。
3.解释导航选项
想要对网站进行信息架构，第一步便是参考用户需求，完成导航分类，根据用户需求分类，会减少很多不必要的麻烦。但是如果用户无法理解首页的关键词分类，那么就麻烦了！形象的比喻，导航分类好比网站的血管，精致的结合，铺垫成网站的整体框架。
其实，给予用户的信息，够用就好，能够在最大程度上，帮助用户理解脉络就好。
过多，可能会让用户感到复杂，感到烦，也会让界面变得臃肿不堪，减缓导航速度。
过少，用户会对网站内容感到失望，认为网站含金量不高。
设计师一般采用以下三种方法来解释导航选项：
采用何种方法，要考虑到目标用户的需求。
3.1 标签导航
如果你采用的标签，用户非常熟悉，那么仅仅采用标签即可。便不必使用图片和摘要来解释说明了。比如电商网站的导航标签“长裤”、“短裤”、“T恤”、“夹克”
标签导航往往用来展示那些用户非常熟悉的分类 (图像来源 Rock Revival)
我们建议使用短小精悍，归纳能力强的词语来作为比标签，既能保证简洁，又能保证明晰。如果目标用户足够专业，一些缩略语和术语也可以使用，比如说UI & UX，从业人员会非常熟悉。
怎么组织导航？很多大公司的网站都坚持采用水平导航，来呈递最关键的分类标签。而垂直导航用来作为“有上下文依据”的导航，主要用来进行子页面的导航。不过这种导航方式可能会导致标签重复，比如说下面的Bath大学网站，水平导航中有“Research”这个标签，垂直导航中也有这个标签。
水平大层级标签分类配合垂直子层级标签分类，可能会导致标签重复(图像来源: University of Bath)
这可能会混淆用户，让人感觉模糊不清。
怎么解决这个问题？其实解决标签命名即可
水平导航的“Research”代表着整个大学的研究
而这个子页面是建筑学院的页面“Research”应该改为“Architecture Research”,代表建筑学研究
而About US应该改成“About this Department”关于建筑学院。
另外一种解决办法便是，给予标签数字，来标注其中内含的内容量。
在一些菜单中，内容的数量和标签一同显示（图像来源: BJ’s)
这些数量值能应用到动态过滤中。
在很多带有动态过滤的界面中，会显示物品数量（图像来源: eBay)
有的用户喜欢看这些数量值，进而评估内容丰富度。大家肯定觉得“多多益善”
人对数字很敏感，如果能够提供准确的数字，用户会觉得内容丰富，包罗万象，数字能够说服用户进行浏览 (图像来源: O’Reilly)
当然，如果你的网站内容不多，那么还是不要采用这种数字法。
有些情况下，用户对信息高度需求，即便数量不多，他也要全部预览，这种情况下，就不要使用数字法来展现分类，这回降低用户的浏览速度，同时让界面显得复杂。
某些特定的情况下，数字会干扰用户阅读(图像来源: Digistore, Ministry of Education, New Zealand)
动态过滤也要遵循同样的道理。用户选择分类、筛选信息，是基于“量”？
（比如说购买衣服，用户暂时没什么想法，只是想大致看看）如果是这样的话，那么就向他们展示数字。如果用户意图很明显，就是想要找某一类信息，即便内容少，他们也要看，那么就去掉这些数字。
另外，数字的作用在于，让用户更直观的了解动态过滤结果，能够知晓：过滤后剩下的内容量。这非常重要。
有时候标签中会加入图标。当为了提高视觉和辨识度度，我们便要采用图标，挺有用的。图标能够让流程更简单，能够帮助区分不同选项。下图中，我移除了导航菜单的图标，请各位观察一下。虽然用户依然能够辨别出分类分出的是“汽车”、“摩托车”“卡车”等，但是还是需要阅读。
某些情况下，仅仅文字标签就够了，不过用户需要花时间去阅读、处理
然而，把图标放在标签上，能够方便用户快速阅读，提高关键词彼此之间的辨识度。
图标更易读、更容易辨识(图像来源: Mobile.de)
如果单单只有图标可能会让人感到混淆，如果只有图标的话。即便是用户非常熟悉的图标，用户也要琢磨一阵，先想出这个图标所代表的的所有含义，然后根据上下文，进行含义筛选，这样阅读效率就降低了。
因此，图标和文字标签的有效集合，能够提高导航速度。
3.2 标签+图片
图标毕竟是一种简化的浮华，有些情况下，单单是图标，不能很好的起到解释说明的作用。这时候图片就需要出马了我们先来看看下图，导航菜单中仅仅有干干巴巴的文本，可用性不高。
品牌名最好结合图像，用以阐释说明(图像来源: Subaru)
你光介绍车型，你不给我看车什么样，谁知道你各种名词代表的是什么汽车？看看更好的解决方案！文字标签+图片
标签+图片，能够解释一些用户不熟悉的产品 (I图像来源: Mazda)
图标能够诠释一类产品，但是无法诠释出某些“特别”的产品，比方说苹果的Macbook Pro，我想各位心中的笔记本不管分几类，Macbook Pro肯定自成一类吧？
解释产品分类并不简单，一些菜单中，使用图标做产品分类。
在一些菜单中，图标可以用来解释分类(图像来源: Flipkart)
而有些菜单中，产品实际图像效果更佳。
在一些菜单中，会使用实际图像来解释分类。(图像来源: Target)
各有利弊，产品分类，大多数情况下，图标效果较好，一款优秀的图标能够很好的解释某一类产品。
实际图像也能解释，但是用户可能会问“为什么手机类产品分类，你非要放一个三星Note 3，苹果的iPhone不是比三星更有代表性吗？”
或者，用户会感到困惑“我想要找的是手机类产品资料，你放个Note 3，意思是你们只提供Note 3的信息？”
图像能够勾勒出产品的细节，可以用来诠释特定产品。而图标能够简明的阐述产品精要，更适合用来阐述一些“大类”
图标可不简单，好的图标，简单明了，寥寥几笔就能让人感觉专业。而且辨识度要高，不能让用户感到混淆。
所以说，尽管图标非常适用于产品分类，但如果你对你的图标功底不自信，那么还是用图片吧。
3.3文字标签+图像+摘要
有些情况下，标签+图片也不能有效的解释产品。比如说银行、保险、股票类公司的产品，这时候就需要摘要了。
诠释复杂的产品，需要文字+图片+摘要(图像来源: Naspa)
文章的标题有时可用作为文字表情，有时不能，需要具体对待。
很多用户体验设计师认为最好是“标题+关键信息，越短越好”（front-loading headlines with key information and keeping them as short as possible.）
标题要短，如果标题过长，缩短标题，同时附带简明信息。 (图像来源: BBC)
第一个问题便是，要不要加摘要，怎么写摘要，上图罗列的文字是BBC的5篇文章的标题，但是我移除了摘要。你看没有摘要，感觉非常冗长，让人感到不耐烦。
摘要中所包含的的信息，不能和标题中包含的信息重复(图像来源: BBC)
如果标题中包含了关键信息，那么就没有必要加入摘要了。这种情况下，用户只需要阅读标题，便能筛选信息。
如果仅仅是短评，短的文章，那么仅仅标题就足够了，如果是长篇大论，那么最好配图+摘要。
下图中的标题非常“标题党”，标题比内容本身更有吸引力，配图，配摘要，这就是一则很让人想读的内容。
标签，图像，摘要结合，能够很好的解释深度长文。(图像来源: World)
这种模式：标题做吸引访问的聚焦点，摘要诠释文章内容，图片定下全文基调。摘要，可以看做是对全文的通篇式观察。
最后，如果要给出建议，那么最好在标题中说明，直接切中痛处，击中要点，这样用户就能更好的理解上下文了。
标题的再加工很重要：通俗易懂，击中要害(图像来源: Baymard Institute)
标题要简明扼要，不要有多余信息。
搜索引擎开发者知道这一点：如果搜索结果不符用户预期，那么用户便不会看。起好标题，能够提高相干性以及用户点击率。摘要、图片仅仅是起到烘托上下文场景的作用。标题是重中之重，如果标题加入“必看”、“推荐阅读”这种文字，那么文章会很受欢迎。
4.总结
这便是导航设计的信息架构篇，“架构”和“标签”是可用性导航设计的基础。设计师通过上面的技巧，举一反三，能够提高用户信息过滤速度，能够更切中用户需求。同时减少用户的认知负担，这便是其对于交互的意义。
上文总结起来，其实两个词足以“架构内容”、“做标签”
架构内容
1.根据用户需求，收集并分类源数据
2.源数据分类非常重要，可以使用关键词分类，可选项分类，以及不相干分类法。重中之重是关键词分类，不管什么样的导航设计都用得到，而可选项分类大多数情况下用得到，不相干分类可以吸引无目标用户。
3.第一级导航，最好只提供关键词分类。
4.第二级导航中，如果可选项分类，没有达到一定的“量”，那么还是使用关键词分类好了。
5.当用户完成所有的关键词筛选后，向用户呈递筛选后的页面/信息 ，要符合用户的筛选路径。
6.如果关键词筛选后的信息依然过多，那么建议使用可选项分类进一步筛选。7.如果可选项分类互相排斥，那么再加一级。如果可选项分类能够结合，那么使用动态过滤。
做好标签
简化信息架构，用户交互起来体验自然极佳。在第二部分中，我们来一起讨论一下，导航菜单的设计流程应该是怎样的。
5.拓展阅读
如果想要学习更多，请点击一下链接
http://www.MartinRGB.com
234
作品
1.7w
粉丝
413
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册