web信息架构与社会化

63
Web信息架构与社UITony @UCD书友会 2011-6
  • Upload

    tony
  • Category

    Design

  • view

    21.624
  • download

    1

description

忘记概念,勤于实践。

Transcript of web信息架构与社会化

Page 1: web信息架构与社会化

Web信息架构与社会化UITony @UCD书友会 2011-6

Page 2: web信息架构与社会化

/__\||´・ω・`||  这 货 不 是 干 的 !/  ̄ ̄  、ヽ!二⊃   |∪ ヽ⊃ー/ノ    ̄`´ ̄""""""""""""""""""""""""""""""""""""""""""""""""""""""

Page 3: web信息架构与社会化

恩 , 我 个 人 掌 握 着 非 常 大 量 信 息 , 却 不 知 道 如 何 梳 理 与输 出 , 我 想 , 这次的话题能给我带来极大的帮助, 期 待能 够 得 到 提 高

其 实 我 对 信 息 架 构 的 概 念 很 模 糊 , 像 是 网 站 布 局 , 受 数据 , U E , U I 等 影 响 ; 如 果 再 加 上 公 司 战 略 目 标 , 需 求进 度 等 , 又 该 如 何 把 握 ?

信 息 架 构 是 网 站 的 数 据 信 息 系 统 , 系 统 即 包 括 数 据 之 间的 结 构 和 关 系 , 这 样 理 解 是 否 有 偏 差 ? 比 较 想 交 流 的是 : 以 我 自 己 设 计 的 几 个 产 品 为 实 例 , 如 何 更 好 的 建 设网 站 的 信 息 架 构 系 统 ? 非 常 希 望 交 流 的 机 会 ~ 谢 谢 !

Page 4: web信息架构与社会化

信息架 构要在什么时候,什么条件下,解决什么问题?什么时 候参与?如何衡量信息架构的好坏?

1、 当完 成信 息架 构的 设计后,因为还处于项目中前期,需 求变更可能性非常大,尤其当 l e a d e r参与其中后,信 息架构的变化就会相当频繁,而增加功能往往会导致信 息架构最终很乱。肿么办? 2 、 中小公司资源有限的 情况下,用研数据不完整,如何做出有效的且更加合理 的信息架构?

想了解 信息架构在功能型产品中是一个什么样的角色,他和产 品的功能结构是一个什么样的关系,谢谢。

您认为 信息架构在整体产品中的什么阶段进入会比较合适,他 与技术、产品之间的角色关系又是如何的?

Page 5: web信息架构与社会化
Page 6: web信息架构与社会化

误读1:片面地理解为表现层设计

“通俗一点的讲,信息架构就是合理的组织信息的展现形式”

这是目前百度百科关于信息架构的一句话,这个描述显然是太通俗了,展现形式是信息架构最肤浅的一层。功能的组织,和信息的组织,是两个层面的事情。

Page 7: web信息架构与社会化

首先,我们了解下什么是“内容”呢?我们去新浪看新闻,新闻是“内容”。我们去淘宝买东西,东西是“内容”。我们去豆瓣看书评,书评是“内容”。我们去开心网玩开心农场,那么开心农场是“内容”。

这些都是实在的内容,也有一些“看不见”的内容,比如说,你的关系。像现在流行的sns,可以说是用户通过“看不见的内容”找到“有形的内容”。

接下来来看下什么是内容策略(content strategy)?“内容策略是一系列关于有用的 (useful)、可用的(usable)内容的创造、消费和管理的一系列计划。内容策略不仅仅能帮助我们知道哪些内容是我们需要的,还让我们知道为什么 需要这些内容。  ——Kristina Halvorson ”

http://ucdchina.com/snap/4661via:

误读2:放大概念的务虚

Page 8: web信息架构与社会化

The structural design of shared information environments.

The art and science of organizing and labeling web sites, intranets, online communities, and software to support findability and usability.

An emerging community of practice focused on bringing principles of design and architecture to the digital landscape.

DEFINITION

"Information architecture for the World Wide Web" by Peter Morville & Louis Rosenfeld. O’Reilly, 2006.‘What is IA?’ Information Architecture Institute. IAinstitute.org

Wikipedia

This article has multiple issues. Please help improve it or discuss these issues on the talk page.It needs additional references or sources for verification. Tagged since July 2008.

Page 9: web信息架构与社会化

关于信息领域的产生、消费的结构化设计。

这是一门学科:通过组织和标记信息来解决网站、企业内网、在线社区、软件领域的可寻性和可用性。

这是一个专注于实践探索出一定规则的新兴领域:数字化领域的设计和架构。

DEFINITION

"Information architecture for the World Wide Web" by Peter Morville & Louis Rosenfeld. O’Reilly, 2006.‘What is IA?’ Information Architecture Institute. IAinstitute.org

Wikipedia

This article has multiple issues. Please help improve it or discuss these issues on the talk page.It needs additional references or sources for verification. Tagged since July 2008.

Page 10: web信息架构与社会化

功能 内容

流程设计 信息架构

界面设计

视觉设计

布局设计+导航设计+信息设计+控件设计

需求(BRD)

Page 11: web信息架构与社会化

元数据

受控词表

叙词表

信息粒度上下位术语

优选术语

Lable Tag 组织系统

导航系统

信息组件

Page 12: web信息架构与社会化

  ∩__∩  / __ ヽ||´・(ェ)・`||  湿 夫 ~ 术 语 不 给 力 啊/  ̄ ̄  、ヽ !二⊃   |∪ ヽ⊃ー/ノ    ̄`´ ̄""""""""""""""""""""""""""""""""""""""""""""""""""""""

Page 13: web信息架构与社会化

设计师通常这么设计

Page 14: web信息架构与社会化

事实通常却是这样

信息页

分类

首页

Page 15: web信息架构与社会化
Page 16: web信息架构与社会化
Page 17: web信息架构与社会化

每一个用户是特别的

在纷杂中寻找规律

每一则信息是特别的

每一次邂逅是美丽的

Page 18: web信息架构与社会化
Page 19: web信息架构与社会化

SEO Social

人们总是试图去规划增长的“奇迹”

Page 20: web信息架构与社会化

SEO Social

人们总是试图去规划增长的“奇迹”

“奇迹”是你做好某些事情,自然发生的结果

Page 21: web信息架构与社会化

   r'゙ ゙̄ ゙̄ ゙̄\      /ヽr'―‐'ヽ,ノヽ ヽ    (| % 、 % 、 ヽ | ⌒)   .(.|  ・|・  |  .|   我 去 … 奇 技 淫 巧 神 马 最 讨 厌  (|` - c`% ′  6゙;,⌒) |  .  ヽ (____  ,-'  ̄      ヽ ___ /ヽ        / |/\/ l ^ヽ       | |      |    

Page 22: web信息架构与社会化
Page 23: web信息架构与社会化
Page 24: web信息架构与社会化

组成

关系

自然属性

Page 25: web信息架构与社会化

组成

关系

自然属性

信息粒度

Page 26: web信息架构与社会化

组成

关系

自然属性

信息粒度

元数据

Page 27: web信息架构与社会化

组成

关系

自然属性

信息粒度

元数据

规模

Page 28: web信息架构与社会化

组成

关系

自然属性

信息粒度

元数据

时效、长尾

规模

Page 29: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性

信息粒度

元数据

时效、长尾

规模

Page 30: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性

信息粒度

传统和数字化

元数据

时效、长尾

规模

Page 31: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性

信息粒度

传统和数字化

元数据

时效、长尾

规模

利益链

Page 32: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性

信息粒度

传统和数字化

元数据

时效、长尾

规模

情景

利益链

Page 33: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性 消费周期

信息粒度

传统和数字化

元数据

时效、长尾

规模

情景

利益链

Page 34: web信息架构与社会化

产生 消费社会属性

组成

关系

自然属性 消费周期

信息粒度

社会化方式传统和数字化

元数据

时效、长尾

规模

情景

利益链

Page 35: web信息架构与社会化
Page 36: web信息架构与社会化

西红柿

番茄

番茄汁

番茄酱小西红柿

新鲜的西红柿 上好番茄

蕃茄

番茄沙司

中等大小西红柿

黄皮西红柿去皮西红柿

洋柿子狼桃

六月柿番柿

洋海椒

毛腊果

番李子

Page 37: web信息架构与社会化

西红柿

番茄

番茄汁

番茄酱小西红柿

新鲜的西红柿 上好番茄

蕃茄

番茄沙司

中等大小西红柿

黄皮西红柿去皮西红柿

洋柿子狼桃

六月柿番柿

洋海椒

毛腊果

番李子

时令

价格

贮存时间和方法

营养成分

功效

搭配

饮食禁忌

烹饪方法

小常识

Page 38: web信息架构与社会化

用户

5%

15%

80%

达人(贡献内容)

爱好者(参与+传播)

消费者

编辑菜谱记录美食日记参与讨论

每周访问3-4次

订阅、收藏、推荐打分评价、留言

搜索+媒体推送

每月访问4-5次

每月访问1-2次

Page 39: web信息架构与社会化

深 浅入 出? !

消费周期

自然属性 社会属性

信息架构策略

规模元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 40: web信息架构与社会化

蓝图和扩展性

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 41: web信息架构与社会化

蓝图和扩展性

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 42: web信息架构与社会化

蓝图和扩展性

边界

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 43: web信息架构与社会化

蓝图和扩展性

边界

元数据+简单相关

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 44: web信息架构与社会化

蓝图和扩展性

边界

元数据+简单相关

组织方式

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

Page 45: web信息架构与社会化

蓝图和扩展性

边界

元数据+简单相关

组织方式

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

丰富元数据+复杂关联

Page 46: web信息架构与社会化

蓝图和扩展性

边界

元数据+简单相关

组织方式

个性化+Rank

消费周期规模

元数据信息粒度 社会化方式

传统和数字化 时效、长尾情景设备利益链

丰富元数据+复杂关联

Page 47: web信息架构与社会化

189273

71348

3554

四海之内皆朋友,我能为你做点啥

Page 48: web信息架构与社会化

189273

71348

3554

大概广电局也不知道该从哪里剪

卡梅隆负责革新电影技术,诺兰负责革新电影结构...

一部电影好看到即使你明白它在故弄玄虚也是义无反顾的打五星。

四海之内皆朋友,我能为你做点啥

Page 49: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

Page 50: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

关于这本书

基本信息

关联书籍

用户评论

Page 51: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

广告

关于这本书

基本信息

关联书籍

用户评论

Page 52: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

广告

关于这本书

基本信息

关联书籍

用户评论

关于人

Page 53: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

广告

关于这本书

基本信息

关联书籍

用户评论

关于人

Page 54: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

广告

关于这本书

基本信息

关联书籍

用户评论

关于人

Page 55: web信息架构与社会化

豆瓣读书:此时此刻,谁在和你读同一本书?

广告

关于这本书

基本信息

关联书籍

用户评论

关于人

Page 56: web信息架构与社会化

不用害怕爬虫,

它能带走文本、图片、甚至分类,

但带不走用户留下的足迹,

这才是真正的财富。

Page 57: web信息架构与社会化

有没有进入驾驶仓的感觉?

Page 58: web信息架构与社会化

图片+标题包含哪些信息?

别名 (iphone 苹果手机)

型号(4代、3代、3GS、8GB)

优惠促销(免邮、2小时送货上门)

状态(原封、无锁、完美越狱、大陆行货)

Page 59: web信息架构与社会化

授信息产生者以渔

优雅的架构

授信息消费者以鱼

Page 60: web信息架构与社会化

      __, - 、  .    /, %%% 、)   //  /    ヽi   |_|   ┃ ┃ |   (     ⊂⊃ ヽ     >、   \__ノ ノ    /  \%%% ´ヽ、 /)- | /    \--/ |  ̄|_ ノ |      /   |  || !    /     ノ   | `iヽ__ノ━━━━ヽ、__ノ  ヽ、     |^ヽ、__ノ    ̄ ̄ ̄` - ′

数据分析信息架构和搜索引擎

提问or讨论

Page 61: web信息架构与社会化

给设计师的话

不要举手投足谈“信息架构”,亲自去编辑上千、阅读上万条内容,了解内容产生者对内容的描述方法;去看上万次搜索记录,上万条用户的访问路径,了解内容消费者他们需要什么;再考虑“架构”。

解决实际问题,让数据来验证你是对的;亲历N个信息系统,才能沉淀下你对“架构”真正的理解。

N年前,人们叫我们“美工”,我们说请尊称我们“设计师”

过了些年,多数“美工”都变成“设计师”

“UED、UCD、用户体验、交互设计”...

这些名词并没有让我们变得更专业,中国的设计不还这Diao样吗?

Page 62: web信息架构与社会化

微观的感同身受俯览全局的视野

Page 63: web信息架构与社会化

      ____        / ̄ ̄ ̄\     / ___ \      /   ___ヽ   /  |´・ω・`|  \    / |´・ω・`| \    /     ̄ ̄ ̄   \ / _,    ̄ ⊂二二)   |  i       ヽ、_ヽl |       |    └二二⊃         l ∪  |          |     |   ,、___, ノ    |    ,、  |     ヽ_二コ/  /     ヽ  / \  /   ______/_/´     __ヽノ__`´

END

特别鸣谢豆瓣小站: ❤ASCII