	以用户为中心的设计	这是UCDChina提前预览网页留下的存档，不包括作者可能更新过的内容。推荐您进入文章源地址阅读和发布评论：http://blog.rexsong.com/?p=11634

UCD2010信息架构工作坊

作者：千鸟 | 发布： (编辑)kent.zhu | 时间：2010-11-01 13:49:23 文字大小：- +

与Tony在年会下午有个主题为“Web信息架构”的工作坊，之前没拿到报名名单，搞不清楚受众群体的口味，于是多准备了些内容。以前也做过“web信息架构”分享，这次内容是最全的，包括几年的学习笔记和案例积累。我们工作坊很努力的坚持到了最后下课，我看时间是18点15左右。

根据时间安排了四节课，各50分钟，中间10分钟休息。第一节课“意义”，第二节课“原理”，第三节课“方法”，第四节课“案例”。其中第一、四节由Tony来讲，第二、三节我来讲。

第四节课还有二十多人

有言在先，文档不公开更不提供下载。有两方面原因，第一用了几张老外的图片，但没找到出处也因此没标注，不便流传；第二豆瓣案例的数据敏感，但没数据又无法说明问题。整体来说，部分内容也还值得推敲，需要再完善。

第一节主要是扯淡，从生活场景到互联网产品工作职能，概述国内国外整个发展和历史。提出问题并引入话题，希望能先在认识层面统一思想。既然我们都碰到了这样的问题，那么接下来准备好一起面对。

第二节正式上课（有人在笑），这部分纯理论的知识量很大，穿插很多小案例来讲解，主要包括“内容组件、逻辑组件”两部分。其中“元数据”是内容组件的基础，“组织系统”是逻辑组件的基础，分别用了大量例子来说明，非常重要的入门内容。

207.png" alt="" title="ia" width="300" height="207">
图1.用来解释“元数据”概念，图中列出来有关“信息架构”的所有相关词，并且用受控词表的方法分出了几个维度。为什么会存在？它们之间的关系？如何使用？后边会用“猪手、猪蹄、猪脚”的案例来举证说明。

图2.用来解释“label”和“tag”的差异，对比了两者的含义用法，并且提出label为“标记”的更佳中文翻译。这是我认为《Web信息架构》书中存在翻译问题，容易误导读者。

图3.用来解释“导航”在应用层面的分类，包括不同用法。在这个iPod页面上，主要体现了导航+内容的组织关系，以及导航的重要性。

第三节讲方法，主要是个人经验，我把实施分为“新构建、重构优化”两大类。通用方法其实都只是些原则性问题，本工作坊不是讲整个如何做产品的大课题，所以偏重于“信息架构”在某种方法中起到的作用。

图4.结合友好网址的理念，讲解了我架构个人网站的思路，实线是已实现，虚线是可扩展。以及入口、组织、积累、更新四个方面的内容组织策略。所谓个人网站是要适合自己的网站，所以体系仅供参考，否则你就没必要再学习“信息架构”了，一点sense都没有。

图5.用书友会网站的案例讲解逻辑组件中“自上而下的组织方式”，从“报名方式”页面往前反推。并且为什么导航上直接放了2009,2010专题链接，而不是“年会”的原因。再次提到通过url判断内容架构的时候，有位同学提问为什么2010专题不加个meeting/的层级？问题非常好，因为我提到将来如果年会专题增加到3个或更多，才有必要在导航增加“年会”页面。