当前位置: 首页 >文章 > 播放列表的环形交互界面设计
收藏
分享

播放列表的环形交互界面设计

举报ZYuhanZYuhan发布于 2018-08-031917阅读0点赞
拟态:界面与留声机相似,容易引起用户的注意 功能满足:用户所有想要的东西都在一个界面上提供了。他们可以查看名称和时长并挑选歌曲。...

本文译自 Johny vinoUI/UX Case Study: Playlist — Radial Interaction

When words fail, music speaks. | 当言语不足以表达时,我们可以用音乐发声。
——Shakespeare | 莎士比亚

我很赞赏上面这句话。并且哪怕言语足以表达,我们也可以用音乐发声。

音乐是我们日常生活的一部分,哪怕是周遭的的的鸟鸣犬吠。我们很容易忽略掉看不见的东西,例如微生物、空气甚至爱情,当然也包括无处不在的音乐。可就是这些看不见的东西,却在我们的生命中扮演着至关重要的角色。

音乐早从几个世纪之前就开始影响着我们的思维(Z Yuhan:恐怕不止几个世纪吧)。现在随着科技的普及,音乐已如呼吸般必不可少。

目标及方法

目标市场

音乐爱好者遍布全球。对音乐的喜爱是普世的,但大家的偏好千差地别。据说每天被创造出来的播放列表就有28000个。

研究目标

通常听音乐是为了放松自己,但有时用户想要快去切换歌单里的歌曲时,会感到困扰,觉得没有听到自己最想要的那个。

问题与挑战

  • 吸引全年龄段和类型的用户
  • 随时获得常规用户,并提供更好的体验。
  • 从小圈子开始扩展

用户调研中提出的问题

  • 你能理解什么是环形播放列表交互吗?
  • 你觉得这种创新的选歌方式怎么样?
  • 你是否愿意把这个 app 分享给朋友?
  • 你觉得哪些频繁变换播放列表的人抱有什么样的想法?
  • 你会愿意为这项服务付费吗?你在向任何其它类似的服务付费吗?
  • 你对他们的主要服务有什么感受?
  • 这个 app 看起来好理解吗?
  • 对于各自的长处,你在使用过程中遇到什么问题吗?

体验测试

  • 用户目前使用的 apps
  • 展示类似留声机的新选歌模式
  • 停止展示,看用户的反应
  • 如果用户使用过这个 app ,则请他们分享自己的体验;如果没有,就告诉他们这个 app 的主要功能

结果

用户快照

理解用户的5个E

问题分析

  • 这个 app 的目标人群:
  • 从听留声机的祖父被那里收到音乐熏陶的人
  • 参加和朋友或团体的聚会
  • 习惯一边做事一边听歌
  • 会听着歌出去旅行
  • 运动健身的人
  • 研究了普通的音乐 app

思路汇总

没错,就是复古风!

设计

无论贫穷或富有、快乐或痛苦,音乐在很多人的生命中都扮演着重要角色。
  1. 音乐集合了多种乐趣,适用于所有阶级。无论快乐或压抑、无论是否被教导无论年轻或成熟,这个 app 要能被所有人介绍。所以功能可见性是必须的,只要一启动程序就能清楚使用。
  2. 设计这款歌单播放器就是要让选歌更加简单。这款 app 的设计遵从了一下易用性原则:
  • 相似性原则:设计出让人一眼就能理解。
  • 颜色、形状和尺寸让人能猜测出其功能,让用户在听歌歌时也能赏心悦目。在白色的背景上,用相应颜色的标准图标展示每一个唱片。
  • 根据费茨法则,图片放在拇指最容易触及的地方(Z Yuhan:《为熟练用户而设计》这篇文章介绍了什么是菲茨法则)。

拟态:界面与留声机相似,容易引起用户的注意

功能满足:用户所有想要的东西都在一个界面上提供了。他们可以查看名称和时长并挑选歌曲。

原型

花费时间

前期规划:2~2.5 周

初步设计:2.5 周

提升设计:4~6.5 周

初步测试:1~1.5 周

初步部署:5~12 天

核心设计原则

我通过人机交互和测试的方法,确保了留声机理念的运用,为此我找了70年代真正使用过留声机的人进行测试。我还通过很多视频观察了人们是如何使用留声机的。后来我决定让作品看起来像实体物件,但又容易使用。这样的交互形式很容易理解,因为用户对留声机已经有所了解。

作者的 Dribbble:https://dribbble.com/johnyvino

——

我不是专业翻译,如有问题感谢指正!

未经允许请勿转

0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩19天45人已报名
【5月】零基础手绘插画训练营
距离开班仅剩19天25人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩36天7人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,261
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证