关于单曲循环的UI设计构想

2016-11-05 16:46:29 950

单曲循环是我使用音乐软件经常点击的一个按钮,多次使用各大主流音乐网站及APP,发现各个界面的单曲循环还真有很大差别及体验,作为经常一首歌几十遍循环的资深重度单曲循环使用患者,就做个关于单曲循环按钮的比对吧!没有比对没有发现!没有发现没有改变!
80后,90后应该都用过千千静听?00后开始就是酷狗的天下了,而10后更多人开始用网易云音乐,在这个富足的年代,情感生活能够让人获得更舒适的感觉,音乐正是其中之一,因此播放器网站或者软件是大部分人们电脑里都会有的一个产品。
这些产品虽然经过许多的更新换代,但是他们的主要功能的图标都没怎么变过,播放主要还是圆里有个三角,暂停是两条线,而作为喜欢一首歌几十上百遍的循环的交互时代,单曲循环对交互时代来说是一个很重要的功能呢,相信不少人也都喜欢点这个按钮吧?
而在交互时代多年的UI设计教育经验中,倒是也经历过不少音乐播放器的UI设计项目,而在学员的实训项目中,自然也是少不了这些的,而交互时代针对各大互联网企业所独力开发出的尖端课程,就是在这么多项目中总结出来的,能够让学员在短时间内熟练掌握设计技术,毕业之后可以即刻就业,毫无过渡期。
而音乐类产品就是这门课程中的一部分,今天,交互时代就简单与大家分享一下关于单曲循环这一按钮的UI设计构想。
首先,跟随交互时代来看看现在主流音乐产品里单曲循环的放置吧

再来看鼠标点击单曲循环按钮时的示意图,见下图

    图片里的手就是我们的鼠标,可以说每一次我们使用单曲循环,都需要眯着眼睛看清楚中间的那个1……为了更直观的显示出该按钮的识别度,交互时代特别作了个比对表:

接下来,大家一起来看看各个音乐APP的界面UI设计吧。

下面这张音乐产品APP的截图是在用户点击单曲循环后出现的界面,其中QQ音乐的提示最明显,而其他产品的提示文字则更快了一些,容易让人忽略掉。

    大家可以看到,各大音乐APP产品的单曲循环按钮基本上差别不大,并且摆放的位置也很相似,而细微的区别大家可以看下面的对比表格。

交互时代*总结:
单曲循环可以说是许多人会用到的按钮,所以我们在设计这个按钮的时候都要更细心的观察与尝试它的易用性和识别性,很多人也会在想,为什么不将它独立出来呢?这就好像要我们把许多诸如下一首、上一首这类的按钮都独立出来一样,是不必要的,并且如果我们操作错误,则还要再重新进入独立页面,会降低用户体验。
当然,今天交互时代分享的这个单曲循环按钮只是个个例,但是在许多产品的按钮上,我们都可以用这种方法进行思考,怎么操作,怎么摆放,是否独立?以及提示类信息的显示时间、显示位置等等。
当我们将每一个细节都设计完善,那将是一个多么棒的UI设计。

newmap | sitemaps