交互案例分享-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

相关推荐

  • 阿里交互设计师实习期总结的6个新人进阶方法

    这是阿里交互实习生半木对他两个月份实习做的一个总结,以指导后续的项目工作,主要内容为协作方式与职业素养方面的沉淀。都是书本上没有的实战经验,非常适合没有经验的交互新人进阶学习。 作为职场新人,第一次接…

    2016-05-19
  • 我们在呐喊实体店已沦为试衣间!日本实体却比电商繁华,为啥?

    当中国企业在惊呼传统商业必死的时候,人家可没这么慌,为什么?因为人家的细节做的足够好,客户体验自然更佳,体验营销做的好啊,就好比:你电商再好,可你有试衣间么?

    2017-06-05
  • 芝加哥艺术学院交互设计硕士成功案例

    等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更...

    2018-04-26
  • 如果你想成为一名交互设计师

    第一篇:Cooper《如果你想成为一名交互设计师》    我们收到很多来自学生和可用性从业者的邮件询问如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经…

    交互专题 2016-10-26
  • 017. 单选按钮、复选按钮——axure线框图部件库介绍

    有时候发现这做事情坚持下来是一件很不容易的,写教程也一样,不过听到很多朋友对我说 这个全部是图片的教程 对他们入门帮助很多,我就想想 在坚持坚持把基础部分先完善了! 1. 简单的问卷调查: 您的性别?  答案…

    2014-09-12
  • 教育产品组件化交互设计的实践与思考

    作者:王媛媛   组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。在线教育领域内,题目是线上线下教学场景内校验学习的一种基本方式,同时,题目…

    交互专题 2017-11-13
  • Project Flow 重新定义人机交互

    摘要 : 渡鸦科技在2015年8月6日晚上召开的Project Flow 发布会,推出了一个服务系统,旨在建设成“只一个APP”的生活场景。 2015年8月6日晚上7点钟 渡鸦科技发布了一款产品,名叫:project flow ,据渡鸦科技负责人 9…

    2015-08-06
  • 如何把产品思维应用在APP页面上

    产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。

    2017-05-12
  • 从音乐属性改进用户体验,QQ音乐和虾米音乐如何再优化?

    本文将抛开市场占有率,将腾讯的QQ音乐与阿里的虾米音乐作对比,从音乐的本身属性和对人心理的影响出发,分析用户需求,对产品提出用户体验方面的优化建议。

    2017-05-18
  • 内容为王的时代,阿里设计师用实战案例解读内容化设计!

    作者:阿里设计师   编者按:什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例,帮你掌握内容化设计的精髓!   前言 如果说好的产品是运营出来的,那么…

    交互专题 2017-08-07