SlideShare una empresa de Scribd logo
1 de 24
如何设计信息架构

• 一、概念
• 二、信息架构设计的思考方式
• 三、分阶段的方式建立有效的信息架构
• 四、设计过程中的产品
• 五、设计过程中的副产品
一、概念
数据知识转化说

•   数据是什么?
•   知识是什么?
•   信息架构的本质是什么?
•   信息架构三步走
信息架构在网站建设当中的应用

• 内容分类,导航交互;
• 谁是建设网站时最可爱的人?
• 皇帝的新装-
    有就像没有一样?
    对用户透明的特性
二、信息架构设计的思考方式
1. 自上而下

• 在定义网站的整体结构前,先广泛了解商业意
  图和用户需求,最后来才考虑具体内容之间的
  关联。
2. 自下而上,

• 先理解内容的联系,通过遍历,剧情设计等手
  段,让该系统能够满足特殊用户的需求,然后
  才考虑更高层次的结构需要支持这些需求。
三、分阶段的方式建立有效的信息架
构
• 1. 理解客户需求,背景和用户需求,阅读所
  有的现有文件,与利益群体作沟通,并且做
  出内容清单。
• 2. 引导测试用户参与卡片分类活动。
• 3. 通过卡型分类活动评估之前设计的分类,
  从中寻找分类的趋势。
     合理划分类别的重点和相关的次序,通过
  分析找到工作流程的梳理过程。
• 4. 做一个信息架构的草案出来。
• 5. 使用卡片评估的方式来测试设计出来的架
  构。我们的卡片是每个流程的重点,信息架
  构草图是流程的框架,两者结合验证工作的
  重点是否有偏离;有计划还可以请相关人员
  进行可用性测试,对用户角色调研起到很重
  要的补充;
6. 不要对第一次设计就成功带有过多的期望,寻找合适的措辞和分
级可能会需要好几次重复的设计与评估。
可以分三次考虑,
首先,初稿,了解信息架构的粗框架,类似与UML图示;
再次,从下到上的梳理用户的需求和流程的衔接
最后,从上到下,整理导航和系统使用框架,确定信息架构;
• 7. 把信息架构记录成网站的地图,当然这不是最终
  的网站地图,只有页面设计都完成以后,网站地图才
  会定稿。
• 8. 使用剧情设计测试你的网站设计。(情景模拟)
• 9. 让开发团队的其他成员也参与剧情设计和遍历,
  并且与他们分享测试的结果。
10. 如果有可以,在进行正式开发之前,多做一些纸面原
形或者低拟真原形的测试。通过VISIO制作DEMO
• 11. 建立一些文档,把关键的用户操作点都标注
  起来,这样可以给视觉设计和程序开发人员一些
  提示,保持开发能够充分利用前期设计的结果。
有很多方法来记录信息架构设计的结果和收获,这里有几种常用的:

四、设计过程中的产品
网站地图

•   它可以很好的表述一个网站的组织结构,但
    不一定要反映导航的结构。
带有注释的页面设计

•   页面设计决定了页面上的导航,内容,功能
    等元素,视觉设计和程序开发者可以根据这
    些注释更好的理解设计意图建立整个站点。
内容矩阵

• 站点所有的页面都放在一个内容矩阵里,并且
  为每一个页面都定义了应该显示的内容。
页面模板

• 页面模板在设计大型的站点或者企业内部站点
  的时候才会需要,它定义了某一类页面的内容
  的类型,全局的导航,栏目内的导航灯等。这
  个东西使用最多的就是CMS,内容管理系统。
五、设计过程中的副产品
角色

•   角色设计为系统的设计提供了典型的用户目
    标,它能够把用户研究的开销缩减的最小。
原形

• 这是最终作品的模型,原形可以很简单,简单
  到用几张图片来表示未来复杂的网站(低拟真
  度原形),也可以比较复杂,拥有最终产品的
  一样的交互能力(高拟真度原型),纸面原形
  的测试效果其实已经很不错了。通常原型设计
  会让整个信息架构活起来,所以,请尽量在设
  计定稿前多做原型的测试!
剧情

• 剧情设计是另一种可以让信息架构设计活起来
  的技术,它模拟了一个用户执行具体任务时如
  何体验整个信息架构的过程,也能够让团队的
  其他成员很好理解设计的意图。
了解信息架构是一个过程

• 了解为什么要做信息架构
• 弄清楚为谁做信息架构(包括使用者与提供信
  息者)
• 透彻地了解你要处理的数据以及所需要的数据
  以及各样的内容
• 设计结构
• 决定组织方式
• 归类与设计浏览机制
《信息架构》一书中,将一个信息架构
中的各种组成部分归为了四大类:

• --组织系统(Organazation System)
    如何对信息分类?按主题?时间?…
  --标注系统(Labeling System)
    如何表达信息?术语?口语?…
  --导航系统(Navigation System)
    如何浏览信息?树状导航?…
  --检索系统(Searching System)
    如何搜索信息?关键字搜索?庞大的索引?
  …

Más contenido relacionado

Similar a 如何做信息架构设计

Drupal7第一堂
Drupal7第一堂Drupal7第一堂
Drupal7第一堂
Hen Chen
 
第0課:資訊架構導覽 alex
第0課:資訊架構導覽 alex第0課:資訊架構導覽 alex
第0課:資訊架構導覽 alex
Alex Wu
 
N世代情報收集術
N世代情報收集術N世代情報收集術
N世代情報收集術
基欽 劉
 
20120719164719 66722
20120719164719 6672220120719164719 66722
20120719164719 66722
songjy
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
 
互联网交互设计方法
互联网交互设计方法互联网交互设计方法
互联网交互设计方法
loki chen
 
腾讯交互设计方法
腾讯交互设计方法腾讯交互设计方法
腾讯交互设计方法
lh4513
 
互联网产品的交互设计方法
互联网产品的交互设计方法互联网产品的交互设计方法
互联网产品的交互设计方法
aaronthu
 
互联网产品的交互设计方法
互联网产品的交互设计方法互联网产品的交互设计方法
互联网产品的交互设计方法
aaronthu
 

Similar a 如何做信息架构设计 (20)

Drupal7第一堂
Drupal7第一堂Drupal7第一堂
Drupal7第一堂
 
政府網站委外網站建置與經營
政府網站委外網站建置與經營政府網站委外網站建置與經營
政府網站委外網站建置與經營
 
Introduction of libraries' big data in China
Introduction of libraries' big data in ChinaIntroduction of libraries' big data in China
Introduction of libraries' big data in China
 
第0課:資訊架構導覽 alex
第0課:資訊架構導覽 alex第0課:資訊架構導覽 alex
第0課:資訊架構導覽 alex
 
[网络]孙元菁:中原+ 开启Web 3.0时代
[网络]孙元菁:中原+  开启Web 3.0时代[网络]孙元菁:中原+  开启Web 3.0时代
[网络]孙元菁:中原+ 开启Web 3.0时代
 
为什么比特币是靠谱的?
为什么比特币是靠谱的?为什么比特币是靠谱的?
为什么比特币是靠谱的?
 
N世代情報收集術
N世代情報收集術N世代情報收集術
N世代情報收集術
 
[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
 
A Research on Knowledge Base and Knowledge Management
A Research on Knowledge Base and Knowledge ManagementA Research on Knowledge Base and Knowledge Management
A Research on Knowledge Base and Knowledge Management
 
20120719164719 66722
20120719164719 6672220120719164719 66722
20120719164719 66722
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
互联网交互设计方法
互联网交互设计方法互联网交互设计方法
互联网交互设计方法
 
互联网交互设计方法
互联网交互设计方法互联网交互设计方法
互联网交互设计方法
 
腾讯交互设计方法
腾讯交互设计方法腾讯交互设计方法
腾讯交互设计方法
 
互联网产品的交互设计方法
互联网产品的交互设计方法互联网产品的交互设计方法
互联网产品的交互设计方法
 
互联网产品的交互设计方法
互联网产品的交互设计方法互联网产品的交互设计方法
互联网产品的交互设计方法
 
俞晨杰:Linked in大数据应用和azkaban
俞晨杰:Linked in大数据应用和azkaban俞晨杰:Linked in大数据应用和azkaban
俞晨杰:Linked in大数据应用和azkaban
 
Website Architect Proposal of Lingpao Total Fitness Gym
Website Architect Proposal of Lingpao Total Fitness GymWebsite Architect Proposal of Lingpao Total Fitness Gym
Website Architect Proposal of Lingpao Total Fitness Gym
 

如何做信息架构设计