陈童的博客's Archivers

From everyinch on 2014-01-06 10:28:39

信息架构详解

这部分以更具体的观点来介绍信息机构，这样应该可以在看见信息架构时，就能够将它辨认出来。

展现信息架构

为了信息架构可视化很重要？这是因为这个领域相当新，而且多数人只相信眼见为实。再有就是这个领域相当抽象，学多人也许可以在观念上了解信息架构，但是，除非亲眼看见，而且亲身体验过，否则，是没有感觉的。
让我们先从某个网站的首页看起，下图是位于美国明尼苏达州圣彼得堡市Gustavus Adolphus大学的主页。
<img src="http://www.everyinch.net/wp-content/uploads/2014/01/gustavus_1_s.jpg" alt="gustavus_1_s" width="450" height="575" class="alignnone size-full wp-image-4209" />
组织系统：以各种方式为我们展示信息，诸如属于整个校园（例如顶端的横条，包括Calendar Athletics等选项）或者特定用户群（I am a...）的内容分类。
导航系统：协助用户在内容上移动，注入A-Z Directory以及Go Quickly To...。
搜索系统：可以让用户搜索内容。
标签系统：使用对用户来说有意义的语言描述分类目录、选项以及链接
<img src="http://www.everyinch.net/wp-content/uploads/2014/01/gustavus_2_s.jpg" alt="gustavus_2_s" width="450" height="513" class="alignnone size-full wp-image-4208" />
具体而言，Gustavus主页上的做法是预先猜想用户的主要信息需求，注入“怎样找到入学申请的信息？”，或者“校园这星期发生了什么事？”网站的信息架构师很努力地把最常见的问题确认出来，然后设计这个网站的来满足这些需求。我们称之为自上而下的信息架构，Gustavus主页解决血多自上而下的问题，当用户浏览网站时，通常就是要找出这类问题的答案，其中有：
1. 这是哪里？
2. 我知道我要找什么，我该怎么找？
3. 我怎么逛这个网站？
4. 这个机构的重要性和独特性何在？
5. 网站是上有什么？
6. 发生了什么新鲜事？
7. 他们想要我发表对网站的意见吗？
8. 我怎么和他人联络？
9. 地址在哪里？
<img src="http://www.everyinch.net/wp-content/uploads/2014/01/gustavus_3_s.jpg" alt="gustavus_3_s" width="450" height="523" class="alignnone size-full wp-image-4207" />
下图是另一个例子，是某个用户在del.icio.us（社会化书签服务）网站上共享用户体验有关的网页。
<img src="http://www.everyinch.net/wp-content/uploads/2014/01/del_icio_us_1_s.jpg" alt="del_icio_us_1_s" width="450" height="268" class="alignnone size-full wp-image-4210" />
除了信息架构和内容之外，没有其他东西。事实上，因为内容只是一些链接，是指向其它网页的书签。因此，信息架构就是大量的网页。架构为内容提供了情景，让我们知道当我们在这里时可以做什么事。


信息架构组件



浏览帮手



搜索帮手



内容和任务



隐藏的组件

查看完整版本： 信息架构详解

Tags:


©陈童的博客