信息架构分析表——十个步骤打造产品骨架

信息架构等于是产品的骨架,需要资深的经验沉淀才能分析准确。为了让产品设计过程更加快速和制定一些规范,我制作了一份《信息架构分析表》,可以由交互设计师牵头,团队共同协作完成。《分析表》本身也不是完美的,在运用过程中会不断迭代优化。

产品设计初期,需要对产品结构做全面的梳理,这个行为称为信息架构。信息架构不仅仅是对内容的梳理,需要从用户行为、内容结构、数据关系等多个角度进行分析,最终交付一份信息架构分析表。

我将信息架构设计方法分为10个步骤:

头脑风暴

用户和行为

系统行为

子系统和客户端

界面分布

数据关系

数据模型

关键元素

术语表

接口定义

最终交付的信息架构分表,可以从全局引导交互设计、界面设计、数据库设计、后端开发、前端开发的推进。就像骨骼之于肌肉和器官的关系。

信息架构分析表并不是一次性写成的,每个步骤都需要反复和相关的人员沟通,从大纲到细节不断完善。下面将简要描述每个步骤的设计分析方法。

一、头脑风暴

用思维导图的方式,记录需求方对于产品的需求和思路。没有固定的格式遵循,不必考虑对错。记录后再经过两三次的重新梳理,力求让自己充分理解产品定位和核心需求,以及未来的发展方向。重新梳理的思维导图,将进行深度分解,应用到之后的9个步骤中。

二、用户和行为

对用户进行分类,并且罗列用户的主要行为,适当描述行为的流程。

用户的分类方法设定两个层级,第一级为用户分组,我们称之为“阵营”。例如:产品运营方阵营,做的是对内容、业务的管理维护;消费者阵营,做的是查询、下单、社交、分享;供应商阵营,做的是订单管理、商品维护、售后服务等。多个阵营最终组成产品的生态体系。

每个阵营有不同的权限需求,衍生出对应的角色。例如:管理员、客服、普通会员、VIP会员、供应商、配送员等。

详细列出每个角色在使用产品时的操作行为,例如:购买商品、充值/提现、创建新商品、分享照片、领取任务、邀请注册。其中一定有某些行为,与团队经历和市场常见的需求不同,需要指出其中的特殊流程。

通过对特殊流程的描述,将有助于指导业务逻辑和数据库的设计。

三、系统行为

除了人为操作的行为之外,有一些行为属于系统自动执行。例如:自动统计订单、自动结算账单、自动发送信息等。这类行为往往需要服务器端运行定时策略,执行后会产生或改变数据。相比由用户操作的被动执行程序,也被称为主动执行的程序。

四、子系统和客户端

分析了用户分类和各种行为之后,便可以规划系统划分为几个子系统和依托几个客户端。

例如:运营方使用的运营管理系统,是一个PCWeb端子系统;消费者购物用的子系统包含4个客户端,PCWeb端、iOS端、Android端、微信H5端;本文撰写工具有道笔记,有Windows客户端、Mac客户端。

罗列所有子系统和客户端,并对每个客户端做阶段性开发的排序,产品生命周期往往是先抓住种子用户,针对这个人群退出合适客户端。

五、界面分布

每个子系统和客户端拥有多少个界面,每个界面如何命名(中文和英文)。

首先需要划分子系统和客户端,再划分内容模块,最后罗列每个界面的名称。例如:运营管理系统/PCWeb端/商品管理/商品列表。

我将界面区分了三种类别:page / tab / dialog,区分它们的显示状态和层级关系。

界面的命名规范,每个团队有自己的习惯,我的习惯是“内容+形式”,例如:goodsList / articleDetail / orderForm / cartGoodsList,仅供参考。

在信息架构分析表中,我加入少量项目管理的元素。界面分布表中,我加入UIMock、静态样式和接口集成的开发进度,描述界面设计和前端开发是否完成。

六、数据关系

该步骤分析数据和数据之间的关联,将指导设计数据库结构。有特殊需求的地方,可以注明字段类型、长度、枚举等细节。

一个订单表,关系着多个表:商品明细表、用户表、商品表、收货地址表、地区表、优惠券表,我们需要描述它们之间的关联字段是什么。尤其是复杂业务或团队缺乏经验的领域,前期更要规划好表之间的关联关系,尽量考虑未来可能的变化和发展。

七、数据模型

这份数据模型所描述的是核心内容展示给用户看的信息,用表格型结构的方式呈现,不必描述所有数据表。

当核心的数据关系梳理清楚,我们需要提供一份数据模型,分别给需求方、交互设计和开发人员进行沟通。需求方需要明确回复,展示给用户看的数据是否足够;交互设计需要根据模型设计原型图上展现的信息;开发人员需要围绕数据模型考虑扩展、冗余、条件判断等需求,设计更详细的数据库结构。

八、关键元素

系统中可能需要设计一些与众不同的效果和功能,被称为关键元素,必要时绘制出的wireframe。关键元素往往是产品的卖点,前期沟通的时候一定会深入讨论;也往往是一个对设计和开发略有挑战的需求,也必须前期思考实现方式。

关键元素举例:

用个十百千万的格式输入金额(像会计帐本上的填写方式),与常规的输入方式不同;

搜索结果排序规则,需要给每个内容设计一个“权重”字段,至于权重值如何产生,后续再设计具体算法;

九、术语表

系统中一定有一些专业术语,需要将术语的中文、英文和说明描述清晰。

十、接口定义

这个部分很重要,对于指导开发、评估工作量、进度跟踪,有很大帮助。前面的界面分布,是针对设计和前端开发人员的。这个部分则是针对后端开发人员。

首先自己罗列一些主要的接口,再与后端开发人员沟通,定义出每一个内容和行为所要调用的后端接口。

经过这十个步骤的设计和分析,最终的信息架构分析表,将是整个产品的骨架。这也是高级产品经理的必修武功。分析信息架构的过程,也是一个贯穿需求、体验、设计、开发、数据和管理的过程。

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