<
>

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

2017-11-29 14:01:22 来源:易采站长网友投稿 作者:admin

  本文做者经由过程人机交互战测试的办法,确保了留声机理念的使用。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 天

  中心设想本则

  我经由过程人机交互战测试的办法,确保了留声机理念的使用,为此我找了70年月实正利用过留声机的人停止测试。我借经由过程许多视频不雅察了人们是怎样利用留声机的。厥后,我决议让做品看起去像真体物件,但又简单利用。那样的交互情势很简单了解,果为用户对留声机曾经有所理解。

  (ps:我没有是专业翻译,若有成绩感激斧正!)

  本文做者:Johny vino,Dribbble:https://dribbble.com/johnyvino

  本文地点:UI/UX Case Study: Playlist — Radial Interaction

  译者:Z Yuhan

  译文地点:https://zhuanlan.zhihu.com/p/30944491

  本文由 @Z Yuhan 翻译公布。已经答应,制止转载。

  题图去自 Pexels,基于 CC0 和谈

暂时禁止评论

微信扫一扫

易采站长站微信账号