信息架构简介在线视频

同学们好

今天我们来学习一下第六章

交互产品信息架构

首先是信息架构的简介

接下来课程将阐述信息架构的意义

以及信息架构要解决的问题

课程还会对信息架构进行详解

讲述架构信息的方法与原则

首先是信息架构的简介部分

在这一部分我们将明确信息架构的概念

至少知道什么是信息架构

然后分析优秀信息架构对产品的作用

阐述其重要性

同时信息架构的工作内容具有

三个要素和两个关键点

我们将用实例讲解这三个要素和关键点

在具体的app设计中如何凸显

那么良好的信息架构对形成良好的

用户体验有着积极的作用

我们将讲解信息架构设计

对用户体验设计的积极意义

同时也会关注信息架构设计的流程

剖析信息架构与交互设计的关系

信息架构

这个词最早由美国建筑师理查德·所罗·乌曼提出

从词形上看

信息架构是一个复合名词

其概念取决于两个子概念

信息与架构

此概念后来由路易斯·罗森菲尔德

与彼得·默非两位图书馆学者将他发扬光大

信息架构简称IA

IA协会将信息架构定义为

共享信息环境的结构化设计

为支持可用性与可查找性

组织和标志的网站

内部网

在线社区与软件的艺术与科学

综合来看我们可以将IA定义为组织信息和设计信息环境

信息空间或信息体系结构

以满足用户的信息需求的一门艺术和科学

其核心包括组织

标识

导航和搜索四大系统

IA实施的宗旨是

实现信息的清晰化

力求信息可理解

保证信息的有用性

可用性

提供良好的用户体验

它的实践应用是一个项目过程

包括调查

分析

设计

执行

检验评价和可能的迭代等

图中是微信购物商城的信息架构图

通过信息架构图我们能清晰地理解

它不同的信息组合方式

体系结构以及每种信息的流向

同时还能看到每个元素之间的关系

广义地理解信息架构是对整个项目

用户体验的设计和把握

让整个项目的信息更容易理解

因此也就包含了用户调研和分析

项目战略布局

概念方针等整体的工作

狭义地理解

信息架构就是信息产品的信息结构图

导航设计

线框图等

比如前面微信商城的信息架构图

尤其是互联网产品的用户体验设计中

完整的用户体验形成有三个要素

技术

设计

信息架构

技术是指硬件技术

服务器技术

软件技术

云技术等

技术优势能为企业的一举一动提供强大的支撑

设计主要指互联网产品的视觉传达设计

平面设计等

决定了产品的“颜值”

信息架构则主要是信息的组织结构和导航

决定用户到哪里去

得到什么

那么从日常的app使用中可以发现

优秀的信息架构设计基本具有七个特点

首先是平衡商业目标与用户目标

比如这里的web设计在进行信息架构的时候

既要保证用户快速发现热点的信息

同时也不突兀地提供商业推广的入口

相比之下这种做法就比满屏幕都是

悬浮广告的案例高明得多

第二个特点是兼顾深度与宽度

比如在购物网站的购物选择导航设计时

优秀的信息架构将众多的商品进行恰当的分类

在有限的屏幕内展示尽可能全面的商品

同时次级导航提供进一步寻找目标商品的途径

不仅如此猜你喜欢和搜索为用户提供了快速

轻松且智能化的找到想要信息的可能

这是第三个特点

同时为用户提供多种查找方式

也是优秀信息架构设计的第四个特点

除此之外好的信息架构能够延续产品的基本概念

比如这款图片编辑app始终强调

其图片处理的工具属性和概念

因此在每个页面都有快捷的方式调出工具菜单

第六个特点则是代表内容

在图上这个web导航栏的信息架构中

我们从这些分类就能很清晰地知道网站的作用

分类资讯

新闻

这种设计就很明显代表了网站的内容

最后一个特点是根据需求显示相关内容

也就是说不需要时隐藏多余信息

比如手机app中常见的抽屉式菜单

避免造成混乱和信息冗余

这七个特点是优秀信息设计的标准

反过来说优秀的产品

用户体验的实现必然少不了

具有上述七大优点的信息架构

那么再优秀的信息架构

最终目的是让用户能快速

清晰地找到想要的信息

所以信息架构的第一要素

就是信息的接受者---用户

信息架构对信息处理要

以一定的形式呈现给用户

用户最终到底要什么

是视频内容还是文字内容

又或者是音频内容

这是信息架构的第二要素

呈现给用户的内容

在实现对用户呈现的过程中

必须考虑整个项目的网络环境

商业环境

技术

资源等

比如是在ios平台还是Android平台使用

这些则是信息架构的第三要素

情境

信息架构的内容则是包含了两个关键点

第一个关键点是对产品的内容和功能进行定义

第二个则是定义产品内容

与功能之间隐藏的逻辑关系

并以客观的结构和术语表达

一般而言我们都会用信息架构图的形式

来表现一个产品的信息组织形式

首先是对内容和功能的定义

好的信息架构设计能清晰

准确地表达产品的功能

和要呈现给用户的内容

我们来看这4个app导航栏的信息架构设计

是否清晰地定义了内容和功能

第一个相信大家都很熟悉

即使没有“微信” 两个字

大家也能通过 “通讯录”发现这是一个聊天

社交类应用

在第二个app的导航栏中

我们也看到了“联系人”

“信息”

同时还有 DING 的图标

显示了一项未读通知

那么这是一个有着办公

社交

通讯功能的app

在第三个导航栏的信息架构设计中

“购物车”和“发现” 这样的导航

清晰地说明这是一个与购物

消费相关的app

而第四个导航栏的信息架构有“团购”

“商家” 和 “我”的这样三个icon

那么这很明显是一个与团购相关

同时甚至可以通过商家猜想

其O2O运营的模式

通过这些导航栏的分析我们可以看到

这些导航栏信息架构的设计

都清楚地反应了这个产品

这个app的功能属性和要呈现给用户的内容

那么也有一些不太好的案例

比如现在看到的这个导航栏

首先在icon上对用户的引导就很不清晰

出现了重复的按钮

这会让用户很迷惑

第二个内容则是定义产品内容

与功能之间隐藏的逻辑关系

举一个例子

这是大家比较熟悉的新浪微博

首先新浪微博的产品定义是

随时随地 发现新鲜事

那么这个产品的主要用途就是发现新鲜事

“随时随地” 则是凸显了用户

产品对便捷

易用

快速的目标追求

在app的主页面

导航栏分别为“首页”

“消息”

“更多”

“发现” 和“我”

标签栏则是拍摄按钮

关注与热门的切换按钮

以及扫描按钮

而在内容区则是更新后的“新鲜事”

在这样一个信息安排中

app用了很大的部分和较多的入口

把用户导向新发生的事

新收到的消息

以及你所关注的人正在发生的事情

还有整个微博圈刚刚发生的新鲜事

在点击加号按钮之后

用户可以发表文字

照片和视频

而“话题”

“音乐”

“红包” 则是在第二页面

通过点击标签栏左侧的相机按钮也可以

快速发表自己的视频或者照片创作

通过这样的安排

我们可以发现微博手机端app内容

发现重于创造的逻辑

因此新鲜内容才会在更加显眼和重要的位置

而发布内容的功能隐藏在更深层级的页面中

通过内容的不断更新让用户沉浸在软件的体验中

扩大了使用的timeline

提高用户粘度和流量

留存率

从而创造价值

而不太重要的功能在更深层的页面中

一是满足用户需要

二则是帮助用户收纳这些功能

提高内容阅读的体验质量

在信息架构设计中

设计师应该关注各种内容之间的逻辑关系

恰当地安排这些内容之间的层级

而不是简单的功能堆叠

通过上面的介绍

同学们可能会产生错觉

信息架构的设计就是对产品的导航进行设计

当然这是两个不同的概念

导航设计是存在用户界面层级中

利用界面元素引导用户的设计

而信息架构是产品或者系统战略层级的设计工作

就工作顺序而言的话要先确定信息架构

再可能进行导航设计

就两者的关系而言

设计师在构建信息架构的同时就对用户到哪里去

怎么去进行了定义

导航设计只是最终外在的表现

那么导航设计就是信息架构设计的一部分

两者相互关联

相互依赖

那么通过上述知识的讲解和一些对比分析

我们发现

用户体验优秀的产品一般在信息架构的设计上也很合理

人性化

那么信息架构与用户体验之间有着怎样的关系

要知道信息架构是一个相对比较旧的术语

是web技术发展中的旧观念

用户可以通过它浏览与导航

一般来说

它的范围可以从一个简单的网站到一个复杂的信息系统

信息架构师的工作是从复杂的信息集中

创建出可用的信息内容结构

他们会用很多以用户为中心的的设计方法来实现

比如可用性测试

创建与研究人物角色

以及用户使用流程的图表

这样说来用户体验设计看起来貌似

要比信息架构更高端一些

用户体验

而是更多激发用户在使用后产生的情感反馈

用户体验设计加入了环境与故事到用户的自然行为中

而本质上

这样做会改变一些用户固有的经验

用户体验设计师将产品的信息架构更提升了一步

不仅仅考虑导航的问题

而且还能够方便地使用

要做到这一点

他们采用以用户为中心的方法

对目标用户产生一个粘性的

可预见性与合理的影响

用户体验包含了全部的因素

就像泡一杯“信息架构”咖啡

混合少量的“可用性”

一撮“内容运营策略”与一大勺“创意”

或者简单一点理解

用户体验是设计创意与信息架构设计产生的结晶

我们也可以从用户体验设计工作

和信息架构设计工作对比两者不同

在产品的用户体验中

用户体验设计师是从整体考虑产品的可用

易用

因此也会关注信息架构的设计

而信息架构的设计更多关注信息架构的

实现情境和呈现给用户的内容

在用户体验可用的基础上完善至好用

易用

可用的体验是可以很简单易行地完成工作

一个更好的体验则是不仅能简单易行地完成工作

还能给用户灌输持久深刻的印象

这之间的差异是体验后的印象

这东西很易用

还是好酷的设计

比如在这两张图中前者的应用App都是很好用

很易用的工具

但是后者的应用App不仅好用

易用

它们在体验上更有趣和更有魅力

在前面用户体验课程中我们讲到

产品的交互设计和信息架构

在用户体验要素中属于同一层级

交互设计流程和信息架构的流程也有很多相似之处

在交互设计流程中

首先是进行市场的调研和设计研究

以及用户研究

紧接着是进行概念设计

随后是设计试验和迭代

再对设计进行用户测试与评估

最终开发

上线

运营并迭代

信息架构设计与交互设计有很高的重合度

信息架构第一步也是市场调研与用户研究

接下来是内容

情境的分析

随后是概念设计和架构设计

以及设计的用户测试

评估

上线之后的运营管理和数据的整理

挖掘

无论是前期的调研和用户研究

还是中期的概念设计和架构设计

还是后期的测试评估与运营管理

两者有着步骤和工作内容上的相似性

最后这两种工作流程都有着迭代的机制

因此能促进用户体验的升级和进步

相信经过以上分析

同学们对信息架构有了一定的了解

那么在后面的课程中我们将继续讲述信息架构的意义

进行进一步的详解