美文网首页
余音 交互设计分析

余音 交互设计分析

作者: 米饭香香 | 来源:发表于2016-11-26 23:24 被阅读176次

“余音”的设计风格从开始界面就能明显的感受到,“余音绕梁,尽善精美”,用大面积的留白营造一种静谧的氛围,颇有中国山水画的风味。在下雨的冬日里遇见这样诗情画意的APP,真是一件美丽的事情。

开始界面

进入APP的第一个页面如图所示:

分析:顶层弹出面板指引新手用户操作,文本中提到的切换“乐人”,“猎乐”,“遇见”,”音乐人“,容易使新手用户产生疑惑:“猎乐?遇见?什么鬼?”,没有耐心的用户(大多数互联网用户都是没有耐心的)匆匆按下“知道了”,自己探索去了。因此是否可以将指引做成箭头指示的动画,让用户有直观的感受,会更好呢?可能也是由于左上角按钮明显,左右滑动切换方式很常见,用户稍作探索就能发现,就省去了。

随意吐个槽:我总觉得这个黑黑的面板弹在这里好丑,可能因为底部正好遇上一张深色的图片,突不出来,文字排版太靠上,有种压抑的感觉,居中好点。可能是设计人员到最后发现自己没有写指引界面,随手扔了一个上去。

关掉丑丑的指引面板,左上角的按钮很快吸引了我的注意。一般APP的左上角都是汉堡包,这是何方神圣。

点击之后,我的天。这真的是神圣!!!!页面的切换像魔方翻转一样,很新颖,很有空间感,我都不知道用什么方式来展现这种交互方式,也不知道这叫什么。

分析:点击按钮页面在乐文,猎乐,遇见,音乐人模块中依次切换,而且按钮中的黑色小方块也会随 之移动,提示用户所处位置,然而当页面到达音乐不会向跳到乐文实现循环跳转,而是返回猎乐往回倒,我很迷惑这种设置,直觉觉得循环跳转跳得快些,就对两种模式粗略计算了一下,取子问题,只有三个页面,回倒模式1→2→3→2→1,1到达各个页面的总步数是10,循环模式1→2→3→1→2,1到达各个页面的总步数也是10,所以其实两种模式用户切换界面所需要点击的次数是一样的,应该是平时看惯了循环跳转,就觉得循环跳转更好,但是对于大多数用户来说,循环跳转更符合用户心理,余音这么做不知道是技术问题,还是特立独行,还是别的我没考虑到的原因。

按钮2:看起来是一个下载按钮,点击后显示本地歌单为空。

按钮3:没有播放歌曲时,点击后显示请选择播放的歌曲。播放歌曲时,点击进入歌曲相关界面。该界面分为壹说,壹曲,壹品三个子页面又想吐槽这些名字了,我来来回回试了好几次,才搞懂了壹说壹品页面的作用,这些名字真的是晦涩难懂。壹说是一些新内容的推荐,壹品是购买专辑的店面推荐及链接。

分析:点击壹说时,我的预期是应该链接到这篇推荐的完整页面,而实际是回到上级页面,也就是乐文界面,壹品界面也是这样,预期中应该链接售卖相关的界面,我开始怀疑自己没有点对热区,就分别点击了推荐的图片,唱片店的名字,唱片售卖的小字,试了不下50次,终于有一次打开了链接的微店,我也不知道我按的是什么地方。我觉得这可能是一个bug,或者是这个软件和我的手机兼容有问题。

缓存按钮

下载按钮:这样子类型的图标在普通用户看来就是下载歌曲用的,点击之后显示的是“歌曲已加入缓存队列”,用户难免会想:“缓存队列是什么?我要的下载呢?”不符合用户的心理预期。容易使用户产生沮丧挫败心理。其实,独立音乐由于版权原因,一般是不提供下载的,只能缓存,不过这只有经常听独立音乐的用户才知道。假设用户迷糊中就缓存了这首歌,那么接下来他又要头疼了:“缓存到哪里去了?”,再对应谈谈刚才的按钮1,添加歌曲后打开是这样子的,

为什么又叫“已下载的歌单”,晕。对比同样的独立音乐app落网,落网用文字写明是缓存歌曲,缓存后有一个叫“我的缓存”的列表可以查看,简单明了。

不过,这个界面打开时还是有亮点的,点击时打开向下弹的面板,轻触上方空白区域,向下弹走收起,整体流畅简洁。

下方有页码说明所处的页面位置,让用户知道自己的位置,细节赞。

点击乐文按钮展开面板如图:

分析:用于不同界面不同文章的跳转,操作简单明了,但是有些小问题,①点击了51雷米:唱诵诗的低俗诗人进入了这片文章,再回到这个界面,视觉提示依旧停留在52猫科动物:猫眼中的音乐百态。②上方的黑色箭头以及向下划时出现的向上的黑色箭头点击没有反应,我觉得这是直接跳到底部或回到顶部按钮,可能又是一个bug。③这个界面夹在中间位置,感觉很尴尬,往上移到顶可能好看些。

总结:大量使用了弹出的面板,加上灯箱效果,操作流畅舒适。该收起来的内容都隐藏的很好,像被一个收纳达人打理过。这个APP还有一个重大的特点,没有用户登录注册,版本信息等常见功能,这应该是这款APP的定位决定,它的定位是让用户纯粹,舒服的欣赏音乐,但它是否实现了这一定位,我觉得有待商榷,使用该APP的用户的主要目的就是听歌,而余音放在前面的是乐文模块,有大量的文字,作为新手需要一番探寻才能找到大量歌曲所处的位置,会有一种眼花缭乱的感觉。是不是提高一下猎乐的层级会好些。这个APP在许多地方是需要探索,探索会耗费用户的精力,这样又如何能舒服的欣赏音乐。所以,独立音乐软件我还是最爱落网

相关文章

  • 余音 交互设计分析

    “余音”的设计风格从开始界面就能明显的感受到,“余音绕梁,尽善精美”,用大面积的留白营造一种静谧的氛围,颇有中国山...

  • 【连载】特定场景下的交互设计

    场景分析对于交互设计 我们之前解了场景和场景分析,我们继续下一个题目:场景分析对于交互设计那么交互设计师要如何设计...

  • 待读文章记录簿

    VUI语音交互设计:三步打造任务导向型对话场景 如何成为一个合格游戏UI设计师? 交互设计:五维分析法 交互设计路径分析

  • 猫眼电影APP产品原型设计

    目录: 产品背景介绍产品分析“电影”布局与交互设计“影院”布局与交互设计“发现”布局与交互设计“我的”布局与交互设...

  • 狼厂笔记-用户体验及设计原则

    交互设计 -实现和表达需求-需求和使用的桥梁 用户研究 -分析和获取需求-提供设计依据-检验设计的合理性 交互设计...

  • 干货:让你全方位学习成为一名交互设计师(1.6万字诚意之作)-下

    接上篇《让你全方位学习成为一名交互设计师(1.6万字诚意之作)-上篇》 5.交互设计常见案例分析 交互设计日常需要...

  • 交互设计流程-2018

    四个阶段: 发现-分析-解决-验证 产品需求-需求分析-交互设计-视觉设计-FE-开发-验收-数据监测和分析-迭代...

  • 交互设计|设计四策略(上)

    最近精读了Giles Colborne的《简约至上——交互式设计四策略》。 此书从用户角度出发分析了简约式交互设计...

  • 交互设计流程

    本文原创,分享请注明来处 交互设计流程: 需求分析→设计规划→设计实施→项目跟进→成果检验 A.需求阶段 需求分析...

  • 23.复杂原型设计

    是什么 完整的新产品,完整的新功能 设计流程链条较长 交互页面,交互流程复杂 设计步骤 需求分析:明确用户场景问题...

网友评论

      本文标题:余音 交互设计分析

      本文链接:https://www.haomeiwen.com/subject/obbgpttx.html