欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2017:11:27 17:07:09 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1195个文字,预计阅读时间3分钟
导语
本文作者通过人机交互和测试的方法,确保了留声机理念的运用。enjoy~

  本文作者通过人机交互和测试的方法,确保了留声机理念的运用。enjoy~

  

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

 

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

推荐阅读:谷歌对话式交互界面设计

  ——Shakespeare | 莎士比亚

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

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

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

  目标及方法

  目标市场:

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

  研究目标:

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

  问题与挑战:

  吸引全年龄段和类型的用户

  随时获得常规用户,并提供更好的体验。

  从小圈子开始扩展

  用户调研中提出的问题:

  你能理解什么是环形播放列表交互吗?

  你觉得这种创新的选歌方式怎么样?

  你是否愿意把这个 app 分享给朋友?

  你觉得哪些频繁变换播放列表的人抱有什么样的想法?

  你会愿意为这项服务付费吗?你在向任何其它类似的服务付费吗?

  你对他们的主要服务有什么感受?

  这个 app 看起来好理解吗?

  对于各自的长处,你在使用过程中遇到什么问题吗?

  体验测试:

  用户目前使用的 apps

  展示类似留声机的新选歌模式

  停止展示,看用户的反应

  如果用户使用过这个 app ,则请他们分享自己的体验;如果没有,就告诉他们这个 app 的主要功能

  结果:

  

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

 

  用户快照:

  

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

 

  

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

 

  理解用户的5个E:

  

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

 

  问题分析:

  这个 app 的目标人群:

  从听留声机的祖父被那里收到音乐熏陶的人

  参加和朋友或团体的聚会

  习惯一边做事一边听歌

  会听着歌出去旅行

  运动健身的人

  研究了普通的音乐 app

  思路汇总:

  

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

 

  没错,就是复古风!

  设计

  无论贫穷或富有、快乐或痛苦,音乐在很多人的生命中都扮演着重要角色。

  音乐集合了多种乐趣,适用于所有阶级。无论快乐或压抑、无论是否被教导无论年轻或成熟,这个 app 要能被所有人介绍。所以功能可见性是必须的,只要一启动程序就能清楚使用。

  设计这款歌单播放器就是要让选歌更加简单。这款 app 的设计遵从了一下易用性原则:

  

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

 

  

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

 

  相似性原则:设计出让人一眼就能理解。

  颜色、形状和尺寸让人能猜测出其功能,让用户在听歌歌时也能赏心悦目。在白色的背景上,用相应颜色的标准图标展示每一个唱片。

  

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

 

  根据费茨法则,图片放在拇指最容易触及的地方(Z Yuhan:《为熟练用户而设计》这篇文章介绍了什么是菲茨法则)。

  

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

 

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

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

  原型

  

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

 

  

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

 

  花费时间

  前期规划:2~2.5 周

  初步设计:2.5 周

  提升设计:4~6.5 周

  初步测试:1~1.5 周

  初步部署:5~12 天

  核心设计原则

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:交互设计有没有标准化的流程?

下一篇:2017年最大的用户体验设计趋势

  • 18886 文章总数
  • 2257718访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信