一个月前,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形式歌曲和音乐文章的集合。从歌曲载体形式进一步细化,大多数沉淀用户找的是音频形式的歌曲。故此本文针对音频形式的歌曲推荐流进行信息结构分析。
2. 筛选、归类信息
现在我们使用app时,所看到的信息是已经优化过的。从信息的最小单位——信息元来看,结合本文的分析主体,一个歌曲即为一个信息元,可视化载体为“播放页”。信息元的集合构成详情,详情的集合构成列表,列表的部分内容构成组件。
图4-集合构成按照以上的归类纬度,把它们想象成4个篮子:信息元篮,详情篮,列表篮,组件篮。此外,在归纳整理时,还要明确哪些内容会包含推荐属性。什么是推荐?推荐内容即为平台通过运营行为优化展示的信息内容,所以“搜索”和“榜单”,都是存在推荐属性的。
综合以上角度,归纳整理出下图:
图5-qq音乐推荐信息篮3. 信息结构优化
如果一个网站只具备简单的检索功能,那么所有内容只需要归纳整理,并被命名加到目录里即可。但现实情况下,为了产品目标,为了用户查找更加便捷等,有些信息被提高了展示的优先级,并以形式多样的推荐组件为载体,放到第一级页面。图5中,笔者标注出信息集合所属的页面层级,有哪些被提高了层级并缩短了路径。
按照页面层级(floor1,floor2,floor3,floor4)纬度,整理了用户可视化的信息架构(图6):
图6-qq音乐推荐信息架构图由上图可见,qq音乐在一级页面通过自由组件布局更多的详情入口,以缩短用户路径,即筛选→听歌,2步触达至任务目标。而导航和搜索引导下的信息流则更具线性结构,其中“个性电台”更是一键触达播放界面。
以上我的内容就结束啦,欢迎小伙伴们与我交流~wechat:dorothycrazy
网友评论