信息架构简要概述

信息架构是什么?

信息架构设计是对信息进行结构、组织方式以及归类的设计,好让使用者与用户容易使用与理解的一项艺术与科学。根据Jesse James Garrett在用户体验要素对信息构架的定义是:信息架构研究的是人们如何认知信息的过程,对产品而言,信息架构关注的是呈现给用户的信息结构是否合理

信息构架有什么用处?

Donna Spencer在她的书中“A Practical Guide to IA”罗列了三点:

1、组织内容或目标;

2、清晰地描述它们;

3、让人们快速得到它们。

就像你去图书馆一样,图书馆里呈列了很多书籍,快速找到他们的方法就是你要找到相关的楼层和标签,那么首先你要了解每一楼的布局是怎么样的。往往图书馆里会有这样的指引。


对于产品而言,信息架构至关重要。一、它能够满足产品目标:可让产品的结构看起来合理、明确;二、满足用户需求:用户可以快速找到想要的功能、需求。

信息架构有什么类型?

Jesse James Garrett对信息架构分成了4种类型:线性结构、矩形结构、自然结构、层级结构。

一、线性结构:连贯的语言流程是最基本的信息结构类型。书、文章、影像全部都被设计成一种线性的体验。这种结构经常被用于小规模的结构,例如单片文章或单个专题。

就像音乐的播放器,播放“下一首”,播放“上一首”。流程是呈直线的。


图片来自 A Practical Guide to IA

二、层级结构:最为常见的结构,也称为树状结构。不是每个节点都有子节点,但每个节点都有父节点。一直往上直到整个结构的父节点。层级结构的概念对于用户来说非常容易理解。


图片来自 A Practical Guide to IA  

比如我下载了一本跟交互设计相关的电子书,我存储在D盘上的一个“交互设计的文档”,交互设计文档里面有很多子文档,其中一个子文档就是“电子书”,我最终把电子书放进那个文档里。而打开“电子书”文档,里面虽然罗列了各种的电子书,但是并没有其他文档了。每个节点都有父节点,但是并不是所有的节点都有子节点。

这里的层级结构分为“自上而下”跟“自下而上”两种,在产品设计中,自下而上的信息架构很重要,因为用户很可能会跳过网站的“自上而下”的信息架构。

三、矩形结构:允许用户在节点与节点之间沿着两个或更多“维度”移动。由于每个用户的需求可以在矩阵的一个“轴”联系在一起,因此矩阵结构通常能帮助那些“带着不同需求而来”的用户,使他们能在相同内容你能够中寻找各自想要的东西。

比如,为了满足我们打电话的功能,首先电话界面会呈现我们熟悉的12个按钮,我们一可以选择直接输入11位手机号拨打号码,二可以查找联系人拨打电话,三可以找之前的未接通的电话回拨电话。

更直观地说,就是满足各种类型用户的需求,比如今年淘宝双十一的红包活动,它虽然都是希望让用户消费,但有人会选择双十一前消费,有人会选择在双十一当天消费。而针对不同的消费群体有不同的对策,但最终能使几种不同的用户群体掏钱购买商品。

而如何平衡这种度,一个交互设计师需要洞察用户心理才能做出关键的决策。

四、自然结构:不会遵循任何一致的模式,节点是逐一被连接起来的。自然结构对于探索一系列关系不明确或者一致在演变的主题很合适。比如某些娱乐网站不会给用户提供一个清晰的指示。


图片来自 A Practical Guide to IA  

最好的例子就是是百度。你搜索一位明星,首先会给你大量有关这位明星的信息,但是信息中又夹杂着各种不同的links,而这些链接与链接之间相互独立,互不干扰,但可能只是跟原来这位明星有点儿联系,甚至也可以完全没有。这种结构更加适合没有浏览目的的用户,他们会在网页上花很长时间浏览原本自己并没有搜索过的网页。但这种结构也存在一个问题,就是用户如果下次还想继续浏览这个网页,往往很难找到原来的路径。

设计信息架构之前,需要考虑什么?

信息架构之前的准备工作十分重要。如果没有考虑到几个方面的内容,直接动手画线框图交差,设计稿需要重新修改的可能性极高。

Donna Spencer在她的书中“A practical guide to IA”说了,在设计信息架构之前应该考虑这三个非常重要的因素:

• People

• Content

• Context

了解人的目的是为了我们设计出来的东西符合用户心智模型,比如人们想要什么,人们如何发现他们想要的信息,他们在什么地方使用这个产品或内容,他们之前用过哪些相同类型的产品,他们对科技的了解如何,他们如何描述一件事(他们使用的terminology)。简而言之,就是了解用户的习惯、场景。而了解的途径往往是通过用户调研,在她这本“A practical guide to IA” 中展示了很多她使用的用研方法。最常用卡片分类法&任务分析法&情境式调查等。尊重用户的习惯,这样设计出来的产品,避免让用户花费太多时间思考如何使用。关于调查与设计文档,之后会写出来,这里先不讨论了。

需要了解业务需求。业务需求=业务目标+业务目的。业务目标比较具体,例如转化率要提高到百分之几,留存率提高到百分之几,注册人数到达几千几万。而业务目的比较宏观,也就是你的产品可以成为行业数一数二的品牌等。那业务需求从哪里来?产品经理跟运营市场等,都可以是业务需求的来源。不仅仅只是满足产品经理的需求,还可以问问运营市场,他们准备推广的活动。

需要了解一些限制。比如技术上的限制,比如设计上的限制等。

做竞品分析,找到2个以上的竞品,画出他们的信息架构,用思维导图整理出来,并且用树状图的形式整合,分析每个竞品他们的相同点在哪里,不同点在哪里。研究相同点的意义在于,设计出的产品符合用户的习惯,而研究不同点的意义在于我们可以将设计的亮点呈现在这一部分中,满足业务需求。

设计信息架构所使用的工具?

思维导图、sketch、axure等

在用axure或sketch画之前,可以先整理成树状图,然后可以把元素分类,然后在做重要性分级。

图片来自百度

接着,可以用axure的站点地图来展示信息架构。

图片来自百度

如何验证你的信息架构是否合理?

1、撰写产品说明书

撰写产品说明书,不仅帮助你去思考你的设计是否合理,也帮助了其他岗位的人向客户介绍产品的功能。

例如微信的产品说明书。简单的产品说明书可以让你思考设计,如何让用户完成一步步的操作。

图片来自百度

2、用户测试

用户测试分为3个步骤。

用户是否在你不介绍具体产品的情况下,通过短时间的使用,说出产品可以用来做什么。

让用户进行核心流程任务,检查完成任务是否顺利。

给用户一个寻找一个相对层级较深的功能的任务,检测用户是否能通过信息架构名称找到核心功能。

以上。

参考资料:

1.用户体验要素.Jesse James Garrett.

2.Web信息架构.Louis Rosenfeld

3.A Practical Guide to IA.Donna Spencer

4.网易云微专业

5.知乎关于“如何理解信息架构”问题

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,012评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,628评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,653评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,485评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,574评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,590评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,596评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,340评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,794评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,102评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,276评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,940评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,583评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,201评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,441评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,173评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,136评论 2 352

推荐阅读更多精彩内容