信息架构简要概述

作者: 嗨海莉 | 来源:发表于2017-12-13 23:44 被阅读0次

    信息架构是什么?

    信息架构设计是对信息进行结构、组织方式以及归类的设计,好让使用者与用户容易使用与理解的一项艺术与科学。根据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.知乎关于“如何理解信息架构”问题

    相关文章

      网友评论

        本文标题:信息架构简要概述

        本文链接:https://www.haomeiwen.com/subject/kwgzixtx.html