ˉ 早晨

音乐播放器的播放界面交互方式再设计(改良) 2013/06



一直很喜欢听音乐,可是越是喜欢的东西,越是希望它能变得更好,更人性化,切合人意。      

一直在用多米音乐,虽然它有很多很棒的地方,但是表单地方和播放界面还是有很多可以再优化的地方,也希望它能越办越好,让更多的人乐于使用。。



这是这两天做的一部分关于播放界面的交互方式改进,本来草图上表单,精品推荐、歌曲排序,均衡音设置这些页面都做了,但是工作原因,没有时间画其他的部分的稿子,先传这些吧,以后有时间再画其他部分。


播放界面交互方式的改变如下

关于音乐切换的方式(潜意识下的交互方式,语义化的表示)

  


 

以为界面空间大小足够用所以希望能改善一下播放页面的交互方式,变成主要功能为手势交互。 

目前上一曲下一曲的按钮位于界面之下并且太小,当人们坐公交或步行的时候,不易单手持握,点击不畅,不方便,这样我时不时的想换个播放器(哎,用了多年的多米,有感情实在不想换啊); 改进方法,将播放光盘的页面大部分改成手势操作,使用左划、右划来切换歌曲,目前想到两种方式,如果按iPhone屏宽640来计算,光盘两边宽度为74px即37pt,而中间去除为环形进度条宽度18*2=36  后为456px,总图形区域为492px,可以做这样的判断,当手指位于492px区域内之后移动到两侧74px位置时为切换上一曲、下一曲;  或者在492区域内做判断上一曲/下一曲。



关于暂停/播放 切换键(自然舒适的点击)

 



中间为暂停/播放 切换键,可点击区域为140px,大按钮,因视觉上使用偏拟物的叠层,所以用户使用时并不感觉比例不协调,并因为按钮位置偏上,并且点击区域扩大而会觉得偏大的播放/暂停键用着很自然,很舒适。


关于光碟拖拽时的旋转速度(增强的控制感):


光碟随音乐播放而旋转,当用户手动拖拽进度条时,光碟会根据用户拖拽快慢而调整旋转频率,使用户获得一种更强烈的控制感受和乐趣。



关于原先 ”添加到/设为铃声/歌曲属性/均衡音“  的淡出方式 (次要的按钮用隐喻的方式给用户指引)


 

因使用频率相对不及“歌曲切换”高,按钮位于左下角位置,使用“+和>”加号和箭头表示,当正常状态时为正加号和右指向箭头,+>表示弹出;

当点击后,区域背景拉伸,正箭头变旋转45°变“x" ,右指向箭头变左指向箭头"<"。



右侧为音量调节按钮,与左侧“+>”按钮对应形成视觉均衡,虽然音量调节使用频率很高,但是手机本身和耳机自带的物理音量键要比屏幕上的方便许多,所以这一类型按键可以使不那么突出。


整体上使用大按钮,并且位于屏幕中间偏上的区域,方便用户在不同环境下使用手势操作,因采用和隐喻的方式,用户在初次提示后,凭借直觉即可知道如何使用,上手快捷。



关于均衡音的设计 (给爱手动调节者以方便,快捷的操控感,并增加耳机配对,可以为其增加更多的增值服务,使提升用户体验的同时扩大产品市场份额和利润,让用户和企业双赢)

均衡音或许大多数用户不常用到,但是很多喜爱音乐的人会手动的去调节,让乐曲能和耳机更匹配,听感更好(很多喜欢音乐的人很喜买音响、耳机等附属品,并且舍得多花钱买不错的设备)。




在三维环境音效的界面,的位置可已经将已有的暗色环纹,加渐变微弱的光晕效果,让拖动调节的时候能更直观的发现变化

如果可行的话,可以加入一个接口,做一个音效匹配耳机的接口或调节好的音效上传到云端分享,这样当用户换耳机后可以直接下载一个较为匹配的音效预设文件,之后微微调节或不调节即可使用。

同时这项服务也可以变成增值服务或者通过一些内容来销售音乐附属产品,如耳机等。


还有许多关于均衡音、列表排序、精品推荐的内容没有画,日后有时间的话再写吧。






评论

热度(4)