这里是「交互设计全宇宙体系」知识栏目的第三期,「全宇宙体系」是由美国交互设计资讯独家原创性连载的关于交互设计的知识分享栏目,通过系统化、体系化地为大家带来干知识货推文,带领大家探索全宇宙体系中的“小行星”,收获一个个锦囊妙计。
在上期推文中我们为大家介绍了提升用户体验的10条交互设计原则,了解到交互设计是“以用户为中心的设计”,掌握一些交互设计基础知识固然重要,但最重要的是让用户能够轻松操作和掌握我们的设计产品。在往期推文中,我们为大家分享过关于:设计心理学、用户研究方法、竞品分析、数据分析的相关内容。(戳戳下方链接了解感兴趣的知识内容~)
04.「交互设计师最佳助手」可视化设计综合使用指南!(第一期&第二期)
在本期内容中,我们将为大家带来关于信息架构设计(IA)的内容。在信息时代中,信息架构师、用户体验设计师、交互设计师的工作比以往任何时候都更加重要。在本文中,我们将讨论信息架构的含义以及为什么它对交互设计师如此重要。
当我们到达一个新地方时,我们需要一些东西来引导你。如果在陌生的城市度过周末,我们必须查阅地图,然后使用建筑物上的路标和地址到达目的地。任何不熟悉的地方都是一样的:我们不想浪费时间迷路,所以需要指导。
信息架构是用户体验设计的核心方面。信息架构师为网站设计信息层次结构、导航和元数据。此外,信息架构师必须知道如何为人和机器管理信息。他们必须知道信息在哪里被消费,以便创建一个有意义的信息模型。
信息架构师负责了解人们在现实世界中如何使用信息,然后将其应用到网站或应用程序中。他们创建的信息必须易于理解,而且对于试图抓取网站内容的搜索引擎来说也是机器可读的。一些关键任务是创建层次系统、页面布局、导航方案、信息模型、元数据方案和分类法。
虽然 信息架构设计植根于各个领域,但认知心理学是最重要的领域之一,因为这门学科定义了我们构建信息的方式。
认知心理学是对人类思维如何运作的研究,包括大脑中发生的心理活动以及影响人类感知的不同因素。信息架构师依靠认知心理学在他们的产品中组织信息。以下是对 信息架构设计最有价值的认知心理学的一些关键要素:
格式塔原则探索用户对彼此相关的对象的视觉感知,包括相似性、连续性、接近性、对称性和闭合性。所有这些都会影响设计师应该如何组织屏幕上的图形信息。信息架构师使用这些原则来决定如何在页面上呈现和组织信息。
(格式塔相似性原则可用于导航、标题和页面布局的其他元素。)
心智模型是人们在与产品交互之前脑海中的假设。当信息架构师将用户的心理模型考虑在内时,他们创建的信息架构可以更容易地发现信息——这意味着,信息位于用户期望找到它的地方。例如,当用户在查找联系信息时,他们首先要查找的是显示“联系我们”或“联系”的页面、链接或部分。
认知负荷是用户在与产品交互时必须投入的脑力。在信息架构设计的上下文中,认知负荷是用户在任何给定时刻可以处理的信息量。我们的短期记忆(也称为工作记忆)不能保留太多信息,因此当系统在给定时刻提供太多信息或太多选项时,很容易让用户不知所措。根据经验,选项或选择的范围不应超过 7 个。
信息架构师将时间花在构建内容上,以便用户轻松找到他们正在寻找的内容。产品的内容越多,信息架构在用户体验设计过程中的作用就越大。以下是用户体验架构师可能参与的一些常见活动:
(有效的信息架构会考虑用户以及他们的问题、行为和需求。)
出色的产品设计始于出色的用户研究,研究用户的需求和需求对于创建有效的信息架构设计至关重要。通过研究,信息架构师可以了解目标受众在搜索信息时的想法,这将帮助他们以满足用户需求的方式组织信息。
(卡片分类在信息架构设计中起着重要的作用,因为它是一种了解用户如何将信息分类为组的简单方法。)
通常,信息架构设计师将积极参与:
·用户访谈。信息架构师与其他团队成员一起提出与产品设计相关的问题。
·卡片分类和树测试会话。了解潜在用户如何将信息分组有助于信息架构师了解用户的心理模型。
·可用性测试。信息架构师还需要访问可用性测试的结果,以确定他们创建的结构是否适合他们的用户。
·上下文查询。信息架构师还可能会访问真实环境中的用户,以了解他们如何与产品进行交互。
信息架构师应该对产品提供的内容有很好的理解。内容清单、内容分组、内容审核可帮助信息架构师实现这一目标。
·内容清单向 IA 从业者显示他们拥有哪些内容以及它们所在的位置(通常是电子表格或列表)。
·内容分组标识信息之间的关系。
·内容审核让信息架构师深入了解内容的有用性、准确性和有效性(从业者根据这些指标对内容进行评分)。
(内容审核电子表格示例,列出网站或应用程序中的每个页面。)
分类学是根据相似性组织和分类项目的实践,此练习通常遵循用户研究和内容清单流程。信息架构可以使用类别、部分或元数据标签对项目进行分类。在此过程中,重要的是要记住产品的内容和功能会不断增长,因此它的组织方式必须易于扩展。
层次结构和导航是信息架构的两个重要组成部分。第一个定义了内容的结构,而第二个定义了用户将如何浏览它。
为了创建层次结构,信息架构师需要考虑用户期望看到的内容(基于用户研究)以及企业希望如何显示信息(基于项目要求)。在这一步,从业者思考用户与产品交互的典型场景,并使用这些信息来设计信息架构图。通常,这些图表采用站点地图格式,说明整个网站的内容层次结构。
(站点地图是一种信息架构图,有助于直观地表示不同页面和内容如何相互关联。)
信息架构师还可以创建简单的低保真原型来展示信息和导航的层次结构。根据在研究阶段收集的信息,架构师勾勒出想法,以展示产品将具有哪些屏幕、这些屏幕上将包含哪些内容以及如何安排它。
通常,信息架构师创建的可点击线框仅用于实用目的,图形元素数量有限。后来,视觉设计师在创建实际布局时使用这些可点击的线框作为参考。
IA、UX 和 UI 密切相关,都属于产品设计概念的范畴,但它们并不完全相同。
用户体验设计(UX)是用户与产品交互时的感受。因此,用户体验设计的目标是使产品实用、有用、有吸引力等等——换句话说,通过使用它来创造积极的体验。
用户界面设计(UI)是用户体验设计(UX)的重要组成部分,因为它处理产品的视觉方面及其背后的交互性。因此,UI 设计直接影响 UX,因为吸引人的图形和简单、直观的交互是流畅用户体验的组成部分。
信息架构设计(IA)是指组织和标记内容以使产品可用和易于理解,同时增强用户体验。因此,在某种程度上,IA 设计是 UX 的基础。
如果没有坚实的信息架构基础,几乎不可能创造出良好的用户体验。这就是为什么每个优秀的用户体验设计师也应该是一个称职的信息架构师。
笔和纸经常没有得到充分利用,但是它们非常便宜、使用简单且有效。
Realtime Board是交互设计师们的日常必备工具。可以使用它来创建图表、敏捷板、客户旅程、角色、移情蓝图、思维导图、组织结构图等。
Lucid chart是一个流程图制作器和在线图表软件。他们提供不同种类的图表和图表,并支持创建思维导图和线框图。
Xmind是一款思维导图网络软件,是唯一一款不提供订阅,而是一次性购买的软件,在订阅时可能是一个不错的选择。该软件提供思维导图、商业图表和头脑风暴支持。购买后,还可以获得免费模板、剪贴画、有用的演示模式等。
除了笔和纸,如果需要让很多人参与并协作创建有用的图表, Coggle 的协作思维导图网络应用程序绝对是一个不错的选择。
通过在信息架构设计上投入时间,我们可以为高效的用户体验奠定基础。毕竟,内容是每个应用程序或网站的核心。组织良好且结构良好的内容可帮助用户与产品进行交互,从而带来出色的体验。