信息交互设计实例:iPhone QQmusic设计实录

文章描述:姗姗来迟的iPhone QQmusic如何后来居上?这是我们继android后在iOS平台上的又一次尝试,我们总结了中间跌跌撞撞、折腾不息的过程,并希望以此积蓄经验和力量。

1. 写在前面

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

2. 调整产品定义

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

 

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

“细节决定成败。”除了更深入地理解一般性的“听歌”场景,我们还会更多地关注细微的用户痛点,分析用户在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 QQmusic在上架9个小时后就登上了免费app第一位,评分达到了史无前例的4.5颗星。成绩固然令人欣喜,不过问题同样存在,我们的性能还不够完美,体验还不够流畅,中间还因为对框架缺少深入的理解,导致了一次较大的调整,我们愿以此为鉴,继续前行。

最后,感谢iPhone QQmusic团队,他们为爱音乐的孩子谱写了一首游响停云的乐曲,希望你们喜欢。

时间: 2024-08-05 03:34:19

信息交互设计实例:iPhone QQmusic设计实录的相关文章

iPhone QQmusic设计实录

1. 写在前面 经过android QQmusic的洗礼后,我们将战场转到了iOS平台,这是一个更加封闭.竞争更加激烈.要求更为严格的战场.国际版图上,spodify. last.fm.pandora已酣战多时,大陆战场更有摸手.九天.豆瓣fm.虾米早早加入.姗姗来迟的iPhone QQmusic如何后来居上?这是我们继android后在iOS平台上的又一次尝试,我们总结了中间跌跌撞撞.折腾不息的过程,并希望以此积蓄经验和力量. 2. 调整产品定义 "一个可以不断自我完善的解决方案才能真正改善状

用户体验设计实例:豆瓣UI设计改进

Web 2.0的重要特征之一,就是更加类似于生物界的自组织现象.用户如同单细胞生物一样,在充斥营养质(内容)的液体中飘荡,直到偶然落在某处营养足够支撑其产生连续.规律的生长(用户习惯)的结构体(网站)上.同时,当汇聚的简单细胞足够多的时候,也会产生质变,影响这部分结构组织营养的比例和方式.所以Web 2.0的技术重点,比如Ruby On Rails,Ajax往往都放在能够快速完全重构,框架部分更新等领域,其实就是推翻不成功的进化模型,重新开始进化试验,保留已知有效的功能模块:最终找到可以生存的范

学习产品设计策略:iPhone游戏设计体验

文章描述:从优秀的iPhone游戏中学习设计策略. 几乎所有iPhone用户都曾使用过游戏应用,这是一个"全民游戏"的时代.iPhone应用程序中,游戏不但在下载量方面首屈一指,在设计质量上也不乏可圈可点之处.本人从大量的游戏应用中大浪淘沙,试图从中汲取营养,探索好的设计策略为我所用. 基本思路是: 步骤一,提出小问题或小测试,请跟随我思考一下: 步骤二,引出其中的深层原理: 步骤三,此原理在iPhone游戏中的体现: 步骤四,给我们哪些启示? 通过以上步骤,简单地介绍肌肉记忆.长期记

PS《达人宝贝组合》宣传片的后期设计实例教程

--著名电子乐队<达人宝贝组合>宣传片的后期设计实例 设计文刘超 邹运 化妆造型:付京 摄影邢亚辉 田德友 因为这是一个以后期创意合成为主导的制作,为了能达到预期的效果,围绕这三个主题方案,我们后期创作组制定了详细的拍摄脚本,包括每组照片 的拍摄角度.动作.光线和必要的元素都做了一定的设计,由于准备得比较充足,拍摄与后期制作进行得很顺利,并得到了市场很好的认可. 下面我们就本次宣传片的制作过程展现给大家 制作心得:对于商业宣传片的制作,后期的创意合成无疑是整个创作历程的高潮.为了表现激情绽放的

产品交互设计实例:首都机场的点烟器

文章描述:产品交互设计实例:首都机场的点烟器. 首都机场的吸烟室里并不像其他机场那样放几个固定的打火机,而是点烟器,和车载点烟器基本是一样的:先按下加热,加热好后,它会自动弹起,拔出来,里面的电阻丝已经是红红的了,就可以点烟了.上图为车载点烟器,与首都机场的点烟器一样,加热过程中只是被按下去了,未显示进度,也未能形象的表现出"正在加热"的含义. 我走到点烟器的近前,按下,让它加热,然后等待,等了一会儿还不见动静,不知是仍在加热还是出了故障.吸烟室里很多人,感觉自己被别人看着,不会用这玩

网站交互设计实例:正确的引导赢得用户的忠诚

文章描述:网站交互设计实例:正确的引导赢得用户的忠诚. 网站上,用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作,从而促成交易,或浏览相关重要信息. 正确的引导,符合了人机工程原理,优化了用户体验,给用户以易用.互动性.从而使网站给用户留下了美好印象,用户倍感温暖,加大了第二次访问的可能性. 那么反之,不正确的引导--误导,会是一种什么情况.笔者上周曾去南京一趟,便在沪宁城际高铁常州站站台遇到了误导. 笔者是高铁5号车厢,可是在其旁边不远却有一个有明显的动车13号车厢,该标志很明显很清晰

网站用户体验设计:信息交互设计金字塔法则

本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则.卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用户体验设计与移动互联网软件设计开发相关的全流程服务. 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡.大致的意思就是:任何事情都能归纳出一个中心点,而此中心论点可以由数个一级论据支撑,这些一级论据也可以被数个二级论据支撑,如此延伸,状如金字塔. 当然,你也可以说这个说法最早来源于中国的老子,因为他曾在<

信息交互设计金字塔法则

编者按:本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则.卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用户体验设计与移动互联网软件设计开发相关的全流程服务. 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡.大致的意思就是:任何事情都能归纳出一个中心点,而此中心论点可以由数个一级论据支撑,这些一级论据也可以被数个二级论据支撑,如此延伸,状如金字塔. 当然,你也可以说这个说法最早来源于中国的老子,因为

一些最新的 iPhone APP 的 UI 设计实例

本文收集的一些最新的 iPhone 下的 APP 的 UI 设计实例或许对你开发 APP 有所帮助.不过很抱歉,这里只有一个截图. Notesbook App idea Cause.It iPhone App Confirm Payment PayPal for iPhone redesign Hattrick App Starbucks application Home View Transactions Camera Awesome New iPhone app design iOS Top