QQ音乐界面设计
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:itlead 阅读 5456
说起网络通讯,或许我们会很不自觉地想到了QQ,QQ即时通讯,QQ音乐放松,然而QQ音乐架构设计,具体操作如何?1、界面总览/cms/item/2012_05/28_11/78e5b8e6c82946

  说起网络通讯,或许我们会很不自觉地想到了QQ,QQ即时通讯,QQ音乐放松,然而QQ音乐架构设计,具体操作如何?

        1、界面总览

         1.jpg


  2、需求分析

  目标用户:热爱音乐的普通青年,QQ产品的忠实用户。

  用户需求:随时随地听音乐,没有wifi时可以听本地音乐,有wifi时可以在线听,遇到喜欢的歌曲可以提供 下载,能同步其他设备上收藏的歌曲。

  设计目标:提供播放本地音乐、账号同步、在线收听、音乐搜索等功能。

 

  3、信息架构

         3.png

  QQ音乐从本地音乐、我的音乐、在线音乐、更多,这四个方面对信息进行整合。

 


  “本地音乐”可以从歌手和专辑的维度对本地音乐进行播放,也可以自建本地音乐的歌单,还可以从这里查找已经下载过的缓存歌曲。

 

  “我的音乐”同步了QQ账号在各个设备上收藏的歌曲和建立的歌单,这种同步服务可以提高用户的粘度,培养用户及时登录的好习惯。为了增强社交属性,这里还有“点歌”的二级菜单,QQ用户可以为好友点歌,送给你的歌曲就会出现在这里。

 

  “在线音乐”是发现好音乐的地方。其中的“电台”类似于“豆瓣FM”,可以随机收听不同主题的音乐,系统还可以根据用户的收藏和收听习惯来猜你喜欢。这里同时提供了新歌和热歌的榜单,帮助用户最快的了解音乐流行趋势。这里还有类似于虾米音乐的精选集,为用户精选出具有主题的好音乐。

 

  “更多”里面则是整合了一些次要信息,包括个人账号、缓存设置、定时消息通知、软件信息。

 

  4、页面布局

         4.png
  类似于大多数基于iOS的app布局,QQ音乐的list页采用了列表式的布局,便于查找和扩展。主导航固定于屏幕底部,二级导航在上,左上角是统一的返回上一级按钮,右上角是正在播放的歌曲详情页,便于用户快速找到正在播放的音乐,进行停止、播放、收藏、下载、分享等操作。



  歌曲播放界面采取了全屏展示,最常用的播放/暂停、上一曲/下一曲、音量调节默认显示,当用户点击歌曲封面时,歌曲进度、播放模式、收藏、下载、分享按钮会显示出来,用户可以在这里进行相应操作。

 

  5、手势操作

        5.png

  对于歌曲的操作并不复杂,QQ音乐采用了上线滑动、左右滑动、单击的操作手势,大多是都是用户常用、显而易见的手势操作。只有在查看歌词的时候,用户需要向左划开专辑封面,图片向左下方划去,歌词出现,这一操作并不是很容易发现。

 

 

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2