只有1个界面的产品,极简音乐播放器OooPlay背后不简单的人性化设计

大概是一个多月前,我看到尹广磊在微博上称他正在做一款音乐播放器OooPlay ,并给出了产品原型图。在他的个人网站上研究一番之后,我觉得这是个不错的音乐播放器,值得关注一下。上周五,OooPlay 登陆苹果的App Store,售价6元(0.99美元),下载试用了几天后,我决定和尹广磊聊聊,探寻一下OooPlay 音乐播放器背后的逻辑。

OooPlay 这款播放器最大的特色,就是它的单屏设计理念。你所有的操作都在一个界面上:音乐列表、播放按钮、搜索、操作控制等,在整个界面上一览无余。而OooPlay 另一个特色,就是引入了侧边栏设计,将一些必要但不是主体的播放操作控制放在左侧竖边栏上,右边是一整块音乐列表,底部则是播放/暂停圆盘、快进/快退(上一首/下一首)的按钮。

除了界面异常简单之外,OooPlay 的交互方式也非常简洁。在播放列表主界面上,点击是播放歌曲,上下滑动浏览其他歌曲,左滑歌曲升级(上升到最顶部易于再次找到),右滑歌曲降级(下降到列表尾部暂时不想听),点击歌曲旁边的演唱者图标,可以快速查看该演唱者的所有歌曲。左侧竖边栏,可以搜索、随机播放、单曲循环、30分钟/60分钟倒计时,当有外放音响或耳机时,AirPlay 按钮也会出现,而顶部是App版本信息以及日/夜模式。底部则是播放/暂停,上一首/下一首(长按可以快进/快退)。

OooPlay

对于这样一款极简音乐播放器,你会发现即使只有一屏,操作起来仍没有任何问题。但如果你觉得这样就完了,那你就错了。在我和尹广磊聊天的过程中,发现他对产品设计有着非常专业、深刻和成熟的理念(他本人是产品原型设计培训师),而这种专业的水准也体现在OooPlay 一些不太容易发现的地方,极简的播放器远没有那么简单。通过下面的几点,你或许会发现一些让你感动的人性化设计。

1. 右滑歌曲降级时(表示不想听),这时播放器会自动停止播放该歌曲,切换到下一首歌曲。而左滑升级时,用户是喜欢这首歌的,这是播放器会继续播放该歌曲,并在顶部阴影显示已放到顶部。

2. 左滑右滑歌曲在列表中变化时,会有明显的向歌曲列表顶部/底部 飞去的动态效果,告诉用户该歌曲已进行相应处理。搜索界面下仍可全局操作。

3. 歌曲右侧演唱者图标,只有在该演唱者歌曲大于1 的时候会出现,只有1首歌曲时不会出现。

4. 随机播放时的算法做了特殊处理,该状态下曲库列表最后1/10的歌曲不会播放到(因为暂时不想听嘛)。比如歌曲有10首以上20首以下,随机播放时最后一首歌不会播放,不播放歌曲最多支持30首,也就是当曲库有300首以上时,歌曲选择性很大,播到不喜欢的歌曲概率就很小了。

5. 点击播放圆盘边缘时,可以快速回到播放列表中正在播放歌曲的位置。

6. 当浏览列表误操作时,正在听的歌曲被切换成误操作歌曲,5秒内点击上一首,可以回到原播放歌曲断开时的位置,5秒之后会正常返回上一首。(iOS 自带播放器是在3秒内返回上一首,但无法返回切换时的播放位置。)

7. 在每首歌最后25秒内(基本上一首歌的高潮已经过去了),点击上一首,会从头开始播放正在播放的歌曲,类似iOS 自带的播放器(也就是3秒之后)。

8. 当你从iTunes 里同步了新的歌曲到iOS 设备之后,更新的歌曲会自动排在播放列表的顶部,其他歌曲的列表顺序不受影响。这样能够让你更容易的开始听新添加的歌曲。

9. 当你选择了随机播放,同时又点击了单曲循环之后,播放器会优选单曲循环,这和iOS 自带的播放器也是一致的。

10. 在搜索框输入状态下,键盘右上角会出现“键盘隐藏”按钮,一方面是在输入一个字符就可以快速回到搜索结果查看,另一方面也解决了由于左侧边栏与中间列表不对称所造成的视觉失衡。

11. 底部播放按钮设计也考虑视觉失衡的问题,播放/暂停大圆盘在左侧不在中间,解决了左侧边栏带来的视觉断层感,右侧两个快进/快退按钮也会让右边不会太轻。至于为何不把快进/快退放在左侧边栏上,尹广磊称底部三个按钮放一起比较有一致性,另外放在侧边栏可能也会比较拥挤。

看了上面这些,你是否会惊讶于这些无形的人性化设计,甚至有了当初见到iOS 上那种于无声处听惊雷的那种感动?我甚至觉得,OooPlay 这些背后用心的设计,和Smartisan OS 上的一些小细节有很多相似之处,但好在OooPlay 是1.0版本,而且几乎没发现bug。

OooPlay-prototype

但在和尹广磊聊天的过程中,我也明确指出,OooPlay 上去掉了很多音乐播放器的基本功能。比如歌词显示、进度条显示和控制、分享按钮隐藏很深而且只支持邮件分享。尹广磊告诉PingWest ,这些功能他之前确实考虑过,但就像他个人主页上的介绍一样:“我坚持以‘有用’为第一前提,然后尽量让‘好用’和‘创意’得到最佳的兼顾。当你用习惯了OooPlay ,即便对它厌倦后,你发现留下来的功能依然是那么的有必要。

提到为什么要做OooPlay,尹告诉我说这是因为他年初的时候听说了梁国鹏一个人做出DailyCost 的事,然后又受Clear 和Panamp 两款应用的启发,于是便做了这款只有一个界面的播放器。OooPlay 由尹广磊设计原型,soioi 负责UI,rexshi 负责程序开发,经历了三个月的时间登陆了App Store。由于OooPlay 第一版就已经非常成熟了,所以尹也告诉我,以后如果用户没有更多需求或出现bug ,他基本不会对App 做太大的改变。而对于iOS 7的风格,他还要看一段时间再说。

订阅更多文章

你可能感兴趣的: