写点什么

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

评论

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

手把手带你玩转 openEuler | 初识 openEuler

openEuler

Linux 开源 操作系统

vidyo在数字化办公中提供了什么便利?

dwqcmo

音视频 集成架构 解决方案 智能硬件

为什么学Go(一)

soolaugust

Go 语言

只要十步,你就可以应用表达式树来优化动态调用

newbe36524

C# netcore ASP.NET Core

Java零基础到进阶宝典!从小白到大神,金九银十面试这届斩获23K月薪

Java架构追梦

Java 学习 架构 面试 核心知识点

WebSocket从入门到精通,半小时就够!

JackJiang

html5 网络编程 websocket 即时通讯

2020年第三季度《全国移动App 风险监测评估报告》

InfoQ_11eaedef67e9

App 移动安全 个人隐私安全

4年Java经验,备战两月成功拿到美团、京东、字节offer

Java架构之路

Java 程序员 面试 编程语言

英特尔聚焦全栈量子研究:发布多项重磅量子计算研究成果

E科讯

TensorFlow 篇 | TensorFlow Serving API

Alex

tensorflow keras model serving tensorflow serving api

【全球案例】ESL 游戏公司如何通过 Jira 定制化解决方案连接全球团队

Atlassian

项目管理 敏捷 Atlassian Jira

解释一下==和equals的区别,你以为就这么简单?那你就草率了

小Q

Java 学习 架构 面试 基础

LAXCUS大数据集群操作系统:一个分布式分时共享E级系统软件(一)

陈泽云

人工智能 云计算 大数据 基础设施 国产操作系统

[Go并发编程实战课]01.Mutex学习笔记

Quincy

Go 语言

视频会议的应用

anyRTC开发者

ios 音视频 WebRTC 直播 安卓

1分钟将vscode撸成小霸王

gamedilong

vscode 大前端

技术解析 | 云游戏在未来如何实现?

腾讯云音视频

开发 游戏 视频

搞开发,写SQL就够了

棒锤🐮

sql mybatis springboot Web框架 Rocket API

详细分析定制企业应用的价格

Philips

敏捷开发 快速开发

月薪60k的Java开发在阿里是什么级别?对技术能力有哪些要求?

Java架构之路

Java 阿里巴巴 程序员 面试 编程语言

惊险的B站Java后端岗面试之旅,复盘面试经历及面试真题

Java架构之路

Java 程序员 面试 编程语言

[Go 并发编程实战课]02.Mutex 源代码

Quincy

Go 语言

教育场景方案升级| 打通业务前后端,少量开发快速上线(一):互动小班

ZEGO即构

在线教育 低代码

spring-boot-route(十五)整合RocketMQ

Java旅途

Java RocketMQ Spring Boot

LeetCode题解:145. 二叉树的后序遍历,栈,JavaScript,详细注释

Lee Chen

大前端 LeetCode

手把手带你玩转 openEuler | 如何安装 openEuler

openEuler

Linux 开源 操作系统 openEuler

java安全编码指南之:锁的双重检测

程序那些事

java安全编码 java安全编码指南 java代码规范 java代码安全

TNFE-Weekly[第七十五周已更新]

莹姐🙈

小程序 大前端 周报

蚁架构师首推SpringBoot套餐(原理+实战+面试)

小Q

Java 学习 架构 微服务 SpringBoot 2

架构师训练营第四周作业

四夕晖

生态共赢-anyRTC创业扶持计划

anyRTC开发者

ios 音视频 WebRTC RTC 安卓

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