恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
SoundCloud的交互细节
0.0°
2014-09-07 自译外文 经验/观点 原作者: brianlovin 举报 32296 81 41 3

这几年来,我几乎每天都在用SoundCloud。作为一款分享音乐的应用,差不多每周都在改进和更新,让用户得到更便捷的体验是非常了不起的。

SoundCloud团队最近又重新设计了他们的iOS app,更新了试听页面还有级棒的音乐交互体验。

不过,从App Store上只有2.5星的分数来看,目前为止SoundCloud的反馈算很差的,由此不少人也在分析失败原因。据我推测,此次的重新设计似乎更倾向于听众,而非原创音乐发布者,如你所知,SoundCloud作为音乐平台,可供分享的音乐才是灵魂。

为了本文,我将更纯粹的关注SoundCloud的交互设计细节,对于它功能的不足不会谈得很多。希望你们能从中获益。

以下便是关于iOS SoundCloud的交互设计细节:

1选择

好吧,由于我的记录软件问题,动图中的交互显得有些抽筋。如果说要从重新设计的SoundCloud移出点什么,我觉得整个突出的,不间断的音乐表演值得考虑。

当我开始播放一首歌时,专辑的封面会填充整个页面,SoundCloud会在视图上显示生成的音乐波形。对此的评价由你用SoundCloud的目的决定,认为无用或者清晰简明都只在于你。不过最近我听到的传闻是SoundCloud团队已经决定移除这项功能

由此开始,对纯粹的听众来说这是个好消息。


2播放暂停

当你在开车时不需要笨拙的操作播放暂停,你也不需要生硬的按下按钮来操作播放控制,我实在是太爱这点了。

你只需要轻击屏幕的任何一处,便可播放或者暂停。注意,视图中发亮的音乐波纹显示的正是音乐播放的进度。 


3下一首

切歌在音乐类app中是个各显特色之处,从Spotify到Hypem,不同的风格,不同的操作还有不同的布局特色。当我以75每英里时速驱车行进时,我想我需要的只是看一眼手机然后切歌。

SoundCloud在这方面的设计是你只需要向左右滑动便可切换歌曲,非常的简单,也许你会想为什么他以前不这样设计呢?好吧,如果以前就有这个设计,我会去研究一下的。


4快进

我有点像在搞破坏,好吧,我实在是太喜欢这个通过波纹可视的快进感受了。不需要通过任何小巧的按键或是若隐若现的滑动进度条,你只需要沿着音乐波纹轻轻滑动即可任意操纵。

如果你仔细观察前几张动图,势必会发现一个请教的设计细节:以唱片图片做的背景和音乐波形的播放进度几乎是平行移动的。随着音乐播放,唱片底图也从左向右在缓慢移动,直到切换到下一首歌。

 


5回到主页

你只需要向下滑动,就可回到主要音乐页面。没有返回按键,没有文字说明,这只是个十足简单的手势操作,我不得不说实在是很巧妙。

还有一个细节是下方生动的工具图标,提醒你如何回到单曲页面。直到现在我还没有在其他app上看到过类似操作,必须承认这非常棒。如果这点能被适当的应用,其他的app设计师也能为自己的设计增添一些生动性。


6慢速手势

这个精妙的细节我估计99%的人都不会注意到,当你点开你的音乐自选目录,当前音轨的专辑画面会按比例减淡。 


7搜索

这并不是什么开创性的设计,但整个触感都非常的好。点击搜索栏,键盘弹出,可输入搜索内容,整个过程十分流畅,并不突然。

更新:2014-09-07

收藏

81人已收藏

Muselilys

Know your shabby.

  • 32

    作品

  • 501

    粉丝

  • 6

    关注

  • 设计师如何找到自己真正热爱的工作
  • 你的滚动条
  • Twitter设计总监谈“宏交互”
  • 乌托邦式UI构建者:Bret Victor
相关标签

    猜你喜欢

      2014-09-07 自译外文 经验/观点 原作者: brianlovin 举报 32296 81 41 3

      SoundCloud的交互细节

      0.0°

      你确定要举报SoundCloud的交互细节

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年09月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      41
      81
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录