写点什么

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

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

    阅读完需:约 2 分钟

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

曲库


目前的曲库界面

分析 1:

可以看到,顶部的播放条有太多信息塞在一个小小的空间里,尽管还不至于有使用困难,但东西确实是太多了

解决方案:

要在音乐播放器和信息导航之间要有一个明显的区分,保持导航在顶部,把播放器放到底部。这样导航和播放器都能变得更清晰,同时这个做法也应用在其他的界面。

分析 2:

左边灰色的列表看起来很过时,我觉得这些灰色的图标只会是视觉噪音而不是有用的信息。同时这个也不利于区分专辑/艺人/最近列表等,所以建议这里可以变得轻量点。

解决方案:

干掉灰色的色块,干掉图标,重新组织一下左边的导航区

分析 3:

最大的问题还是 iTunes 无法让人建立品牌印象。它看起来就像是苹果的系统生态里的一个普通的没有品牌露出的内置应用。我觉得它需要更多的个性,用户付费买这个服务不是为了使用一个看起来免费的内置应用。

解决方案:

把 logo 放上去,使用更鲜明的品牌色作为重点,多留白。

分析 4:

还有一个东西我不喜欢的是 Apple Music 的搜索,这个搜索把本地和在线搜索结合在了一起,我不喜欢搜索的时候切换“我的曲库”和“在线音乐”

解决方案:

提供两个搜索条,标明两者搜索的不同。这样再也不用去手动切换了。



改之前 vs 改之后

更多界面

iOS 上的效果


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


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


2019-12-31 14:46839

评论

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

mPaaS 月度小报 | 应用上线前都应该检查哪些指标?CodeHub#5回顾:小程序容器加持下的技术架构“提质增效”

蚂蚁集团移动开发平台 mPaaS

小程序 移动开发 mPaaS

从零开始学习3D可视化之获取对象

ThingJS数字孪生引擎

物联网 可视化 大屏可视化 3D可视化 数字孪生

在一架天车中,透视5G时代的钢铁智变

脑极体

六一儿童节,看我用ModelArts让8090梦回童年

华为云开发者联盟

AI 美食 童年 modelarts 六一

DMCC在迪拜正式启动加密中心

InfoQ_434670063458

DMCC 加密中心 自由区

让你编程能力秃飞猛进的好习惯

程序员鱼皮

Java c++ Python 大前端 自学编程

webRTC探索音视频的录制的实现

云小梦

JavaScript WebRTC 浏览器API

《原则》(一)

Changing Lin

6月日更

一篇文章带你看懂计算机系统监控与可观测性发展史(干货)

观测云

云计算 可观测性

树莓派上的自动化---自动发送IP地址到邮箱

IT蜗壳-Tango

树莓派 IT蜗壳教学 6月日更

【译】JavaScript 代码整洁之道-变量篇

KooFE

JavaScript 大前端 变量 6月日更 整洁代码

Python3 Note 对象初始化

awen

Python 生命周期 对象初始化

新思科技推出Intelligent Orchestration解决方案 优化DevOps管道的速度和效率

InfoQ_434670063458

新思科技

仅需1秒!快速查看海淀全区情况,一句话让“智慧屏”全搞定

百度大脑

智能

算法训练营 - 学习笔记 - 第八周

心在飞

百度智能云亮相CCBN2021,云智一体智媒产业智能化解决方案受关注

百度大脑

云智一体 CCBN

认识微前端:一种用于前端 Web 开发的微服务

devpoint

大前端 SPA

个推CTO谈数据中台(上):从要求、方法论到应用实践

个推

大数据 数据中台 数字化转型 数据智能

Python3 Note __slots__

awen

Python slots

☕️【Java 技术之旅】360度全方位的教你认识网络IO模型

码界西柚

JVM Java、 编译器原理 6月日更

bzz矿机分币系统开发,BZZ矿机节点APP搭建

GitOps系列一:为什么协作技术对GitOps至关重要?

极狐GitLab

springboot+mongo多数据源简单配置

Mars

mongo 多数据源配置

模块五总结

竹林七贤

Python3 Note 函数注解

awen

Python Function 函数注解

环信MQTT消息云正式发布,覆盖4大核心场景

环信

mqtt

工业智能(汽车)联合创新实验室发布 力促汽车工业融通发展

如何理解梯度下降算法Gradient Descent algorithm John 易筋 ARTS 打卡 Week 49

John(易筋)

ARTS 打卡计划

面试官问我redis的string应用场景,我是这么回答的!

李阿柯

php lua redis 面试

Android studio 在外置硬盘运行项目报.lock 的错误

三爻

flutter android Mac Android Studio

聚焦大企业创新与创投生态,2021 DEMO WORLD 世界创新峰会圆满成功!

创业邦

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