济南网站建设导航简化过程分析1：信息架构

济南网站建设中，网站导航至关重要，因为它的好用与否直接决定于网站整体的用户体验，仅仅是一种手段而不是目的 – 到底是来消费内容。这就是为什么用户已经非常了解对比的内容和导航的期望。而内容应该是独特的 ，令人惊讶的和令人兴奋的，导航到它应该是简单而明确越好。

本系列文章，分为两部分，一个是四步指导，有效地简化了导航体验，通过分析内容的类型和数量以及选择和精心设计的正确类型的导航菜单。

四步理想的导航系统

要构建一个可用的导航系统，一个网站设计者必须回答四个问题，在这个特定的顺序：

我该怎么办最好的结构的内容？
我该如何最好地解释航行的选择？
其中导航菜单的类型是最适合容纳的选择？
我该如何最好地设计导航菜单？

前两个问题涉及的内容结构和标签，这是通常被称为信息架构 。信息架构师通常想象他们努力的结果在一个站点地图图 。

然而，对于将详细介绍该系列的过程中加以解释，只是提供一个网站地图，导航的理由也不会为用户提供最好的体验。设计自定义导航菜单，妥善容纳，整理并逐步揭示了他们的选择也很重要，从而使用户能够轻松查找，浏览并跳过选择。

设计这样的导航菜单可以通过回答上述第三和第四个问题，它指的是一个导航体验的交互设计来实现。前两个问题将在第一部分中，在第二条后两者加以解决。

结构化的内容

要正确地构建一个网站的内容，首先考虑用户如何寻找信息，然后在最符合这些偏好对齐的方式构建的内容。

如何用户寻找信息

当用户正在寻找的东西 – 无论是汽车，配方，金融服务，项目的服装，新闻文章，健身运动，娱乐视频或任何其他项目或一条信息 – 他们可能会或可能不知道的确切名称是什么他们正在寻找。如果我们假设用户总是知道他们在寻找什么的确切名称，那么，我们可以认为，把他们最好的办法会有为他们提供了大量的A-to-Z指数或者干脆让他们输入在搜索字段。

当然，事情并不那么简单。这将在更详细的第二部分来解释，即使用户总是知道他们在寻找什么的确切名称，两者的A到Z的索引和搜索具有固有的交互问题，使他们不足为主要或唯一指导航。此外，用户往往不知道确切名称或什至不关心的项目或名称; 相反，他们有一个关键字或功能与他们正在寻找什么。

在第一步骤中安全地引导用户到正确的内容，然后，是聚集和分类 的项目网站上的类型。

元数据作为导航系统的基础

收集关于某个项目或内容块的信息通常被称为元数据 – 即，关于信息的信息。

没有进入细节，项目可能属于不同的元数据类，一个类是否是新闻报道的政治焦点，监视器，视频的导演，衬衫的领型或难易程度的显示大小的健身运动。当然，多个项目也可以共享类，如价格，普及和出版日期。

用户可以通过这些元数据分类浏览内容。然而，正如我们将看到的，让用户浏览内容一切可能的方式是没有必要的，甚至有益。这样做会在最混乱的界面，减缓和复杂的导航过程，在最坏的情况，会混淆，轮胎和惹恼用户，他们干脆放弃了网站上的点。

仔细考虑是否以及在哪个阶段来分类展示给用户。

三种类型的元数据分类中

决定是否以及何时提出一个元数据类，将您的类别分为三组： 至关重要的，可选的，不相关的 。

信息架构的挑战是，一类为关键的，可选的或不相关的非常多的分类取决于目标受众，网站的目的和内容，甚至卷的喜好。但是，一旦你确定了一个适当的分类，一些简单的规则将帮助你决定何时显示哪些类别。

关键类别

关键类别是那些将是重要的所有目标用户。这些类别是罕见的，但似乎是每个项目至少有一个重要的范畴，它简化了设计师的工作及导航体验的用户。

确定关键类别

一小部分元数据类食谱可能是“当然”，“主要成分”，“特殊饮食”，“际”，“美食”和“烹调时间。”这些类别中，唯一的关键之一将是“课程“不是每个人都在一个特殊的饮食习惯，而不是每顿饭是一个特别的日子，但是几乎每个人在任何一天的饭菜分成开胃菜，早餐，主菜，小菜，沙拉，甜点等。

因为当然是重要的，所有的目标用户，应该提交给他们的第一类。

然而，如前所述，目标受众或网站的目的，可能会影响类别的分类，特别是在利基网站。

例如，“美食”将不相关的谁访问主流网站关于食谱的所有用户。但是，如果一个网站收集来自世界各地流行的美食最好的食谱，然后在“美食”很可能是针对目标受众的关键类别，是否除了“当然”，或替换它作为唯一的重要类别。在任何情况下，因为“美食”是网站的主要主题（而不是“课程”），第一次显示它是适当的。

安排关键类别

上述地址的例子中只有单一的重要类别。然而，一组项目可能包含多个重要类别。

就拿服装。一个重要的类别可能是服装的类型，如“衬衫”，“裤子”，“鞋子”和“毛衣”，另一个至关重要的，相互排斥的，品类是性别，“男人”和“女人”。第三可能的场合，如“休闲”，“工作”和“衣服。”我们可以有更多的重要类别，但我们会离开它。

的问题，那么，如何更好地适应和解决多个关键类别之间的潜在冲突。

首先，将所有重要的类在同一个顶层似乎是合乎逻辑的。毕竟，他们都是至关重要的。然而，相反的应该做的。重要类别是最好的实现一前一后，在随后的水平 。为了更好地理解这一点，让我们来看看下面显示的网站的信息架构。

一个水平导航栏列出的产品可从LL Bean的类型，如“家居饰品”，“狩猎和捕鱼”，“户外装备”，“鞋类”和“衣裳”。然而，设计师做了一些不同的“衣服“衣服往往陷入类别”男人“和”女人“，但不是列出的衣服在横向菜单十几类，设计师决定的关键类别用更少的值。用户只需以“男人”和“女人”，开始关闭，然后他们能看到所有的服装在下拉菜单中，允许比单杠更多可供选择的类型。

这给在信息架构略有不一致，但设计师接受了它，释放空间在单杠。解决的办法是细只要不一致并不混淆用户，这是不可能的了。然而，将类别“鞋”（这可以理解，区分鞋类之间为“男性”和“女性”）在相同的单杠是不是声音的决定。

这种解决方案的问题是，两个重要的类别已被放置在同一水平上。这两个“鞋→男士”和“男人→鞋”是直接的路径。但是，由于这两类都是至关重要的，用户还得通过两个反正。但由于它们被放置在同一水平上，用户被要求在它们之间进行选择，这有损假设两个类别是至关重要的。因此，上述路径之一可以被删除 – 可能是“鞋→男士。”

可选分类

如果有多个关键类别存在，那么项目的数量可能不是必要将其列入。如果一个网站没有十几件衣服越多，那么设计者可以简单地让用户选择是否要查看所有衣服的男性或女性，并用它做。

在许多情况下，虽然，发生相反的情况。所有重要的类都已经用尽，即使，项目丰盈仍可能留下。所以，附加类别将不得不被引入，允许用户进一步过滤的内容。这是可选的类别来发挥作用。

可选的类别是很重要的一些但不是所有的用户 。例如，两个元数据类别为“汽车”可能是“宗门”和“燃料类型。”有些人是狂热的关于燃料类型和可能不关心门的数量。其他的感觉完全相反。

优先考虑关键在选购分类

作为一项规则，可选的种类应提交用户已经度过关键类别走后。

然而，许多零售网站，例如服装和电子产品，品牌列表（可选类别）在同一水平上的产品的类型（一个重要类别）。

这种方法的问题是，如果用户选择上，也就是说，一个服装网站的一个品牌，他们可能要面对数百个项目或数千，他们仍然将不得不选择一个类型的服装，以缩小内容。所以，放置可选的种类在同一水平上至关重要类别创建冗余路径，增加了选择和杂波导航的复杂性。

提供许多过滤器也不错。但是，而不是给用户带来很多导航选项一次从一开始，有几个关键的选择首先呈现出来，然后，一旦他们已经用尽了这些，引入可选的值。

因此，在上述的例子中，从这样的高度除去品牌和具有用户仅选择一个类型的服装第一效果会更好。然后，在一个新的水平，给用户提供了选择，选择一个品牌。

动态过滤器

如前所述，关键类别应提交在随后的水平一个接一个。可选类别在同一水平上提供最好的一切。

唯一的例外是，如果可选的类别是互斥的，那么就应该在同一个菜单的关键类别下一级所示。如果可选的种类可能会被合并 ，但是，那么他们应该被实现为动态过滤器 。

在下面的截图中，注意西尔斯如何列出重要类别的面包屑，而可选的类实现为动态过滤器。

关键的和可选的类别之间的这种区别可以作如下解释。每个类是一个过滤器，可用的内容，而动态筛选器是动态的，因为它们允许用户选择和改变对飞多个值。相反，在一个传统的，等级为基础的导航系统，用户将不得不从一个级别移动到下一个选择一个值。如果类别是至关重要的，那么这将不会是一个问题，如图所示。但随着可选类别，情况就不同了。

当用户正在寻找一个衬衫，许多可选的元数据类可以起到一定的作用：“品牌”，“领型”，“袖长”，“布”，“模式”，“口袋”，“打折”，“价格“，”等级“，”人气“等。确切地知道它的这些许多类别给定的用户会感兴趣的是困难的。有人可能有兴趣没有，几个或全部。

而不是通过所有可选类别，此起彼伏，发送用户，无论他们是否有兴趣在他们来说，设计人员可以提供在同一水平上的动态，可选的过滤器列表。因此，用户将能够只选择自己喜欢的类别。

相比之下，考虑如下所示的网站，这并不区分作为显然非常重要和可选类别之间。相反，它实现了所有类别的动态过滤器，包括关键类别。

这种缺乏区别导致了几个问题。第一，它占用的垂直空间以及推压其他可选的过滤器下，要求用户滚动更频繁查看和改变的值。

其次，动态过滤器被称为“重金属”小工具：它是强大的，但在资源猪。每当用户选择一个单一的值，结果列表刷新相匹配。这是有意义的，用于提供反馈，但它不会使任何相互作用更快。相同的结果可以简单地通过让用户从传统的菜单中选择相同的关键值，更快地实现。

事实上，耐克的设计师们提供了这样一个菜单，让我们来测试这个假设，并在同一界面内两个互动模型的速度和效率进行比较。

相互排斥的类别

动态过滤器是必要的，只有当任选的类别有可能进行组合。如果可选的类别是互斥的 ，那么就应该在主导航菜单的下一级实施。

在下面的截图中，每日快报要求用户在第一个层面一个至关重要的问题：挑的新闻话题，如“金融”，“娱乐”或“生活方式”然后，选择部分的主页上，网友给出的关于该主题的最新消息摘要。检查三个或四个最新的文章都是许多用户想要做的。对于那些谁想要钻研某个特定主题，小节下面列出的第一级。

上面的小节可以看作是相互排斥的，因为一个娱乐项目，通常释放无论是作为一本书或一部电影或电视节目等，当然，组合是可能的; 一本书可以被拍成电影或舞台剧。不过，如果用户可能希望看到一个摘要符合这些组合？如果是这样，那么动态筛选意义。

请注意，这个问题的答案将取决于项目的类型而不是项目的数量和多样性上，以及目标受众的特殊利益少。

例如，用户可能不会找一个早餐食谱，是中国和低脂肪和圣诞主题。相反，他们会找一个早餐，要么是中国或低脂或圣诞节为主题。所以，选购的食谱分类是不太可能，一般要结合起来。但是，如果一个网站有成千上万的食谱和目标受众有非常特殊的喜好，然后让他们更强大的动态过滤器将是有益的。

最后，考虑的元数据类的第三组。

不相干的分类

不相干的类别是分类由无目标用户很可能要浏览的内容。然而，这些分类并不是无关紧要的整体用户体验。

两个元数据类的文章的集合可能是“字数统计”和“图像数量。”如果这些类别被实现为列在数据库中，内容策略可以审查这些类别的值并得出结论，大多数文章都太长缺乏图像，这可能是一个原因，很多用户放弃了网站，他们读完的文章之前。内容策略可以再讨论这个问题与设计师或客户端，这可能导致改进的内容。然而，虽然这些类别可能产生有价值的信息，为设计师，用户很可能不希望由“字数统计”，或浏览文章“图像数量。”

总之，不相关的类不应该出现在网站上。他们会被忽略，将杂乱的界面，甚至可能会使用户感到困惑。项目的绝对数量，不过，可以把一个不相干的类插入可选的。

例如，“字数统计”通常会是一个不相关的类通过它来浏览文章。但下图所示的网页多年来，设计者认为有必要增加文章的长度作为用户可选的方式来过滤内容积累了那么多文章。

上面说的食谱展示或服装的网站是适合解释优先类别的精妙之处和重要性，因为它们通常需要很多的元数据类。但他们没有示出了一个问题，即大多数设计者必须面对在某些时候，在设计一个公司时尤其如此。

公司产品分类

大多数食谱网站收集食谱乱，然后离开它的设计师对它们进行分类。但企业往往有分类的产品自己内部的方式。这可能会导致相互冲突的需求。

首先考虑的关键元数据类汽车。你将不得不根据大小或生活方式类别，其值如“紧凑型”，“货车”，“跑车”，“轿车”，“轿车”等。这个类是至关重要的，因为每一个类型的车迎合了特定的生活方式，一个是重要的，几乎每个人谁驾驶汽车。紧凑型，例如，小，价格便宜，易于驾驶，方便在城市公园。马车有很大的后备箱空间，非常适合家庭。跑车迎合了另一种截然不同的生活方式。等等。

然而，许多汽车公司的分类模型以自己的方式。宝马，如下图，如下一些基础的分类方案（1，3，5，7，等等）。

当一个公司的内部分类方案可能会导致可用性问题，宝马的计划实际上使信息架构更实用。尽管是企业，该计划是颇有名气的普通大众，并在逻辑上根据车的大小数字的进步，或多或少与汽车的契约，轿车，豪华轿车等分类在这种情况下的共同计划路线，任何东西比该公司的分类等可能会疏远，而不是帮助用户。

下一个例子是没有那么简单。欧宝同样根据其自己的内部命名约定列出的车型。

问题是，这种产品线的结构不明确，而且它不是由一个事实，即用户必须与滑块进行交互以查看所有的机型（尽管这个问题涉及到更多的交互）变得更加容易。用户有没有简单的方法来了解产品是如何相互关联的，因此，有没有简单的方法，根据喜好来过滤它们。

如果分类计划并没有为用户很好地工作，然后一个熟悉的外部必须优先于内部之一。

请注意，大众汽车（下）如何拥有自己的命名和分类车型的道：“捷达”，“帕萨特”，“途锐”等，但该公司优先考虑在其企业一个共同的外部分类方案。其结果是一个菜单，很容易理解，并且能够让用户专注于的阵容是他们感兴趣的部分

当然，客户端可能不喜欢看到自己的企业分类方案退居次席。然而，由于谁被聘用，使网站方便对内容的信息架构师，你是负责这个必要传达给客户。

解释导航选项

根据用户偏好，构建了导航选项是在简化网站的信息架构的重要一步。但是，如果用户无法理解他们摆在首位的选项，那么即使是最复杂的结构将是徒劳的。所以，花点时间考虑如何最好地解释了导航选项。

让用户只需尽可能多的信息，因为他们需要了解他们的选择。再说了累人他们，弄乱界面和导航放缓，甚至放弃的地步风险。

不要给他们的信息太少要么。如果用户纷纷猜测其中的链接指向，然后在那里他们最终都失望了，他们很快就会失去信心接口和离开该网站。

设计人员可以从三种方式中选择来解释导航选项：

标签;
标签和图片;
标签，图片和说明。

要选择正确的方法，评估的标签有多熟悉到目标受众。

然而，有时候，独自一个术语可能是明确的，但在它出现的上下文使它暧昧。大型组织的许多济南网站建设都含有持久性水平导航指向该组织的主要工作方面以及上下文敏感的垂直导航指向的子部门。这可能会导致重复的标签。巴斯大学（如下图），包括在顶部全球水平菜单，并在左边的窄的垂直菜单标签“研究”。

虽然这可能会使用户感到困惑，精心的设计将避免歧义。在上面的截图中，菜单标题“探索部”是一个很好的提示，它下面的“研究”的标签是指部门，不要把大学作为一个整体。要绝对确保，我们可以从“关于我们”加长的标签，比方说，“关于这处”。

另一种方式给标签的上下文是通过添加数字，说明有多少项目是在一个给定的类别。

这些数字经常被列为动态筛选值。

过滤器

虽然很多用户喜欢看到这样的数字，仔细考虑时，实际上显示它们。例如，猜测有多少内容的网站刚刚通过查看主页通常是困难的。因此，明确显示多少已经能笼络用户，因为他们会认为，“当然，这个网站有我的东西。”

当然，你可能不希望透露这样一个数字，如果你的网站没有多少内容呢。

同样，当用户浏览类别，并拥有一定的话题，他们会想探索相关的类别，即使它有几个项目，即使一个不太相关的类别包含多个项目。如果有的话，在这一点上显示的数字会减慢浏览和杂乱的接口。

这同样适用于动态过滤器。将用户选择，根据它所包含的项目数类别？如果是这样，那么显示的数字是有意义的。如果没有，那么唯一的一种反馈，你应该给是灰色或移除具有零项的值。

否则，一旦用户已选择了类别，显示该类别中的项目数，或者在动态过滤器的情况下，显示符合所选择的值的项数是有用的信息。

图标是另一种类型，有时附加到标签的元素。当好制作和辨认，他们可以是一个非常有益的补充。而没有必要解释的使用者的选项，图标可以更容易地处理和选项之间进行区分。在下面的截图中，我已经删除的菜单项的图标。注意标签如何仍不足以解释的选项。每个人都知道什么是“车”，“房车”，“摩托车”和“卡车”是。

然而，把图标旁边的标签使得它更容易为用户识别和选项之间区别。

单独的图标会引起混乱，虽然。即使一个图标是熟悉的，用户可能会不确定它代表了一个特定的上下文中。

标签和图片

标签和图标的工作以及熟悉的物品。对于不太常见的，图像是必需的。考虑品牌。在下面的截图中，车模被表示为在菜单纯文本。

不过，我不知道什么是“三角地”或“遗产”是。因此，该标签是不够的，帮助我决定去探索何种产品。标签与图片，如下图所示，是一个更好的解决方案。

当使用图片或图标的导航菜单是一个有趣的问题。显然，解释一个非常具体的项目，如“13英寸MacBook Pro”或“三星Galaxy注3，”无非是产品的实际画面会做。

解释一个产品类别不是那么简单。在某些菜单中，该类别的图标解释。

在其他菜单，这些相同的类别与实际产品的图片在这些类别的解释。
对于产品类别，图标比图片更合适。一个精心绘制的图标使得菜单看起来比一个产品的回收利用画面更专业。

此外，使用一个实际产品的图片来表示一个类可以提出问题的用户中，下意识的。 “为什么这个特定的产品代表这一类？”“这是他们最好的吗？”“难道产品中心范围内对这种特殊类型的项目？”“如果我不是在寻找这样的项目，那么这是没有一个很好的网站给我吗？“这些疑虑将得到加强，如果他们在一个类中看到的第一个项目是非常相似的，他们在菜单里看到的那个。一个图标，通过对比，简单地传达了一个类别包含某种产品，仅此而已，无所不及。

带图标的伎俩，不过，是他们必须有一定的标准。一个图标可以很容易地看外行，如果不抽好。而如果它是不容易辨认，它甚至可以迷惑用户。所以，虽然图标更适合的产品类别，如果你不相信，你可以使他们的专业和识别，那么你最好有图片。

标签和图片说明

有时候，甚至标签和图片都不足以解释产品。与复杂的解决方案，如银行，保险经纪和ISP服务商，往往给自己的产品，如“50加”和名称“的围棋网站。”的一对夫妇说给代理的大型图片或一个女孩在她的谈话智能手机可能还不够，表明正在提供的服务。对于这样的产品，一对夫妇线和一个标签和图片的说明是最有帮助的。

文章的标题和标题是不同的一种标签，可能会或可能不会要求随附的图像和描述。

许多作者认为前装头条新闻的关键信息，并保持他们尽可能短。

虽然上面的标题是简短，重点突出，这种写作风格都有其风险，并不适用于每一个网站。

第一个问题是，是否以及如何编写描述。 BBC的头条新闻实际上是伴随着说明，但我在图片中删除它们上面隔离的头条新闻。下面这个镜头恢复描述，你会发现基本上都是头条新闻的详细rewordings，而基本上不新信息。

如果标题应该与关键信息进行包装，因为它们上面，然后说明将不再需要。如果有的话，用户会阅读他们，因为他们可能一样好读只有标题后已经浏览到一篇文章被拖慢。

然而，显示标题单独或写在标题的风格并不总是最好的，甚至为宜。如果文章仅仅是对一个事件的一个简短的新闻报道，然后是标题，如BBC的是一个不错的选择。但是，如果一篇文章进入更详细，那么一个标题，图片和描述可以更有效，更具趣味性。

在下面的截图中的标题是比信息更吸引人，而关键的信息传递中的下面几行。还有，图像已被添加到设定该物品的色调。

了解是什么这篇文章是关于从片段并不难。此外，通过使用标题作为有效注意力抓取和描述，以解释的文章和图片来设置色调，整个片断给出了作者多室不仅通知用户更传达的角度的文章。

最后，考虑建议经常给有关头条新闻，这是写他们，使他们很容易理解网站的内容之外。毕竟，一个标题可以出现在搜索引擎的结果，在社交媒体和其他物品。一些作者甚至走这么远，制定公式用于此目的。

只是要小心不要添加上下文的标题时创建的冗余信息。

上图中的标题并没有提供足够的信息，因为网站是关于网页设计，和多列布局可以在主页，菜单，文章和更公正的形式发挥作用，不是。所以，“表格字段可用性”主要是增加了原始网站内环境。写作之外的上下文并不总是必要的，但是，因为其他人谁参阅标题会急于提供自己的背景。

搜索引擎的开发人员都知道，用户最终会抛弃他们，如果搜索结果不符合用户的期望。因此，他们不断提高他们的结果的相关性和成功率的工作，无论是通过添加丰富的片段，图像或预览或简单地通过提高他们的算法 – 也就是说，通过添加上下文。同样，如果一个标题是出现另一篇文章的“推荐阅读”部分中，该文章将提供必要的背景。最后，在社会化媒体，由一个人或品牌，有人通过共享的标题是不太可能被视为模棱两可。

在琛

信息架构 – 也就是说，内容的结构和标签 – 是使用导航的基础。设计人员可以通过的方式，自然地变窄，补充了目标受众的导航选项，以及通过解释，最大限度地减少对用户的认知负荷的方式这些选项的内容构建有效简化网站的信息架构。

本文中给出的建议可以概括为以下两个列表，细分为“内容结构”和“标签的项目。”

结构化内容

收集和分类你希望用户导航到项目的类型的元数据。
集团的元数据类别为关键的，可选的或不相关的。关键类别是重要的是，可选的种类是很重要的部分，和不相关的类别是重要的，没有目标用户。
目前只有一个关键的类，用它的价值观，在第一级。
如果在第二级上的项目不超过一定量时，则附加的类别是没有必要的。否则，提供下一个关键类别，一个接一个，在每个后续级别。
用尽所有重要类别后，提出了一个页面，其中列出用户选择匹配到该点的所有项目。
如果其余项目仍超过一定量时，再出示可选类别所有在同一水平上。
如果可选的类别是互斥的，实现它们在一个级别。如果可选的种类有可能进行组合，它们实现为动态过滤器。

贴标项目

如果标签的产品熟悉，它会自己就够了。标签保持尽可能的短，在不牺牲清晰度。目前在主页和分类页面上的项目总数，而不是在两者之间。考虑图标，同样，这使得它更容易处理和选项之间进行区分。
如果标签不熟悉，可以考虑添加图片。用图示来解释类别，但只有在图标以及绘制和识别。否则，使用的图片。
对于复杂的服务和产品，可以考虑添加图片和描述标签。该说明应真正提供新的信息，而不仅仅是改写标签。此外，要注意不要添加上下文的标题时创建的冗余信息。

一旦你已经简化了架构，用户应该能够与选择，以满足他们的互动。因此，你还必须设计出适应的选择，这使得互动舒适的导航菜单。设计导航菜单的过程将在本系列的第二部分进行讨论。