厥清子交互细节:
1)首屏内容第一次打开余音,那一期的歌单首屏界面上只显示了配图、与主题相应的一段文字,没看到歌曲列表。这个时候我有点蒙:不是音乐APP么,怎么没看到歌。不过界面上有个较弱的文字显现出来,提示我左滑可以看下一期,按着这个提示操作,发现下一期歌单首屏界面底部显示了带有序号1的歌曲,我才意识到可以上滑看这个歌单的更多内容。
染发的颜为什么我没有第一时间反应到可以上滑呢?可能有几个原因:
配图和那段文字搭配排版正好,界面上没有其他任何元素提醒我还有更多内容在界面下方;
左滑看上一期的提醒文字吸引了我的注意力,无暇想其他
后来我想,这样的学习成本需要降低一些么?如果能够每一期歌单的首屏,都能看到至少一首歌曲,或许能缓解这种问题,不过这样对文案的长度会有限制。
2)翻页手势前面提到,在第一次打开余音时,会有较弱的文字提示“左滑看上一期”。左右滑动的翻页手势操作,较为常见,学习成本不算高,不过在第一次使用时提示一下也很有必要。
3)歌曲列表播放中的歌曲,文字颜和图标来标示
2、乐-每期乐人
采用图文、音乐混排的方式,来介绍音乐人。他们做着原创的音乐、相对小众,通过这样的介绍可以了解他们的故事,由此可以看出余音的情怀。
自传入党
交互细节:
1)播放文章中的歌曲基本上每篇只配一首歌曲,可直接播放,播放完毕之后停止,没有下一首接
着播,这样在听歌的流畅性上不够好。
如何解决播放流畅性的问题呢?首先考虑用户播放文章介绍歌曲的场景:
对新手用户,刚使用余音,看到有音乐人的介绍,可能会按照顺序浏览、有可能挑选感兴趣的名字看他得介绍。用户看到一篇文章中的A歌曲,点击播放;看完又去看另一篇文章,这个时候他可能想继续播放A歌曲,将另一篇文章中的B歌曲稍候播放;也可能想直接切换播放B歌曲。
对老用户,更关注最新的音乐人介绍,可能只是播放这一首歌曲,播放歌曲时可能去坐别的事情,过了很久才意识到歌曲已停止播放。
根据这两种场景,想到两种解决方式:
如果点击播放音乐人文章中的歌曲,可将每期音乐人的歌曲按顺序依次加入播放列表(优先级高)
提供插入播放队列的功能,在当前播放歌曲的下一首(优先级低)
2)进入、离开此界面时的转场动效从音-每期歌单视图,切换至乐-每期乐人视图,采用顺时针翻转动效;离开乐视图、回到音视图,采用的是逆时针翻转动效,整体效果前后一致。
3、往期歌单列表、乐人列表
1. 列表内容往期歌单、乐人的列表,包含了几个信息:序号、标题、内容的第一行文字,按倒叙排列
2. 下拉刷新显示最后更新的时间,这个时间可以用来考虑是否继续刷新、也可以判断刚刚的刷新是否成功。
3. 离开列表页点击顶部透明度更高的位置,可隐藏列表界面。此时有一个舒缓的动效,是列表界面会向中心逐渐收拢消失。
4、播放界面
1)封面唱片图片+留声机圆盘的搭配,显得挺有格调
2)播放、暂停、播放进度在界面底部用最明显的圆形图标来表示播放、暂停按钮,播放进度也展示在此按钮上,这种表示方式直接、明显、节约空间。
3)切换歌曲
方式1:点击向右的箭头(可见的操作方式)
方式2:左右滑动切换下一首、上一首歌曲(不可见的操作方式,但是与主界面的切换一直,学习起来也搞笑)
内盘外盘
描写春天的十大佳句方式2的缺点是,用户只是尝试左右滑动、没有完全切换至上一首/下一首歌曲,再自动回到当前歌曲时,仍然会重新开始播放(即使滑动幅度很小)。当用户只是在探索操作方式、或者偷瞄一眼了解下一首歌曲时什么时,这种灵敏的处理方式就太坑了。
4)切换播放模式默认随机播放,可依次切换至顺序播放、单曲播放。
5)单曲离线余音将单曲离线功能藏的比较深,点击icon “…”才能展示。或许可以拿出来更突出
一些?还是说为了让界面简洁,不得不收起来?
6)分享支持好友、朋友圈两种方式。
7)离开播放界面与在往期列表界面一样,可以点击顶部透明度较高的矩形区域,来离开播放界面。
夏光莉
5、已下载的歌单
1)编辑歌单,目前只支持删除歌曲
方式1:
在歌曲所在行,左滑操作,即可在右侧显示“删除”按钮,再次点击即可删除。删除过程有一个平滑的动效,该歌单所在行从下向上逐渐消失。
特点是操作高效,缺点是交互操作方式不可见,如果用户对iOS较为熟悉,通过摸索可发现。
方式2:
点击编辑icon,每个歌曲前面显示“-”icon,点击此icon,显示删除图标,点击即可删除。
这种方式,编辑icon处于较明显的位置,容易吸引用户的注意力去点击摸索其作用。它的缺点是操作步骤更多,不过可以与方式1形成互补。