QCon 演讲火热征集中,快来分享技术实践与洞见! 了解详情
写点什么

Apple Music:一次全面的 UI/UX 案例学习(三)

  • 2019-12-31
  • 本文字数:979 字

    阅读完需:约 3 分钟

Apple Music:一次全面的 UI/UX 案例学习(三)

为你推荐


现在的界面


我认为这个是整个产品最核心的界面,也是目前为止 Apple Music 错过的最大的产品优化的机会。

分析 1:

推荐 Tab 下面的顶部三个大卡片”我喜欢的(Favorite)“”放松一下(Chill)“ ”发现(Discover)“ 是固定的,很难命中我当时的听歌心情,并且这些卡片不断地推荐同类型的音乐,还有那些我十年前听过的音乐。虽然它想把那些我喜欢的音乐打包好给我,但时机真的不对。

解决方案:

露出音乐类型标签,右上角可以选择我现在的心情。如果这个页面是为我而呈现的,那应该把主动权交给我啊!让我可以自己选择呈现的内容。这个页面需要变化,我想把它变成我的专属空间,定制它,在特定的时间选择我喜欢的音乐流派,并且可以随时调整我的音乐口味。

分析 2:

Connect Tab(译者注:这里指的是看艺人动态的页面),我几乎从来不看这个页面。但我觉得这个页面应该更有调性一点,突出内容。

解决方案:

移除这个页面,在另外一个地方给足够的展示空间给它

分析 3:

最近播放没有必要有,推荐的歌单和专辑感觉有点随机了,“听得最多”还可以再拓展一下。

解决方案:

干掉“最近播放”,将建议的歌单和专辑按类型分好,拓展“听得最多”,提供更多维度的信息给专辑,流派,以及加时间的维度,比如按周,按月,按年排序。

分析 4:

随着年纪增长,我很怀念前互联网时代人与音乐的那种关系。20 年前,听音乐对我来说是一件很严肃的事情。买实体 cd 听上好几个月是一个很特别的回忆。我真的很怀念那个时候的耐心。而现在,我几乎不记得上个星期听了什么了。

解决方案:

设计一个新概念叫“按喜欢程度(by hearts)”,一个有点傻但很关注你听得最多的艺人,并帮助你发现更多艺人的信息。这个功能会记录你听得最多的音乐并给你数据可视化的一些反馈。这是个无用但有情怀的功能。



改之前 vs 改之后

更多界面


浏览页



现在的浏览页


分析 1:


我用“浏览”很少。大多数时候它充满着很多我不会点的卡片。但我尽量保持开放的心态去看待这个页面,我理解它的作用是带你发现一些你新鲜的,超乎你预期的内容。所以这个页面的改版核心不是改变内容,而是给内容多一些“透气感”


解决方案:


名字改成“Discover(发现)”,这样看起来会让人更有探索的欲望。卡片增高,元素之间增加间距,更清晰的导航,降低内容密度。



改之前 vs 改之后


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/oEymGzZuHoVAjXa9hTvZUw


2019-12-31 14:46932

评论

发布
暂无评论
发现更多内容

简述 CAP 原理

不在调上

没内鬼,来点干货!SQL优化和诊断

Kerwin

MySQL

Hello!GitHub 好用好玩值得收藏的开源项目集合~

Kerwin

开源

设计模式总篇:从为什么需要原则到实际落地(附知识图谱)

Kerwin

Java 设计模式

Java8——方法引用

Java旅途

java8 方法引用

因为 Django ORM update,我今天差点「从删库到跑路」

AlwaysBeta

数据库 django 编程 程序员

Elasticsearch从入门到放弃:再聊搜索

Jackey

elasticsearch

当我们在谈架构时,我们谈的是什么?

冯文辉

架构 企业架构 系统架构

开发框架文档体系化的思考

vivo互联网技术

框架开发

秒懂云通信:通信圈黑话大盘点

阿里云Edge Plus

云通信 通信云

nginx在重定向时端口出错的问题

烫烫烫个喵啊

nginx

关于如何判断一个list是否为空的思考

Leetao

Python Python基础知识 列表

一张PDF了解JDK10 GC调优秘籍-附PDF下载

程序那些事

Java jdk JVM GC JDK10

5万字、97 张图总结操作系统核心知识点

苹果看辽宁体育

操作系统 计算机

redis系列之——一致性hash算法

诸葛小猿

redis 一致性hash redis集群

【计算机网络】你需要知道的链路层知识

烫烫烫个喵啊

计算机网络 链路层 交换机

week6 总结

不在调上

程序员的时间管理

Kerwin

程序员

日记一则

progyoung

Docker网络学习第二篇-认识iptables

Lazy

Docker Linux 网络

前端杂记-&&和||

阡陌r

JavaScript && ||

6 个珍藏已久 IDEA 小技巧,这一波全部分享给你!

楼下小黑哥

Java IDEA

Docker网络学习第一篇:Linux虚拟网络

Lazy

Docker Linux 网络

SpringBoot代码生成器

Kerwin

Java 开源

Mybatis执行流程浅析(附深度文章推荐&面试题集锦)

Kerwin

Java mybatis

没内鬼,来点干货!volatile和synchronized

Kerwin

Java volatile synchronized

纯CSS实现自定义单选框和复选框

爱嘤嘤嘤斯坦

CSS Java 编程语言 标签

30岁+程序员职场攻略:找到自己的“职业锚”乘风破浪

华为云开发者联盟

程序员 AI 开发者 职场

架构师训练营 - 第六周 - 作业

韩挺

ARTS - Week 5

Khirye

ARTS 打卡计划

疫情年逆风翻盘

Kerwin

程序员

Apple Music:一次全面的 UI/UX 案例学习(三)_语言 & 开发_Think体验设计_InfoQ精选文章