信息架构（IA)实战——QQ音乐推荐歌曲信息流

2019-06-12 本文已影响12人茜茜爱吃饭

一个月前，qq音乐大版本v9.0上线。在可视化、交互和信息结构上进行了大改版（图1），笔者带大家来分析下qq音乐的信息架构。

图1-qq音乐历史版本记录

我们先来复习一下IA的概念和作用：

信息架构（IA/information architecture)：致力于以有效和可持续的方式组织、构建和标记内容。目标是帮助用户查找信息并完成任务，帮助公司实现产品目标。

手机环境：iphone xs max / iOS12.4

应用版本：v9.1

1. 确定分析主体

从v9.0版本中可见一斑，qq音乐绝大部份用户为沉淀用户，主体功能为“听歌、找歌”。其中不论是“听歌”还是“找歌”，都存在推荐流，那么qq音乐最新版本是如何做推荐流的信息架构呢？

除了“我的”，让我们来看一下qq音乐调整后的前2个主界面——“音乐馆”，“发现”：

图2-qq音乐“音乐馆”

图3-qq音乐“发现”

通过对图2和图3的观察可以发现：“音乐馆”是针对音频形式歌曲的集合，“发现”针对mv形式歌曲和音乐文章的集合。从歌曲载体形式进一步细化，大多数沉淀用户找的是音频形式的歌曲。故此本文针对音频形式的歌曲推荐流进行信息结构分析。

现在我们使用app时，所看到的信息是已经优化过的。从信息的最小单位——信息元来看，结合本文的分析主体，一个歌曲即为一个信息元，可视化载体为“播放页”。信息元的集合构成详情，详情的集合构成列表，列表的部分内容构成组件。

图4-集合构成

按照以上的归类纬度，把它们想象成4个篮子：信息元篮，详情篮，列表篮，组件篮。此外，在归纳整理时，还要明确哪些内容会包含推荐属性。什么是推荐？推荐内容即为平台通过运营行为优化展示的信息内容，所以“搜索”和“榜单”，都是存在推荐属性的。

综合以上角度，归纳整理出下图：

图5-qq音乐推荐信息篮

如果一个网站只具备简单的检索功能，那么所有内容只需要归纳整理，并被命名加到目录里即可。但现实情况下，为了产品目标，为了用户查找更加便捷等，有些信息被提高了展示的优先级，并以形式多样的推荐组件为载体，放到第一级页面。图5中，笔者标注出信息集合所属的页面层级，有哪些被提高了层级并缩短了路径。

按照页面层级（floor1，floor2，floor3，floor4）纬度，整理了用户可视化的信息架构（图6）：

图6-qq音乐推荐信息架构图

由上图可见，qq音乐在一级页面通过自由组件布局更多的详情入口，以缩短用户路径，即筛选→听歌，2步触达至任务目标。而导航和搜索引导下的信息流则更具线性结构，其中“个性电台”更是一键触达播放界面。

以上我的内容就结束啦，欢迎小伙伴们与我交流～wechat：dorothycrazy