化繁为简——网易云音乐WP1.0设计思考.pdf

化繁为简 —— 网易云音乐 WP1.0 设计思考 项目背景 Windows Phone 一直是各家公司缺少投入的平台， WP 用户不得不经常面对一个成熟的 APP 到 了WP 上就变得各种功能缺失、体验支离破碎，他们渴望应用软件在体验 上能和其它平台一样受到 同等重视，音乐 APP 也不例外。作为一款有诚意的音乐产品，打造名副其实 云“”的概念，网易云音 乐当然不会忽视 WP 用户的呼声，历 经重重困难于近期重磅推出 功能无阉割“ ”的WP 客户端，还 WP 用户一个完整的音乐体验。 崭新的平台，改变的契机 与众不同的 WP 风格设计，决定了云音乐 WP 版在现有平台上找不到任何可以直接移植的设计。不过 ，也正因为从零开始，设计师得以放下 破坏用户已有习惯“ ”的思想包袱，重新审视这些年产品的痛 ，在WP 上做一次大胆的改变。 化繁为简 ,从不是件简单事。如何既保证功能体验完整，又体现 WP 平台自身极简、轻量的特点，成 了贯穿我们设计始终的思考。 一．更加简洁、高效的导航 为支撑起云音乐丰富的内容，现有手机端均出现了原本 PC/Web 上才会出现的双层甚至多层嵌套的 导航结构，以使信息更外显。而 WP 极度扁平的导航结 构显然无法消化云音乐日益扩充的内容。如 果将目前层级结构直接移植到 WP ，则 发现音乐“ ”下的 4 个二级导航要变为入口。这种设计用户第一 眼看不到任何有效 信息，推荐等核心内容的层级变深了，也不利于产品运营。 但若不考虑云音乐自身内容的复杂性与可扩展性，为了扁平而扁平，将所有内容平铺，表面上信息 是外显了，实际上获取信息的效率反而降低：过多的横滑选项让人迷失，越靠后的内容越难以到达 。 因此内容显示的优先级还是要有所取舍。扁平化的最终目的是让用户更快到达所需，任何风格规范 只是辅助达到目的的方法。为此，我们打破现有结构，重新梳理了不同用户类型及其使用情境，最 终将一级导航精减到 4个： 这样，不同用户都可以快速切入主题，运营内容和社交元素都得到了恰当的展现，入口设计减少 加载，保证首页全景图横向浏览过程中的流畅体验。 二．减少迷失感 全景图式导航（ Panorama ）在体验上最大的一个弊端是，你无法在当前屏看到全部导航，无法快 速切换导航，只能通过依次横滑去到达。如何减少这种周而复始地横向浏览所带来的迷失感，让用 户更快找到自己需要的东西？ 除了精减导航个数之外，我们也重新规划了导航优先级，以便更重要的内容更容易在第一时间被 发现：将 我的音乐“ ”作为默认进入页，因为这是每个用户的 家“”。然后从 家“”出发去探索，根据内容 优先级，依次经过推荐、发现和朋友动态。在设计上讲究横向浏览过程中页面布局的变化，用户可 通过视觉辅助确认自 己当前所在模块。 另外，旋律识别、有哪些信誉好的足球投注网站、设置等功能则被定义为 常用工具“ ”，常驻在底部应用栏（ App Bar) 。这样， 用户处在首页任何地方都能一键调用，无需记忆和寻找。 三 .利用平台特性，让信息更扁平 歌单是云音乐的内容核心。产品功能迭代至今，歌单界面已经变得臃肿不堪，但仍就有很多信息难 以被发现。巴掌大的手机界面，如何尽可能让信息外显，同时界面又不失优雅？ WP 平台的一些全 新特性让我们看到了机会。 UI扁平化后，可点击区域变得不可预期。在 WP 歌单页，我们将信息与操作分离得更彻底，除了与歌 曲列表关系紧密的播放、下载，其它所有针对歌单的操 作都放置在应用栏（ App Bar) ，不再让用户 满屏地探索，使交互更加可预期。同时，利用 WP 轴心图（ Pivot ），将歌单的列表、介绍和评论并 列呈现，无需跳转，横滑即可到达， 使信息更外显。这样，歌单层次变得清晰，所有信息一目了然 ，所有功能一触即达。 四 :扁平 ≠平庸 UI扁平化削弱了不同应用之间的辨识度，在