余音,一款能触动我伤感神经的音乐App.pdfVIP

余音 ，一款能触动我伤感神经的音乐App 连续周五周六周日周一加班之后的周二 ，还算准时的下班 家 ，给自己炒了一盘混搭特色的菜。就 着配饭视频 ，吃的肚皮圆滚滚 ，再来个饭后大苹果。这大概就是我的不加班日常。 饭后看到最美应用推荐了——余音 ，一款音乐A pp ，被它简洁的界面吸引 ，决定下载玩玩儿。主打 功能是每期歌单 ，配上文艺唯美范儿的图片和一段文艺。 翻到一段感兴趣的文字 ，开始播放这期的歌曲 ，放下手机专注品着旋律、听着歌词 ，不知是被不算 华丽的声音还是那质朴的歌词感动 ，就这样陷入久违的伤感情绪里。或许余音就是这样 ，每期歌单 就是一种情绪 ，而我们可以跟随它去释放或者说缅怀这种情绪。 伤感终究是一时的 ，抱着一些理性 ，继续分拆这款A pp的交互设计。 一、功能层级结构 余音 ，有两种视图——音 （每期歌单 ）、乐 （每期乐人 ），二者之间可相互跳转。 在音、乐的主界面 ，分别展示最新一期的歌单/乐人。顶部导航栏的右上角均有三个图标 ，其中前两 个ico n对应的都是已下载的歌单、播放界面。点击最后一个ico n ，可进入列表界面 ，分别对应往期 歌单列表、往期乐人列表。层级结构如下图 ： 二、交互分析 1、音-每期歌单 每一期歌单包含的信息有 ：配图、与主题相应的一段文字、歌曲列表 交互细节 ： 1 ）首屏内容第一次打开余音 ，那一期的歌单首屏界面上 只显示了配图、与主题相应的一段文字 ， 没看到歌曲列表。这个时候我有点蒙 ：不是音乐A PP么 ，怎么没看到歌。不过界面上有个较弱的文 字显现出来 ，提示我左滑可以看下一期 ，按着这个提示操作 ，发现下一期歌单首屏界面底部显示了 带有序号1的歌曲 ，我才意识到可以上滑看这个歌单的更多内容。 为什么我没有第一时间反应到可以上滑呢 ？可能有几个原因 ： 配图和那段文字搭配排版正好 ，界面上没有其他任何元素提醒我还有更多内容在界面下方 ； 左滑看上一期的提醒文字吸引了我的注意力 ，无暇想其他 后来我想 ，这样的学习成本需要降低一些么 ？如果能够每一期歌单的首屏 ，都能看到至少一首歌曲 ，或许能缓解这种问题 ，不过这样对文案的长度会有限制。 2 ）翻页手势前面提到 ，在第一次打开余音时 ，会有较弱的文字提示“左滑看上一期”。左右滑动的翻 页手势操作 ，较为常见 ，学习成本不算高 ，不过在第一次使用时提示一下也很有必要。 3 ）歌曲列表播放中的歌曲 ，文字颜色和图标来标示 2、乐-每期乐人 采用图文、音乐混排的方式 ，来介绍音乐人。他们做着原创的音乐、相对小众 ，通过这样的介绍可 以了解他们的故事 ，由此可以看出余音的情怀。 交互细节 ： 1 ）播放文章中的歌曲基本上每篇只配一首歌曲 ，可直接播放 ，播放完毕之后停止 ，没有下一首接 着播 ，这样在听歌的流畅性上不够好。 如何解决播放流畅性的问题呢 ？首先考虑用户播放文章介绍歌曲的场景 ： 对新手用户 ，刚使用余音 ，看到有音乐人的介绍 ，可能会按照顺序浏览、有可能挑选感兴趣的名 字看他得介绍。用户看到一篇文章中的A歌曲 ，点击播放 ；看完又去看另一篇文章 ，这个时候他可 能想继续播放A歌曲 ，将另一篇文章中的B歌曲稍候播放 ；也可能想直接切换播放B歌曲。 对老用户 ，更关注最新的音乐人介绍 ，可能只是播放这一首歌曲 ，播放歌曲时可能去坐别的事情 ，过了很久才意识到歌曲已停止播放。 根据这两种场景 ，想到两种解决方式 ： 如果点击播放音乐人文章中的歌曲 ，可将每期音乐人的歌曲按顺序依次加入播放列表 （优先级高 ） 提供插入播放队列的功能 ，在当前播放歌曲的下一首 （优先级低 ） 2 ）进入、离开此界面时的转场动效从音-每期歌单视图 ，切换至乐-每期乐人视图 ，采用顺时针翻转 动效 ；离开乐视图、 到音视图 ，采用的是逆时针翻转动效 ，整体效果前后一致。 3、往期歌单列表、乐人列表 1. 列表内容往期歌单、乐人的列表 ，包含了几个信息 ：序号、标题、内容的第一行文字 ，按倒叙排 列 2. 下拉刷新显示最后更新的时间 ，这个时间可以用来考虑是否继续刷新、也可以判断刚刚的刷新是 否成功。 3. 离开列表页点击顶部透明度更高的位置 ，可隐藏列表界面。此时有一个舒缓的动效 ，是列表界面 会向中心逐渐收拢消失。 4 、播放界面 1 ）封面唱片图片+留声机圆盘的搭配 ，显得挺有格调 2 ）播放、暂停、播放进度在界面底部用最明显的圆形图标来表示播放、暂停按钮 ，播放进度也展 示在此按钮上 ，这种表示方式直接、明显、节约空间。 3 ）切换歌曲 方式1 ：点击向右的箭头 （可见的操作方式