写点什么

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:461225

评论

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

App加固:不同类型和费用对比

替代关系型数据库 MAX 聚合函数的思路

alexgaoyh

MySQL 替代 聚合函数 最新数据 自关联

苹果电脑应用程序无法打开提示不明开发者或文件损坏的处理方法

Rose

如何自定义Safari的起始页

Rose

NFTScan | 01.08~01.14 NFT 市场热点汇总

NFT Research

NFT NFT\ NFTScan

微店获得微店商品详情 API(micro.item_get)在电商中的发展

技术冰糖葫芦

API

苹果电脑重装系统教程

Rose

FCPX 插件无法使用?|Final Cut Pro X 插件不能使用出现叹号的解决办法

Rose

“无法打开应用,因为Apple无法检查其是否包含恶意软件“解决方法

Rose

Parallels Desktop 17 安装Windows 11 教程 附激活工具

Rose

2024年的第一场 MatrixOne Meetup 来啦!

MatrixOrigin

数据库 分布式 云原生 MatrixOrigin MatrixOne

eBPF运行时安全

统信软件

安全 ebpf 运行时

Sketch Measure for Mac中文破解版 sketch标注插件下载

南屿

Sketch Measure mac中文版 sketch标注插件

复杂经济时期下的企业财务规划战略

智达方通

全面预算 情景规划 企业财务规划 财务规划

数据采集在制造业中的应用场景

万界星空科技

数据采集 MES系统 设备管理 万界星空科技 生产管理

PS磨皮滤镜降噪插件Imagenomic Professional 支持ps2024 兼容M1

南屿

磨皮插件 ps滤镜下载 Imagenomic Imagenomic Professional

ps一键磨皮插件Delicious Retouch 5怎么安装 支持M芯片

南屿

磨皮插件 Photoshop 插件

ScaleUp插件使用方法 附ScaleUp for Mac破解版资源

南屿

高级视频增强工具 ScaleUp插件下载 ScaleUp mac破解版 AE/PR插件

运行Adobe应用提示非正版This non-genuine Adobe app has been disabled soon如何解决

Rose

adobe

​万界星空科技MES系统如何进行产品的质量管理

万界星空科技

质量管理 MES系统 制造业 mes 制造业生产管理系统

堡垒机和数据库防水坝的区别一二

行云管家

数据库 网络安全 堡垒机 数据库防水坝

云联接:揭开SD-WAN神秘面纱,颠覆你对网络的认知!

博文视点Broadview

LED透明显示屏前景发展怎么样?

Dylan

LED显示屏 全彩LED显示屏 led显示屏厂家 市场 #研发

【年后跳槽必看篇-非广告】老生常态之Spring AOP/IOC 实现原理

派大星

Java 面试 跳槽

喜讯!矩阵起源子公司通过“国家高新技术企业”认定,引领数据库行业科技创新!

MatrixOrigin

数据库 分布式 云原生 MatrixOrigin MatrixOne

云厂商是什么意思?2024年知名云厂商有哪些?

行云管家

云计算 云服务 行云管家 云厂商

AE蓝宝石插件BorisFX Sapphire 2024 for Mac破解版 及新功能介绍

南屿

精彩推荐 |【Java技术专题】「重塑技术功底」攻破Java技术盲点之剖析动态代理的实现原理和开发指南(中)

码界西柚

Java 后端开发 JDK 动态代理 CGLIB 动态代理 2024年第十一篇文章

QCN9024: The future of wireless communications, five major advantages over competitors

wallysSK

如何利用 APM 追踪完整的类函数调用

心有千千结

APM Datadog OpenTelemetry 系统可观测性 DDTrace

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