构架什么意思(你对信息架构图了解多少?)

Posted

篇首语:只要还有什么东西不知道,就永远应当学习。本文由小常识网(cha138.com)小编为大家整理,主要介绍了构架什么意思(你对信息架构图了解多少?)相关的知识,希望对你有一定的参考价值。

构架什么意思(你对信息架构图了解多少?)

产品经理和交互设计师的日常工作中经常接触到信息架构图,本文从产品设计的层面,梳理介绍信息架构图的定义、发挥的作用与价值、与产品功能结构图和产品结构图之间的区别,以及绘制信息架构图需要注意的事项。

一、什么是信息架构图?

信息架构的核心是探讨用户对信息的认知过程,对于产品设计而言,信息架构关注的是“呈现给用户合理且有价值的信息”。

清晰明确的信息架构图,能够在界面层面清楚的表达产品的功能模块和整体的逻辑路径,有利于产品设计者从宏观角度审视:不同业务模块如何落实到界面结构,以及不同功能模块之间的关联性。

二、信息架构图、产品功能结构图、产品结构图三者的区别与联系

这里大家需要搞清楚”信息架构图”与“产品功能结构图”、“产品结构图”之间的区别与联系:参见下图示意。

我们可以根据《用户体验要素》中对产品设计整个过程的分层,理解三者之间的关联性。

产品功能结构图的重点是梳理产品的功能逻辑与功能模块。

这个阶段各功能模块及其子功能之间,可能没有体现必然的关联性,这部分有待处理的任务就会交给信息架构图完成,产品经理在构思需求时经常需要绘制功能结构图。

信息架构图的重点是梳理具体页面及页面的字段信息。

具体到界面时,页面之间的关联需要清晰的呈现出来,这个阶段也是为绘制原型、信息排版布局打基础。交互设计师在一些项目中输出交互稿之前,需要提前绘制信息架构图。

产品结构图囊括了产品的功能与信息,同时也可以在图中示意功能之间的逻辑跳转关系。

可以简单用一个公式表达:产品结构图=产品功能结构图+产品信息架构图。

三、信息架构图的作用与价值

1. 产品设计人员为什么使用信息架构图

  • 竞品分析时需要通过绘制信息架构图快速了解竞品的功能模块和界面设计结构。
  • 从0到1打造一款产品时,明确的信息架构脉络是必要的前提条件。
  • 接手某款产品的日常迭代工作时,首先应该清楚所做的业务和功能点在产品架构中的位置及重要程度。

2. 信息架构图在产品设计中的价值

《用户体验要素》这本书中将产品设计的过程进行了分层,在不同层面有不同职能人员关注不同的产品架构,参见下图:

战略层解决的是两个最基本问题,以及他们之间的权衡关系:“产品目标是什么?用户需求是什么?”

因此,战略层关注产品最核心的“业务架构”。

范围层是将在战略层确定的产品目标和用户需求,转变成产品应该提供给用户怎样的内容和功能。所以,范围层关注产品的“内容与功能架构”。

而结构层是在需求和功能都明确的情况下,将这些分散的内容与功能进行有效组织,最终形成一个合理且有价值的整体,这种形式反映在界面上的可视化表达便是“信息架构图”。

四、绘制信息架构图需要注意的事项

1. 按照总分结构确定关键的一级节点

参见下图,比如我们要绘制一款移动App的信息架构图,那么主体自然是这款应用,其中关键的一级节点是指这款应用最主要的信息模块,关键节点是围绕主体中心点拓展开的。

通常一级节点的个数不会太多,例如目前移动App的各个功能是围绕底部导航tab的数量展开的,我们在绘制时可以将底部tab作为一级节点,其余功能及内容囊括在这几个一级节点中。

2. 先绘制单个一级节点模块的信息架构图,之后再逐个完善

将上图中一级节点“功能模块1”的内容绘制之后,再继续绘制其余的信息模块。

由于页面中某个主功能可能包含多个子功能,顺延至某个子功能也有可能包含多个子子功能,以此类推可能延伸的节点较多。因此我们此处需要注意:

  • 依据我们的需求确定绘制的层级。比如下图中信息模块1绘制到了第4级节点。
  • 一般绘制层级达到5级左右,基本涵盖了产品信息架构的主体界面。

3. 若某个页面在不同的一级节点内出现,建议明确标识

某个页面或功能经常在一个应用内由不同的路径触达,比如电商应用中“商品详情页”就是许多不同路径入口触达的最终落地页面。因此在绘制信息架构图时特别注意以下两点:

  • 该功能只需在某个信息模块内展开即可,当其他信息模块也用到时,只填写名称无需再次展开。
  • 不同的一级节点信息模块内,使用到相同的页面时,建议明确标识,以便快速辨识。

总结

交互设计师在项目推进过程中扮演着承上启下的作用,既要理解和分析上游的业务逻辑与功能点,同时也要在界面的信息呈现上结合用户使用体验,向下游输出清晰明确的信息架构图,更需要兼顾界面的可扩展性。

作者:Viksea,微信公众号:Viksea的设计思考(ID:viksea-ux)

本文由 @Viksea 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

相关参考

标签条码(你对条码二维码的区别了解有多少)

在日常生活中,我们经常可以看到一维码,一维码就是商品上的条形码。那你知道条形码和二维码的本质区别是什么吗?接下来就给大家详细的介绍一下,区别如下:1.两者码制方式不一样,不管是一维码还是二维码,都有各自...

条形码和二维码的区别(你对条码二维码的区别了解有多少)

大家都知道条码生成软件支持100多种条形码、二维码类型。但是有的时候分不清什么是条形码,什么是二维码,接下来就给大家介绍下条形码和二维码的区别:一维条形码:一维条形码只是在一个方向(一般是水平方向)表达信...

消化系统类医药原料(你对食物中的营养素了解多少?)

撰稿专家:王立娅,苏北人民医院,临床营养科,住院医师众所周知,营养不良会影响机体健康甚至引起疾病。不同年龄段、不同疾病状态的人群对营养素的数量和质量要求不一样,合理营养对于维持机体生理功能,生长发育,...

消化系统类医药原料(你对食物中的营养素了解多少?)

撰稿专家:王立娅,苏北人民医院,临床营养科,住院医师众所周知,营养不良会影响机体健康甚至引起疾病。不同年龄段、不同疾病状态的人群对营养素的数量和质量要求不一样,合理营养对于维持机体生理功能,生长发育,...

摆闸和控制主板接线图(电工基础:常用智能化系统架构,5种常见弱电系统基础知识解析)

...能管理系统两大部分,其中综合管理系统由:公共安全、信息系统、社区服务等组成,智能家居由:家居安防、信息服务、家

常见分布(一图看明白全球语言基本构架│人数、分布、影响力一目了然)

当今世界上至少有7102种已知语言,其中23种语言是5000多万人的母语,有41亿人将这23种语言的一种作为国家语言使用。下图是全球语言使用人数、区域分布、影响力的解析图,主图中黑色边线内代表每种语言的使用人数,及不同...

手机肉鸡是什么意思(两分钟带你了解什么是手机CPU架构)

我们平时在看厂商对手机处理器宣传的时候,都会有CPU架构的参数例如:Kryo585架构、Kryo680架构、Armv9、Cortex-A9等,那这些到底是什么?01图片来源网络,侵权联系删先来解释一波什么是架构,架构其实是一个很难用精确的语言来...

架构师证书怎么考

1、掌握计算机硬软件与网络的基础知识;熟悉信息系统开发过程;理解信息系统开发标准、常用信息技术标准;熟悉主流的中间件和应用服务器平台;掌握软件系统建模、系统架构设计基本技术。2、熟练掌握信息安全技术、安...

架构师证书怎么考

1、掌握计算机硬软件与网络的基础知识;熟悉信息系统开发过程;理解信息系统开发标准、常用信息技术标准;熟悉主流的中间件和应用服务器平台;掌握软件系统建模、系统架构设计基本技术。2、熟练掌握信息安全技术、安...

弱溶剂墨水有毒吗(你对uv墨水性能了解多少?)

你对uv墨水性能了解多少?UV打印机,顾名思义即是采用UV光固化墨水大幅面打印的打印机。打印机的种种优势加上UV光固化墨水的优质完美兼容性,使它成为今天喷印人士的热捧打印设备。UV固化墨水相比于传统的水性墨水或者...