IT技术博客大学习 共学习 共进步

UCD2010信息架构工作坊

2010-11-01 19:58:06 浏览 2,944 次

    与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. 为什么要段首空两格 (阅读 3,601)
  2. 淘UCD心得 (阅读 2,822)
  3. 深入Web信息架构 (阅读 2,781)
  4. 推特与微博的信息架构说 (阅读 2,761)
  5. 优化网站信息架构 (阅读 2,700)
  6. 手机产品的信息架构 (阅读 2,702)
  7. 信息架构的模式 (阅读 2,580)
  8. 为什么不要“以任务为中心”来进行设计? (阅读 2,483)
  9. 投影――信息架构中物理到虚拟的一致性 (阅读 2,441)
  10. 信息闭环设计小谈 (阅读 2,422)