交互案例分享-Spring音乐播放器


设计流程的过程中,我们往往会把流程设计的越短越好,最好一步完成,这样用户在流程中停留的时间越短,流程的转化率越高。

最近在试用一款叫「Spring」的音乐播放 App,它根据要你要进行的运动类型,节奏频率,偏好歌手来给你推荐歌曲,同时还集成了运动数据的监控功能,很强大吧?但在开始播放音乐前需要先进行 6 个步骤,好像有点夸张,但是体验下来觉得步骤并不算多,反而会让我感受到 App 的清晰和细节,我们来看看这个的交互吧。

在 Spring 播放音乐之前有设置音乐的流程,共有 6 步:

1. 进入设定
2. 设定运动类型
3. 设定运动场地
4. 选择想要的节奏
5. 选择歌手/风格
6. 正式播放

1. 开始设定

打开 App 后看到的界面,很干净,中间的最大的黄色按钮是点击后就可以进入设定,左上角点击可以打开抽屉。

交互案例分享-Spring音乐播放器0

2. 设定运动类型

选择你等会进行的运动,每个运动都有 icon+文字来告诉你,左右划动切换运动类型。

0 (1)

3. 设定运动场地

在室内骑车还是在室外骑车?这个会影响到运动检测的数据,同时也会给予一些安全小贴士。

0 (2)

4. 选择想要的节奏

进入这一步后和之前2步差不多,整个界面仍然保持着一致的风格,在这里自己想要的节奏,同样是左右滑动切换

0 (3)

5. 选择歌手/风格

从前一步进入到这个页面后,会看到界面变成了 iOS 标准的风格布局。也是为了更好的显示这一步要进行的歌手偏好设定,选择你喜欢的歌手,往右拖动是「Play A Lot」,往左是「Don’t Play」,中间是「Play A Little」,操作和理解都非常符合用户的心智模型。

0 (4)

6. 正式播放

最终就进入了最后的播放界面,界面除了音乐播放之外,还有运动数据的检测,有运动时间,公里数,卡路里,地图位置信息等,非常全。运动结束就点击暂停结束。

0 (5)

如果觉得界面中的太小,点击小地图后,地图会投射在「暂停」和「下一首」的下面,很巧妙。

0 (6)
至此,整个播放设置的交互就完成了。

来简单总结一下:

1. 虽然 Spring 的音乐播放流程中有 6 个设定步骤,但「短任务」+「为移动优化的交互」的设计让原本复杂的操作变成了「刚刚好」的感觉,也成为了 App 的特色。

2. 「短任务」在减少用户焦虑同时也帮助快速理解操作,提高效率,每次完成都有 Done 的感觉。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/669/

(0)
iouedioued
上一篇 2014-09-14
下一篇 2014-09-17

相关推荐

  • 一些交互设计原则 | 蓝鲸

    从用户角度来说,交互设计是一种如何让产品更易用,让用户更愉悦的产品设计。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点。以下就介绍一下在交互设计中一些通用的原则。1、前馈/反馈:前馈就是操作之前要给的信息,提示用户点击之后会出现什么、点击之后结果是什么。前馈适用于新产品(还不知道怎么用的产品)。反馈就是用户操作结束后给的信息提示。如:您的操作过于频繁,请稍后再试。2、状态可见原则:比如进度条,...

    2018-04-24
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 如何量化用户体验并有效执行

    很多人都把用户体验看作是网站或应用成功与否的一个总体衡量标准。分析一个网站或应用在提供好的用户体验方面的效果如何,往往会变成一项很主观的事情,仅停留在观点层面,缺乏客观依据。本文描述了为何量化用户体验这么难,并提供了一个量化用户体验方法,对于网站和应用的过去开发所作努力的快速、客

    微信热点 2018-03-22
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04
  • 交互师们,每日高效的一天开启了吗?看看别家的交互怎么过今天~!

      编者按:教你高效利用工作时间!今天的主角是曾经在美国雅虎中国腾讯工作现在在华为人设计总监的尤原庆同学,他分别列出了自己在美国、德国和中国的交互设计工作,全都井井有条且轻重得当,最后还附上设计师…

    2014-11-26
  • Axure教程-蜻蜓FM收音机iPhone端高保真原型案例下载

    本文是原型库网站金乌投稿——蜻蜓FM收音机iPhone端高保真原型。使用AxureRP7.0制作蜻蜓.FM网络收音机产品原型分享

    IxD案例 2015-01-04
  • 优化夜间阅读体验-夜间模式设计通用方法

    作者:花咯   你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结…

    交互专题 2017-08-07
  • 交互设计的本质是什么?

    行为逻辑的认知,让我们在设计数字世界的产品时,把注意力放在用户上、放在用户的动机和行为上,以及发生这些行为的媒介和场景。从这个层面去思考数字世界的产品,也许更贴近交互设计的本质。

    2017-04-29
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • [译]UX设计之按钮使用实例、类型和状态

    按钮是一个普通的、日常交互中都可能碰到的基本元素。但对创建一个流畅的交互体验过程来讲,按钮则是一个至关重要的元素,因此,投入一定精力到该元素的设计上是非常有意义的。另外,我们也为大家梳理出元素的基本…

    2016-06-30