您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
SoundCloud的交互细节
 
作者:brianlovin 来源:U一点 发布于: 2015-03-19
   次浏览      
 

这几年来,我几乎每天都在用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、搜索

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

   
次浏览       
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新活动计划
LLM大模型应用与项目构建 12-26[特惠]
QT应用开发 11-21[线上]
C++高级编程 11-27[北京]
业务建模&领域驱动设计 11-15[北京]
用户研究与用户建模 11-21[北京]
SysML和EA进行系统设计建模 11-28[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...