以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

产品趋势会发生变革,有可能是自觉,也有可能被动。无论如何,都需要设计让趋势变革软着陆到用户的体验中。 从企鹅FM新版播放页出发,与你聊聊关于产品趋势是怎样通过设计传导给用户的设计思考。

  企鹅FM的内容型产品趋势

  多年没有大动作的App Store进行了改版,推出了“Today”作为home page,里面是App和游戏的深度采访专栏(iOS 11预计秋季上线)【1】;音乐App们已经彻底改变了只能是“BGM”的宿命,改头换面让喜欢音乐的人还能分享见解、阅读杂志、建立歌单······

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  这个时代,一个简单的工具或是一个走量的平台已经过时了,人们需要的是“深度”,产品纷纷向所谓的“内容型产品”转型。抱着辩证的观点看当然不是所有产品都需要这样做,但我们今天要讲的音频产品,偏偏它的基因注定了它会成长为这样一个“内容型”的音频产品。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  互联网音频产品的成长之路

  追溯当年“播客”横空出世,传统广播在互联网中的终于有了替代品。相对于传统广播,“播客”的RSS标准格式增加了许多附属的文字信息。当播客进入中国,诞生了许多像企鹅FM这种集音频托管、泛用型客户端于一身的音频平台,这些“电台App”在信息展示的基础上有了更多用户可参与的内容——评论、社群、主播······除丰富的内容和天然的订阅机制,音频本身就是大众传媒的基本内容载体之一,以上是我说音频产品有“内容型基因”的缘由。

  说回企鹅FM,我们这个产品经历了两年内容累积的“野蛮生长“,虽然不能和业内深耕十几年的产品相比,但也早已经过了一穷二白的阶段。企鹅FM不仅在不断地丰富内容(专辑、节目图文介绍,节目标签,专题、专栏等不同的深度内容),更强调用户的参与(评论、UGC原创录音)。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  而这些内容却没有完整有效的展示给用户,没有充分调动用户积极性参与进来。在收听这些少则5分钟、多则一小时的节目时,用户只能退出干别的事从而中断了体验。

  怎样将我们积攒了两年的内容通过设计重新包装,引导用户从单纯收听到深入体验内容呢?

  播放页的“决定树”

  我们决定从产品的头部页面“播放页”开始这种试水这种变革,播放页其实一直在不断优化,但是功能结构的本质其实没有变过——一直是宽而浅的决定树。

  什么是“决定树”?

  交互设计师在设计时往往会先搭建一个信息架构或者流程图,这些结构的每个步骤都是一个“决定”,这些由“决定”组合的事物结构在设计心理学中叫做“决定树”。【2】

  结构树有两个衡量的尺度:“面”的宽窄与“层”的深浅。也就是宽面/窄面、深层/浅层。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  用身边的事物举例:一道菜的菜谱是深而窄的决定树,因为做菜过程中要完成的任务很多,但是每一步都很明确,没有什么选择的余地,这决定了菜谱的深(任务多)与窄(线性流程)。国际象棋是宽而深的决定树,宽面(每一步棋都有很多走法),深层(对弈双方需要走出很多步棋才能决出胜负)。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  原本的播放页的决定树是宽面(许多任务可以执行)而浅层(每个任务都是一次性的)。比如所有的操作(暂停、快进、音效···)都是一次性的决定,或者是内容入口(专辑、主播)点击后就跳转离开,和播放页再也无关。

  宽而浅的决定树优点就是很容易操作,每一个决定都展示给你选择,这个很符合播放器的工具属性。而摆在我们面前的问题是——怎样加入丰富的内容又不破坏这种操作的易用性?

  我们对这颗决定树的改变是:在现有的播放页结构里增加一个窄面结构,让用户的某一个决定(操作)可以关联出一系列的操作和丰富内容。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  设计软着陆

  在这个“宽而浅”的支线决定树的指导下,有很多的的设计组合——

  这里关注两个重点——用户的决定和决定引发的内容。用户的这个决定可以是某个入口也可以是某种操作,延展出来的窄面结构也给了设计较大的自由度做加法(我们内部称这个窄面结构为“拓展”)。

  下图是用户可以在播放页作出的“决定”。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  下图是“拓展”中可以使用的内容(金色为原播放页缺失内容)。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  针对“拓展”的功能属性,我们提出了更加细化的设计目标去比对我们组合过的demo设计方案。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  交互设计着陆

  最终的方案我们选择了“上拉”操作作为“拓展”的触发决定,而“拓展”中的内容则选择了(节目介绍+专辑介绍+评论)的组合。这样的组合保证了用户如以往使用播放页的易用便捷,又在用户在想要更多内容时可以流畅而沉浸地阅读体验。

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  视觉设计着陆

  同期我们对视觉也进行了改良,目标同样是让用户更好地沉浸体验内容。这些尝试包括节目标题放大至左上角让重点信息更明显、去掉系统自带navigation bar让体验更沉浸、微立体的icon更具电台氛围、宽进度条用户更好操作······小小的播放页凝结了设计师们许多的思考和心血,赶快下载新版企鹅FM体验一下吧!

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  新版本面性图标:

以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆。

  新版本播放页视频演示:

  反思:设计与产品的一致性

  作为设计师,我们往往关注的是设计本身的一致性,而常常忽略与产品本身发展趋势的一致性。

  我们的产品和行业是时常在发展中的——有时候因为外部环境迫使产品转型,比如“阅后即焚”这个概念受到青少年追捧时,各大社交平台自然不能坐以待毙;有时候因为量变引发了质变,比如新版App Store,当新游戏的数量已经在新应用总量中占比逼近50%的时候,苹果将其从“App”中剥离出来成立独立门类,在iOS11中与App平行层级;有的是因为产品调整了战略方向,比如SNS社交媒体化、电商内容化·····

  以上林林总总的产品趋势,有的出于自觉,有的是被迫变革。企鹅FM的变革,其中既有本身的产品属性与内容量变质变的内因,又有行业趋势与用户取向的外因。设计师是否能在拿到产品需求时了解这些趋势甚至主动地洞察,是设计是否能与产品趋势一致的前提。

  解铃还需系铃人,设计师们擅长优雅地解决问题,更要学会灵敏地发现问题。

  参考备注

  【1】www.apple.com/ios/ios-11-preview/

  【2】The Design Of Everyday Things by Donald A. Norman

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/47827.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 00:50
下一篇 2022年7月4日 00:50

相关推荐

  • 进行网站内图片的优化需要什么技巧。

    优化网站中的图片需要哪些技巧? 一:网站中的重要内容,不要用图片。 网站设计的搜索引擎已经能够简单识别图片的内容,但是图片中的内容搜索引擎大部分都是无法识别的。至于导航,或许是网页中的重要位置,网站建设…

    2022年9月10日
    053
  • 网站建设中文字排版的注意事项。

    网站建设在设计中也有很多需要注意的事项,注意到更多的细节才能让网站显得更加饱满,尤其是网页中的文字设计,站长们也要多进行了解,才能更好地凸显网站整体的形象,那么文字排版在网页设计中的应用具体有哪些? …

    2022年10月20日
    021
  • 一个网站添加多少友情链接比较合适。

    这是一篇长期以来刻意按关键词排名的文章。它就是单纯的想把红河SEO和红河网络推广的关键词蹭上去,想通过一个内容页把红河SEO网络推广优化排到第一位[/s2/]。当然也能满足你优化外包的需求。不需要再找SEO顾问,也…

    2022年9月10日
    058
  • 网站标题如何设置更利于SEO。

    网站的标题title是网站的总结,更是搜索引擎抓取之后显示在索引页的内容,更是凸显网站信息的位置,那么我们要如何撰写网站title才更有利于网站优化呢?下面就带大家一起来了解一下。 1、网站标题简洁明了 标题不能…

    2022年10月20日
    042
  • 【企业建站】企业站优化的四个注意点。

    建网站有什么忌讳,尤其是对于新建网站的企业用户来说,在优化网站的道路上难免会有磕磕碰碰。怎样才能让自己的网站不被临时出现的问题毁掉?这四个问题要搞清楚。 经常更换网站标题 现在大部分自助建站平台都会提…

    2022年9月10日
    058
  • 三招让你的营销型网站流量暴增。

    很多客户建站后都会遇到这样的问题。网站不排名就拿不到流量,网站关键词布局不合理,结构不清晰。很难优化。你存在并发现这些问题吗?针对这种情况,牛尚的建站专家。com会给你一些建议。三招立马让你的网站获得好…

    2022年9月10日
    055
  • 购物网站开发需要注意的区总结。

    随着互联网社会的不断发展,企业网站也逐渐成为承载着企业品牌形象展示与产品推广的功能。尤其是购物网站,它需要注意的细节会更多,稍不注意可能就会影响用户体验,影响转化,那么在这个过程当中,都需要注意哪些…

    2022年10月19日
    019
  • 网站建设中网站测试的重要性。

    任何一个网站建设完成后是不能直接上线的,而是需要对网站进行测试。网站测试时要对整个网站的运行状况、显示细节等进行测试,确保网站能以最佳效果展示现来,且运行、链接畅通。做好对应的网站测试工作,用以提高…

    2022年7月4日
    0120

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息