全国服务热线:4008-888-888

技术知识

有关歌曲播发App(运用手机软件)的剖析与更改计

  1直对无线网络互动很感兴趣爱好,这次就来练练手~
  本次剖析评测根据iOS服务平台,选择了两款有意味着性的歌曲播发器,QQ歌曲和豆瓣FM。因为这两款商品在web端就拥有巨大的客户基本,有1定的客户粘性,手机上端是web端拓宽,总体目标客户、信息内容构架、关键体验这些也都承继了web端独特设计风格。这两款商品能够代两类表精准定位不一样的歌曲播发器。1种是大而全的,作用全面,可考虑客户管理方法当地歌曲、同歩别的机器设备歌曲、发现好歌曲等多种多样要求(相近运用:百度搜索ting、酷我歌曲盒、iScrob)。1种是小而简的,实际操作简易,就像应用收音机1样,开启就听,不喜爱就换台(相近运用:虾米FM、Console.fm)。
  QQ歌曲
  1、页面总览
  2、要求剖析
  总体目标客户:喜爱歌曲的一般青年,QQ商品的忠诚客户。
  客户要求:随时随地听歌曲,沒有wifi时能够听当地歌曲,有wifi时能够线上听,遇到喜爱的音乐能够出示 免费下载,能同歩别的机器设备上个人收藏的音乐。
  设计方案总体目标:出示播发当地歌曲、账户同歩、线上收听、歌曲检索等作用。
  3、信息内容构架
  QQ歌曲从当地歌曲、我的歌曲、线上歌曲、更多,这4个层面对信息内容开展整合。
  “当地歌曲”能够从歌手和专辑的维度对当地歌曲开展播发,还可以自建当地歌曲的歌单,还能够从这里搜索早已免费下载过的缓存文件音乐。
  “我的歌曲”同歩了QQ账户在各个机器设备上个人收藏的音乐和创建的歌单,这类同歩服务能够提升客户的粘度,塑造客户立即登陆的好习惯性。以便提高社交媒体特性,这里也有“点歌”的2级菜单,QQ客户能够为朋友点歌,送给你的音乐就会出現在这里。
  “线上歌曲”是发现好歌曲的地区。在其中的“电台”相近于“豆瓣FM”,能够任意收听不一样主题的歌曲,系统软件还能够依据客户的个人收藏和收听习惯性来猜你喜爱。这里另外出示了新歌和热歌的榜单,协助客户最快的掌握歌曲时兴发展趋势。这里也有相近于虾米歌曲的精选集,为客户精选出具备主题的好歌曲。
  “更多”里边则是整合了1些主次信息内容,包含本人账户、缓存文件设定、定时执行信息通告、手机软件信息内容。
  4、网页页面合理布局
  相近于大多数数根据iOS的app合理布局,QQ歌曲的list页选用了目录式的合理布局,便于搜索和拓展。主导航栏固定不动于显示屏底部,2级导航栏在上,左上角是统1的回到上1级按钮,右上角是正在播发的音乐详细信息页,便于客户迅速寻找正在播发的歌曲,开展终止、播发、个人收藏、免费下载、共享等实际操作。
  音乐播发页面采用了全屏展现,最常见的播发/中止、上1曲/下1曲、声音调整默认设置显示信息,当客户点一下音乐封面时,音乐进度、播发方式、个人收藏、免费下载、共享按钮会显示信息出来,客户能够在这里开展相应实际操作。
  5、手式实际操作
  针对音乐的实际操作其实不繁杂,QQ歌曲选用了上线拖动、上下拖动、点击的实际操作手式,大多数是全是客户常见、不言而喻的手式实际操作。仅有在查询歌词的情况下,客户必须向左划开专辑封面,照片向左正下方划去,歌词出現,这1实际操作其实不是很非常容易发现。
  豆瓣FM
  1、页面总览
  2、要求剖析
  总体目标客户:喜爱歌曲的文艺青年,豆瓣商品的忠诚客户。
  客户要求:像豆瓣FM1样,要是1开启,无需任何实际操作,就可以播发那些我喜爱的文艺范童谣曲。
  设计方案总体目标:页面清新、实际操作简易、强烈推荐精确、减少播发音乐的相对路径。
  3、信息内容构架
  豆瓣FM的信息内容构架要简易很多,等级浅、实际操作简易,要是开启电台,就会播发音乐。客户能够拖动音乐上方挑选兆赫,还可以根据目录挑选。豆瓣不容易让客户劳神的去挑选要听那首歌,客户要是选择想听的种别,豆瓣就会全自动强烈推荐。豆瓣期待客户能够“认真养电台”,依据客户长期性的应用习惯性,剖析客户加心或挑选已不播发的音乐,强烈推荐合乎客户爱好的音乐。
  4、页面合理布局
  豆瓣FM的页面十分简易,开启运用既是音乐播发页面,页面上仅有喜爱、不在播发和下1曲的按钮。拖动音乐上即可以挑选赫兹,正在播发的音乐会逐渐消退,新的音乐会逐渐响起,过多很轻缓。
  由于豆瓣的精准定位是电台,想听就开启,不想听就关上,因此播发连中止按钮都简化了。点一下专辑时封面会旋转,显示信息音乐的评分。
  点一下左上角按钮能够进到归类挑选音乐的目录页,目录页分成个人兆赫和公共性兆赫。个人兆赫是豆瓣根据客户习惯性强烈推荐的音乐和客户加心个人收藏的音乐,公共性兆赫随即强烈推荐具备1定主题的好歌。
  点一下右上角的设定按钮,设定以提示信息的方式出現,这又为豆瓣节约了1个页面。因此豆瓣FM真实保证了极简,仅有两个网页页面,音乐播发页和目录页。
  豆瓣FM的页面还采用了拟物化的设计方案隐喻,如未播发歌曲时的情况就像收音机的喇叭,专辑反面的细节,做的也和真的CD反面1样。
  歌曲播发器的更改计
  1、商品精准定位和信息内容构架
  本次歌曲播发器的更改计,精准定位于作用全面、能够处理客户多种多样情景下要求的歌曲播发器,能够线上发现好歌曲、对音乐开展个人收藏和免费下载、管理方法和播发当地歌曲、检索歌曲等。
  根据对现有商品的剖析,发现信息内容构架等级较深、强烈推荐歌曲內容较多。从客户的要求看来,无目地收听歌曲时,客户期待有好的歌曲能够强烈推荐给自身,看看近期时兴的歌曲是甚么。有目地收听歌曲时,客户期待能够迅速寻找自身个人收藏过的歌曲或当地歌曲,或对想听的音乐开展检索。在剖析现有商品时发现,许多app出示了各种各样电台、精选集、排行榜等让人头晕眼花缭乱的精选强烈推荐,让客户迷茫的另外,也使商品变得臃肿。
  在再次界定商品作用时,期待合拼作用相近的强烈推荐,如电台和精选集,能够从主题和歌曲人的不一样维度开展强烈推荐。另外期待扁平化信息内容构架,减少客户实际操作相对路径。将不常应用的主次实际操作放在更多中,突显关键每日任务。 下列是对信息内容构架开展的梳理:
  2、商品原形设计方案
  在对商品开展整理以后,制做原形以下:
  参考信息内容构架,将商品1级导航栏置于显示屏底部,2级导航栏置于顶部
。扁平化的信息内容构架,除精选集外,沒有2级网页页面。客户在1级导航栏间开展切换时,默认设置会显示信息第1个tab页,也便是客户最常见的网页页面,此时只必须1次点一下,便可看到歌曲目录。
  现有的歌曲播发器,一般在点一下音乐后会进到新网页页面播发音乐。假如客户想在访问别的网页页面后想关掉歌曲,必须再度进到播发网页页面,提升了网页页面深层。
  能够将播发网页页面的实际操作和信息内容,如中止、上1曲/下1曲、个人收藏、免费下载和播发进度,整合在较为小的地区内,置于歌曲播发器目录页下部,便捷随时开展实际操作。如客户要想查询歌词,能够向上拖动播发器,便可进行歌词。
  当客户看惯了点一下浮出实际操作层时,还可以换换另外一种方法。向右划动音乐,音乐的下1层便会出現个人收藏、免费下载的实际操作。自然,第1次应用的情况下必须初学者正确引导1下。
  手机微信能够摇1摇,歌曲播发器自然还可以。当听到不喜爱的音乐时,摇1摇便可以换首歌听。
  在Web页面中应用往下拉菜单,是节约室内空间提升拓展性的好方法,手机上端还可以效仿下。针对不常见的主次实际操作,能够在点一下时滑出。
  检索这项作用在歌曲app中常常处在有点难堪的部位,放在哪儿个网页页面好呢?假如放在某1个网页页面上,那就只能在这个网页页面內容的內部开展检索,放在所 有网页页面上又太唠叨,独立有个检索网页页面又没必要,终究并不是常见作用。出于对检索作用其实不常见的考虑到,这次将检索放在了更多中,纵向滑出后还能够横向滑出检索 框,能够对网上和当地的所有內容开展全局性检索。

  3、视觉效果稿
  因为時间比较有限,只简易产出了一部分视觉效果稿:
  4、手式实际操作
  左右拖动,查询音乐目录
  向上拖动播发器查询歌词,向下拖动可收起
  向右划动音乐,正下方出現常见实际操作
  点一下更多,滑出检索和设定,点一下检索,向左划出检索框
  摇晃手机上,播发下1曲
  别的点一下实际操作
  作者:李月


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服