iPhone音乐播放应用软件UI设计实录
创始人
2024-07-29 11:10:10
0

1. 写在前面

经过Android版本的洗礼后,我们将战场转到了iOS平台,这是一个更加封闭、竞争更加激烈、要求更为严格的战场。国际版图上,spodify、last.fm、pandora已酣战多时,大陆战场更有摸手、九天、豆瓣fm、虾米早早加入。姗姗来迟的iPhone版本如何后来居上?这是我们继Android后在iOS平台上的又一次尝试,我们总结了中间跌跌撞撞、折腾不息的过程,并希望以此积蓄经验和力量。

2. 调整产品定义

“一个可以不断自我完善的解决方案才能真正改善状况并得以更有效地执行。”从Android版本开始,我们就已经尝试引入“产品定义描述”(Application definiation statement),鼓励设计团队更早地切入整个产品设计过程。同样是解决移动场景的听歌问题,不同的生态系统会给产品定位与目标受众带来差异,一端是开放的Android,一端是封闭的iOS,习惯了磁盘管理思维的中国用户在iTunes中难以适从。“丢掉那根可恶的数据线!”——这是我们整个团队对产品的再一次共鸣。

3. 深入场景 狠抓用户痛点

[[29267]]

“细节决定成败。”除了更深入地理解一般性的“听歌”场景,我们还会更多地关注细微的用户痛点,分析用户在iTunes使用过程中遇到的不便:(1) 家里和公司,iTunes列表难以统一管理;(2) 追加少量歌曲不得不启动“牛刀“——iTunes;(3) …

4. iPhone用户使用场景调查

5. iPhone 用户人群分布调查

对用户痛点的精准把握以及行之有效的解决方案,使得这款app在需求层面就切合了用户真实的需要。

6. 餐巾纸式快速原型

“画几笔画比说一千句有效得多。”

经过前面对产品定位的讨论和需求分析,下一步应该是把“想法”表现出来。很多设计师喜欢马上打开各种原型工具,并“单打独斗”地画起图来,其实,要将一个想法转变为实际的产品形态,一支笔和一张白纸(或白板)就足够了。我们鼓励让产品经理一起参与绘制线框图,并即时表达各自的想法。在彼此碰撞中,我们会发现设计对产品的细微影响,这种逐渐培养起来的全局视野能帮助设计师更好地理解产品,当然,产品经理也得以更好地理解设计。

7. 视觉风格提案

交互定稿后正式进入视觉设计阶段。经过几番讨论后我们决定以蓝天白云为主题,打造一个温馨、轻松氛围的界面。

8. 视觉终稿界面展示

根据对于目标用户,属性特征,使用习惯,使用场景,使用时间,使用时的情感诉求,抽象情感的画面化等方面着手分析的两千多份有效问卷中表明:目标用户的教育程度和收入会比较好,爱好音乐的人们在精神上较之会比较感性。用户们在用iphone听歌的时候,80%是在使用耳机,主要使用场景是在路上或是睡前。用音乐作为陪伴,营造出一个自我的空间,在音乐里畅游,从中得获得心灵和情感上的抚慰与放松。因此我们希望,当早上您启动QQ music 的时候,金色阳光洒向云海,就像虽然我不在您身边,但依然在对您说:“ good morning,加油!又是美好一天的开始!”

动态的播放界面,深夜,带您到星辰中去漫步。也可以与您一起去深海里畅游。当悲伤的音乐响起,雨水打在玻璃上,让世界模糊起来。 我们无法触及您所有的感情,但期待与您的感情相会时刹那的交流与感动。(我们对给自己勾勒出的蓝图,也感觉到责任和压力的重大,但我们不畏惧奋起努力。最后做的还不够的地方还请海涵。)

9. 启动ICON

ICON为保持QQMusic一直的视觉识别采用了QQMusic的LOGO为主体配以界面的主色调蓝色。

10. 后记

在整个设计流程中,我们引入了一些细小的变化,成效不错。iPhone版本在上架9个小时后就登上了免费app第一位,评分达到了史无前例的4.5颗星。成绩固然令人欣喜,不过问题同样存在,我们的性能还不够完美,体验还不够流畅,中间还因为对框架缺少深入的理解,导致了一次较大的调整,我们愿以此为鉴,继续前行。

【编辑推荐】

  1. 移动终端UI设计之视觉引导
  2. iPad应用程序UI设计的五大要素
  3. 猛烈推荐 31个开源免费UI设计模板
  4. 移动终端设备UI设计检测要素
  5. 移动设备界面UI设计注意事项全解析

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...