信息架构与导航的关系（导航系统发展史）

本文目录一览：

• 1、电子商务网站链接与导航的设计原则是什么
• 2、如何设计网站导航系统？
• 3、好设计不简单：100个网站架构的实用要点 第一章：什么是信息架构
• 4、怎样理解信息架构呢？
• 5、产品经理怎样设计导航的信息架构
• 6、如何撰写页面信息层级架构

电子商务网站链接与导航的设计原则是什么

在设计电商网站的导航之前，事先应该对网站整体的内容有一个全面的了解，并且将网站内容进行归类。

　　电子商务网站链接与导航的设计原则如下：

清晰的表达出店铺的功能；

总导航的内容无论在体验还是视觉上都要吸引眼球等原则。

如何设计网站导航系统？

导航模式

网站的导航如何设计，在设计网站导航时首先应该明确用户的浏览习惯，根据用户的浏览习惯，首先会先大概地扫视一遍页面，其次则会开始寻找导航栏，快速从导航栏上找到主要信息，引导用户寻找网站对他有用的信息。一般来说左边的权重要比右边的权重要高一些。

网站的导航信息应该明确，，设计一个有魅力的导航还能留住用户浏览更多的内容信息，带给用户良好的体验。在网站导航设计上应该主要关注一下几点：导航的模式常见的导航模式有很多，例如顶部水平横栏式，垂直导航栏，侧边固定式，滑出或者弹出窗口导航等，通常网站是根据所要展示的内容要点来选择不同的导航。如果网站的内容较少，在网站导航上可以选取水平式导航，这样既可以重点内容而且简单清晰，网站内容较多的时候可以选择抽屉式的导航，用户在浏览网站时各种信息都很明确。如果网站的显示页过长，比较试用的是垂直式导航，方便用户在浏览内容时导 航信息始终保持在一个位置可以被快速找到。

导航内容

网站的导航应该是对整个网站想要展示的信息总结，导航的信息要与详细页面符合，标题的总结要精简，注意网站小内容最好不要以导航的总标题形式出现，可通过细分的下拉菜单，或者以更多形式的小菜单栏里出现。

导航细节

在导航设计时可以设置一个“回到顶部” 的标志，以便用户快速到达头部的导航位置。这样对于网站内容较多用户下滚的内容过长时就可以快速的回到顶部了。

导航创意

我们都喜欢新的东西，在看惯了千篇一律的导航形式如果能给导航加点创意，那么肯定会非常吸引人眼球。

网站的导航在网站设计中有着举足轻重的地位，好的网站导航是成功的一半，所以在网站的导航设置上更加注意。

好设计不简单：100个网站架构的实用要点 第一章：什么是信息架构

信息架构定义为:“组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求的一门艺术和科学。”，包括调查、分析、设计和执行过程，它涉及到组织系统、导航系统、搜索系统和标签系统的设计，目的是帮助人们成功地发现和管理信息。

从对信息的处理结果看，要达到信息的清晰化和信息可理解两个目标；从用户的使用结果看，要达到网站信息有用性、可用性强和使用者具有良好的用户体验两个目标。

怎样理解信息架构呢？

1选择信息元数据这一步目的对网站信息进行分解，结合网站的定位找到某一个层次的元数据，比如微博的元数据是140字+图片。一般来讲信息粒度越细，得到的元数据越容易组织、传播。但并不是信息粒度越细就越好，不同的元数据会产生不同的定位。比如：last.fm的元数据是歌手，而不是歌曲，所以网站的功能是围绕歌手优先设计，而不是歌曲，比如专辑优先，这是last.fm独特的定位。2组织元数据一个良好的信息组织方式,可以让用户容易获取信息，促进信息的传播。元数据的组织维度主要有：时间、地点、人物、兴趣。兴趣又细分为1.主题,比如微博上的热门话题，豆瓣上的小组2.文化属性,比如蘑菇街上面的小清新、少女风。组织的维度主要是从元数据以及与元数据相关的用户角色的属性来细分。细分出不同的组织维度后，根据产品定位，采取不同的权重对各个维度进行设计。比如早期知乎的timeline是从话题维度组织，现在则是从人的维度组织，话题维度的权重降到第二级。又比如为什么pinterest信息的组织里面有board，而instagram里面没有呢？因为pinterest的核心是收藏，而instagram的核心是高质量的摄影作品，鼓励创作而不是收藏。3传播大概有下面几个方式a个人主页，依靠用户关注信息，在通过用户之间关系来传播。比如微博用户转发评论别人的微博.b相关推荐，根据用户的行为，推荐用户可能感兴趣的信息，比如热门推荐，亚马逊的推荐.c列表，建立优质信息的列表，传播网站的优质信息，比如豆瓣的豆列，pinterest的board.。d群组，用于聚集、沉淀和传播内容，比如豆瓣小组.f分享，让用户分享信息到社交网络，借助其他网站传播，比如啪啪通过微博注册、分享、传播.除了这些信息架构还包括导航、搜索、信息层次设计等。

产品经理怎样设计导航的信息架构

正确得结构化一个网站的内容，首先要考虑的是用户搜索信息的方式，然后按照这些偏好来结构化内容。

用户是如何寻找信息的呢?

当一个用户正在寻找——车辆、食谱、金融服务、服装类目、新闻文章、健身锻炼、娱乐食谱或是任何其他物品或信息时——他们可能知道或不知道他们正在寻找的物品的确切名字。如果我们假设用户总是知道他所要搜查的事物的准确名称，那么我们需要提供大型的完整索引(从A到Z)或是简单地让他们在搜索框中输入，以此来让他们找到所要的事物。当然，事情往往不是这么简单的。更详细的解释在第二部分展示。

即使用户知道他们要找的事物的名称，从A到Z的完整索引和搜索框存在固有的交互问题，让它们作为导航主要或唯一的方式是不足够的。此外，用户通常是不知道所搜事物的准确名称的，他们甚至不关心类目或物品的名称;相反，他们在搜索时会有一个和所寻事物相关的关键词。

指导用户到达正确内容是第一步，接着，在网站上区分内容的类别。

如何撰写页面信息层级架构

产品经理在撰写PRD的时候经常遇到的一个问题是页面信息的层级。通常我们知道的有页面的提示信息、内容信息、导航信息、广告信息等。对于这些信息的重要性一般是依据商业的意图进行某些考虑；然后，我们发现我们的信息和组织非常的混乱而且撰写时条理性也不是很强。

我一般把一个页面内容置入在一个三维坐标中：

进行考虑。当然，有很多页面没有这样的要求，例如：大量的列表页面。

首先，设计任何一个页面都是为了让用户完成某个任务，哪怕是阅读和浏览行为；其次是要告诉用户你在哪里，你还能够去哪里或者做什么；再次，是商业诉求。

不过国内的大量行为是首先考虑商业诉求，及为了某个特定的商业行为要对页面进行调整或者创建，然后才是用户的任务，最后是导航。在信息架构部分我将特别的提到导航的意义，另外可以参考《Designing Web Navigation Optimizing the User Experience》。

基于以上的页面考虑要素的三要素，页面的提示信息层次是：

在用户完成的任务层面我会考虑这样几个层次的内容：

来考虑。例如淘宝的注册页面：

黄色荧光效果的区域是基本信息，基本提示主要标注用户完成工作所必需的文字内容；粉红色荧光效果展示的是提示信息，提示信息包含操作内容指导提示和执行过程提示，错误提示是执行过程提示由于其特殊性单列了处理，提示信息一般是辅助基本信息来完成对基本信息要求任务的说明，提示信息不排除有某些商业和市场行为在其中，这里的“雅虎邮箱”就是一个例子。

绿色框圈起来的是错误提示信息；错误提示信息的形式可以是文字、颜色和小图标，或者三者的混合物。

另外，这有一类特殊的提示，是系统执行错误或者访问连接出现问题等的网站异常容错的提示，例如：404错误提示等。这一类页面是要最后考虑，有开发工程师和产品经理共同完成。

关于商业诉求的信息表述和导航的信息表述待续。