网站建设
建站资讯Website News

您的位置:主页 > 营销知识 > 建站资讯 > 以企鹅FM新版播放页为例,聊聊产品趋势的设计软着陆

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

上海网站建设公司建站资讯2017-09-04

  产品趋势会发生变革,有可能是自觉,也有可能被动。无论如何,都需要设计让趋势变革软着陆到用户的体验中。 从企鹅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新版播放页为例,聊聊产品趋势的设计软着陆
欢迎您访问,如有疑问请联系客服
TAG企鹅,新版,播放,为例,聊聊,产品,趋势,设计,软着陆,产品,上海网站建设,上海网站制作,上海APP开发

最新案例

相关文章

更多最新文章

网站关键词

上海云轩网络版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号