第一讲在线视频

这节课重点讲述

信息结构和交互设计

信息结构呢就像建筑的结构设计

它规定了空间关系

决定了人们如何进入房间

如何通过颜色 造型

楼梯标识等可以感知的信息

引导人们在空间中行走而不会迷路

每个需要到达的房间

就如同目的信息

结构设计的好坏呢

直接影响到人们对建筑的观感和体验

在复杂的信息世界里

大量的信息

如果没有很好的设计和组织

会影响人们对信息的识别和使用

那信息结构从哪里来的呢

它不是凭空构想出来的

而是根据对使用的情境 内容和用户

这三个要素的分析得来的

在这张图表里

情境 内容和用户之间的交集

就是信息结构的来源

后面我们分别举个例子

来说明这三个要素的含义

首先呢是情境

所有的应用也好

服务也好

都产生于特定的商业

或者是组织的环境中

而这些决定了产品的情境

那具体来说

情境又可以是商业目标

资金 政治 文化 技术 资源和限制

等等几个方面

那为什么说情境和信息结构有关呢

我们举两个不同的例子来做个对比

一个是大都会博物馆网站

另一个是Behance

设计作品交流网站

很显然这两个界面的信息架构

是很不一样的

纽约大都会博物馆

是面向公众传播博物馆价值

和给大众提供服务的窗口

那在这种情境下

定期更新的展会信息

参观和售票服务等等

这都是博物馆界面要展示的内容

我们再来看看Behance这个网站

它的目标呢是打造一个

分享优秀设计和创意的社区

因此呢在信息架构上

它是按照设计的种类

作品的关注度等等来进行组织的

比汉斯社区上的作品呢

都是用户自己上传的

它以作品展示为主

网站的作用

是把作品进行筛选 评级和分类

再传播出去

供人们交流和分享

因为他们定位不一样

所以这两个界面的内容和结构

肯定也是不一样的

我们再来说说内容

内容呢是包括文件 应用程序 服务

模式 元数据

以及完成任务需要的信息沟通等等

内容呢和情境是相关的

比如在博物馆这个特定的情景下

那它的内容就有

博物馆 藏品 最新展览的信息

订票服务和票价这些信息

另外呢内容的数量和质量都很重要

它们对信息的结构 交互

和界面视觉设计

都有很大的影响

最后一个元素是用户

这个我们在前面已经说过了

也就是要考虑产品服务的对象

因为用户的特征决定了信息如何被浏览

如何被使用

那对大都会博物馆来说

来这个网站的用户

也会分为好几种

他们有不同的观览目的

有想去订票的人

有想了解博物馆藏品的人

还有一些人只是上来随便逛一逛

所以在设计上呢

要梳理出不同类型观众

他们想要看到哪些东西

再根据主次和权重依次满足

那以上这些呢

就是我们对信息结构设计的笼统介绍

后面我们将围绕任务设计

信息分类 导航 交互流程

界面草图和界面原型这六个方面

分别进行讨论