写点什么

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

评论

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

用DeBug的方式,带你掌握HBase文件在Snapshot的各种变化

华为云开发者联盟

HBase 元数据 数据迁移 数据备份 Snapshot

软件测试分类体系,系统学习

程序员阿沐

软件测试 测试工程师 黑盒测试 白盒测试 测试类型

Java开发8年,40W年薪被别人叫垃圾?请你们不要口嗨了,好好去刷题吧!

Java架构追梦

Java 架构 面试 金三银四 年薪40W

已拿到8个Offer!阿里巴巴Java面试参考指南(泰山版)

钟奕礼

Java 编程 程序员 架构 面试

Github连夜下架!阿里新产Java全栈面试突击小册太香了

Java架构之路

Java 程序员 架构 面试 编程语言

如何抓住新社交风口下的音视频通讯大潮?

融云 RongCloud

区块链版「滴滴+Uber」,让出行带来收益

CECBC

移动互联网

单片机异常复位后如何保存变量数据

不脱发的程序猿

嵌入式 单片机 4月日更 硬件研发 单片机异常复位

融云推出超值套餐包,音视频20万分钟免费享

融云 RongCloud

盘点几代会声会影图标

奈奈的杂社

Java程序员都要懂得知识点:原始数据类型

华为云开发者联盟

Java 字符串 StringBuffer 原始数据类型 布尔类型

阿凡提EGGNETWORK恒价通证+加密社交催生新玩法 EFTalk

币圈那点事

嘉楠科技发布勘智K210-MicroPython 无需寄存器手册就能上手开发

构建用户安全评级,UGC智能化审核应用实践

爱奇艺技术产品团队

人工智能

数字货币,已成为理解现代经济不可排斥的一个因素

CECBC

数字经济

二次元界福音:MakeGirlsMoe创建动漫人物

不脱发的程序猿

GitHub 开源 4月日更 二次元 MakeGirlsMoe

货运物流移动端解决方案:为货运物流行业打造高性能、高粘性的“双端”触点

蚂蚁集团移动开发平台 mPaaS

移动开发 mPaaS 移动端 智慧物流

HBase底层读写过程

五分钟学大数据

HBase 4月日更

Github上堪称最全的面试题库(Java岗)到底有多香

钟奕礼

Java 编程 程序员 架构 面试

flink流计算可视化web平台

无情

sql 流计算 flin

融云X-Meetup南京站 探讨实时通信架构的高质量设计

融云 RongCloud

荷小鱼 x mPaaS | 借助 H5 容器改善 App 白屏、浏览器兼容等问题

蚂蚁集团移动开发平台 mPaaS

html5 mPaaS 离线包 教育科技

一体化智能安全防御 京东云星盾安全加速正式发布

京东科技开发者

互联网 网络安全

为什么拥有云原生数据平台对电信公司很重要?

VoltDB

云原生 5G VoltDB 电信

如何美化 GitHub 个人主页?

彭宏豪95

GitHub 写作 markdown IT 4月日更

将AI部署到现实?或许你该读读这本书!

澳鹏Appen

人工智能 大数据 AI 伦理

Android AAC音频硬编解码你知道多少?

Engineer-Jsp

公安重点人员管控系统搭建,智慧派出所系统

阿里云 RTC QoS 弱网对抗之变分辨率编码

阿里云CloudImagine

阿里云 WebRTC 分辨率 视频编解码 视频云

入职字节跳动那一天,我哭了(蘑菇街被裁,奋战7个月拿下offer)

Java 编程 程序员 架构 面试

激光雷达(LiDAR)技术

澳鹏Appen

人工智能 大数据 智能驾驶 激光雷达 点云标注

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