如何设计信息架构

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

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

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

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

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

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

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

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

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

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

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

• 这是最终作品的模型,原形可以很简单,简单
  到用几张图片来表示未来复杂的网站(低拟真
  度原形),也可以比较复杂,拥有最终产品的
  一样的交互能力(高拟真度原型),纸面原形
  的测试效果其实已经很不错了。通常原型设计
  会...
剧情

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

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

• --组织系统(Organazation System)
    如何对信息分类?按主题?时间?…
  --标注系统(Labeling System)
    如何表达信息...
Upcoming SlideShare
Loading in …5
×

如何做信息架构设计

1,890 views

Published on

此内容 源自网上e文。如果任何人觉得ppt有侵犯到你的利益可以通过邮件联系我 我会尽快删除文档。

0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,890
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
53
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

如何做信息架构设计

  1. 1. 如何设计信息架构 • 一、概念 • 二、信息架构设计的思考方式 • 三、分阶段的方式建立有效的信息架构 • 四、设计过程中的产品 • 五、设计过程中的副产品
  2. 2. 一、概念
  3. 3. 数据知识转化说 • 数据是什么? • 知识是什么? • 信息架构的本质是什么? • 信息架构三步走
  4. 4. 信息架构在网站建设当中的应用 • 内容分类,导航交互; • 谁是建设网站时最可爱的人? • 皇帝的新装- 有就像没有一样? 对用户透明的特性
  5. 5. 二、信息架构设计的思考方式
  6. 6. 1. 自上而下 • 在定义网站的整体结构前,先广泛了解商业意 图和用户需求,最后来才考虑具体内容之间的 关联。
  7. 7. 2. 自下而上, • 先理解内容的联系,通过遍历,剧情设计等手 段,让该系统能够满足特殊用户的需求,然后 才考虑更高层次的结构需要支持这些需求。
  8. 8. 三、分阶段的方式建立有效的信息架 构
  9. 9. • 1. 理解客户需求,背景和用户需求,阅读所 有的现有文件,与利益群体作沟通,并且做 出内容清单。 • 2. 引导测试用户参与卡片分类活动。 • 3. 通过卡型分类活动评估之前设计的分类, 从中寻找分类的趋势。 合理划分类别的重点和相关的次序,通过 分析找到工作流程的梳理过程。 • 4. 做一个信息架构的草案出来。 • 5. 使用卡片评估的方式来测试设计出来的架 构。我们的卡片是每个流程的重点,信息架 构草图是流程的框架,两者结合验证工作的 重点是否有偏离;有计划还可以请相关人员 进行可用性测试,对用户角色调研起到很重 要的补充;
  10. 10. 6. 不要对第一次设计就成功带有过多的期望,寻找合适的措辞和分 级可能会需要好几次重复的设计与评估。 可以分三次考虑, 首先,初稿,了解信息架构的粗框架,类似与UML图示; 再次,从下到上的梳理用户的需求和流程的衔接 最后,从上到下,整理导航和系统使用框架,确定信息架构;
  11. 11. • 7. 把信息架构记录成网站的地图,当然这不是最终 的网站地图,只有页面设计都完成以后,网站地图才 会定稿。 • 8. 使用剧情设计测试你的网站设计。(情景模拟) • 9. 让开发团队的其他成员也参与剧情设计和遍历, 并且与他们分享测试的结果。
  12. 12. 10. 如果有可以,在进行正式开发之前,多做一些纸面原 形或者低拟真原形的测试。通过VISIO制作DEMO
  13. 13. • 11. 建立一些文档,把关键的用户操作点都标注 起来,这样可以给视觉设计和程序开发人员一些 提示,保持开发能够充分利用前期设计的结果。
  14. 14. 有很多方法来记录信息架构设计的结果和收获,这里有几种常用的: 四、设计过程中的产品
  15. 15. 网站地图 • 它可以很好的表述一个网站的组织结构,但 不一定要反映导航的结构。
  16. 16. 带有注释的页面设计 • 页面设计决定了页面上的导航,内容,功能 等元素,视觉设计和程序开发者可以根据这 些注释更好的理解设计意图建立整个站点。
  17. 17. 内容矩阵 • 站点所有的页面都放在一个内容矩阵里,并且 为每一个页面都定义了应该显示的内容。
  18. 18. 页面模板 • 页面模板在设计大型的站点或者企业内部站点 的时候才会需要,它定义了某一类页面的内容 的类型,全局的导航,栏目内的导航灯等。这 个东西使用最多的就是CMS,内容管理系统。
  19. 19. 五、设计过程中的副产品
  20. 20. 角色 • 角色设计为系统的设计提供了典型的用户目 标,它能够把用户研究的开销缩减的最小。
  21. 21. 原形 • 这是最终作品的模型,原形可以很简单,简单 到用几张图片来表示未来复杂的网站(低拟真 度原形),也可以比较复杂,拥有最终产品的 一样的交互能力(高拟真度原型),纸面原形 的测试效果其实已经很不错了。通常原型设计 会让整个信息架构活起来,所以,请尽量在设 计定稿前多做原型的测试!
  22. 22. 剧情 • 剧情设计是另一种可以让信息架构设计活起来 的技术,它模拟了一个用户执行具体任务时如 何体验整个信息架构的过程,也能够让团队的 其他成员很好理解设计的意图。
  23. 23. 了解信息架构是一个过程 • 了解为什么要做信息架构 • 弄清楚为谁做信息架构(包括使用者与提供信 息者) • 透彻地了解你要处理的数据以及所需要的数据 以及各样的内容 • 设计结构 • 决定组织方式 • 归类与设计浏览机制
  24. 24. 《信息架构》一书中,将一个信息架构 中的各种组成部分归为了四大类: • --组织系统(Organazation System) 如何对信息分类?按主题?时间?… --标注系统(Labeling System) 如何表达信息?术语?口语?… --导航系统(Navigation System) 如何浏览信息?树状导航?… --检索系统(Searching System) 如何搜索信息?关键字搜索?庞大的索引? …

×