IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

UCD2010信息架构工作坊

2010-11-01 19:58:06 累计浏览 3,039 次
本机暂存

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

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

    原图已失效

    第四节课还有二十多人

    有言在先,文档不公开更不提供下载。有两方面原因,第一用了几张老外的图片,但没找到出处也因此没标注,不便流传;第二豆瓣案例的数据敏感,但没数据又无法说明问题。整体来说,部分内容也还值得推敲,需要再完善。为满足大家的好奇心,摘几页比较靠谱的加以说明。

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

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

    原图已失效

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

    原图已失效

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

    原图已失效

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

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

    原图已失效

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

    原图已失效

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

http://ucdchina.com/club/meeting/http://ucdchina.com/club/2010/http://ucdchina.com/club/meeting/2010/

    club/2010/ 是我定的,因为club层级是“书友会”,之后的年一定是“年会”而没有歧义。将来年会页使用meeting/没有问题,之内再链接2010/也没问题。当然,专题页使用meeting/2010/是严谨无错的,但我更倾向于在没有误解的前提下尽量短。

    第四节主要是豆瓣相关产品的案例,应该比较符合豆瓣粉丝的胃口(内容组织上豆瓣确实有独到之处),但现场似乎对豆瓣熟悉的同学比较少。从教学角度来看,这节课案例覆盖面不够广,比较单一,将来还得在实践积累上多下工夫。

    从工作坊同学发言来看,整体经验水平还是不错的,尤其意识方面很到位。效果比平时在书友会或公司里好的多,很是欣慰。不管同行们是否认同这门专业技术,个人认为对理解web design和做互联网产品是非常有用的。

    上周与一位在这方面搞学术研究的朋友聊,他提到“学界对IA的研究虽早,但迟迟落实不到务实的教育与培训上来,看着让人着急。”我回复说“自我感觉是懂不少知识理论,做起来也得心应手,但就是苦于无法系统体系化的整理知识,以及向别人表达观点和教学。”这次年会沟通我个人也领悟到不少,接下来我会重点在一个项目中实践这些理论。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 【社会化设计】自我(self)部分――欢迎区(welcome area) (累计阅读 16,831)
  2. 404~遇见你是最美丽的错误 (累计阅读 9,351)
  3. Web表单设计之注册表单 (累计阅读 8,877)
  4. 为什么要段首空两格 (累计阅读 5,951)
  5. 产品用户体验质量的模糊评价(2)――层次分析法 (累计阅读 5,483)
  6. 不得不说的糟糕设计 (累计阅读 4,905)
  7. 在信息架构层次对比开心网和Facebook的设计 (累计阅读 4,394)
  8. 《Patterns for Sign Up &Ramp Up》下载 (累计阅读 4,083)
  9. 设计师:值得长期关注的网站 (累计阅读 4,028)
  10. 中文段首不需要空两格 (累计阅读 3,821)