【百天计划037】案例讲解:常见Banner配置管理需求实现

湖南快乐十分直播 www.3nf0e.cn 说到banner配置功能,熟悉互联网产品的小伙伴,或者已经有一定工作经验的小伙伴都不会陌生,在很多产品里面都非常的常见,或者可以说是标配式的功能了。通常banner的配置管理分为前台展示和后台配置管理两个部分,下面举例说明如何去实现这个需求,主要讲分析的过程,具体的原型、设计稿什么的相信大家已经很熟悉了,就不提供了。

按照《【百天计划036】产品研发:常见的产品研发流程》中的介绍,我们要先进行需求分析,而后才是功能设计和产品设计。

需求分析的过程

我们先来看前台展示部分,如果我们一上来就先决定长什么样子,就跳过需求分析的步骤了,按正常来说你要先进行需求调研。

Banner的展示作用是为了更好的展示商品、专题或者活动主题,既然是展示内容,那自然是想让用户更好的关注到,因为Banner所占的区域一般都比较大。所以首先可以找几个用户聊一下他们日常是如何浏览产品的,可以一部分是新用户,一部分是老用户。

如果用户反馈更多是通过搜索来直接查找内容,就说明用户在使用产品的时候针对性比较强,相关的内容展示并不那么重要,相对来讲Banner的展示区域就可以小一些。

如果用户反馈平时更多是通过各个渠道的宣传推广着陆页(Landing Page)进来的,说明用户对相应的营销活动比较敏感,平时打开产品的次数更多通过推介来带动,这种情况下Banner展示也不那么重要。

如果用户反馈通?;岽蚩房纯从忻挥懈潞捅浠?,这说明用户对产品页面展示是比较敏感的,这种情况下Banner展示就比较重要了。

另外可以分析一下数据,看要加Banner展示页面的分流情况是怎样的,如果直达内容的占比比较高,就印证了前面两种情况中的一种,如果流量漏斗比较明显,说明页面各区域的导航作用比较好,那就是第三种情况。

最后看一下竞品的相关页面都是如何设计的,如果也有banner展示,对方是如何处理排版和展示控制的。

我们再来看看后台配置的部分,你需要找相应的业务使用方调研一下他们对Banner的使用诉求,主要是要确认Banner的指向链接需要有哪几种形式,这个根据不同产品的业务开展会不太一样;另外就是要确认相应的数据统计要求,很多专题或者主题活动从Banner入口进去的都需要有相应的统计。

需求分析的过程要明确做这个功能的业务价值和它所起的作用,明确它所承载的业务目标,以及它在产品里面的主次。

功能设计的过程

有了大致情况的了解,我们就对这个需求有了基本的认知和定义,接下来就可以进行相应的功能设计。

前台展示方面:

1、位置和所占区域的大小。这由Banner功能的重要性决定,如果不那么重要,展示位置可以放在次要位置,大小也可以小一点,如果比较重要,自然要突出展示。

2、切换的间隔时长。太快了会导致看不清楚,太慢了后面几页Banner就没人能看到了。目前采用的比较多的都是3秒左右的间隔。

3、是否需要信息导航。分两种:一种是文字标题,即Banner图+文字标题的组合展示,现在用的比较少了,文案都直接放图片上;一种是缩略图导航,大图展示,小图导航。有段时间在WEB上用的比较多,但现在也用的比较少了。这都是设计趋势的分析。

4、切换的动画效果。采用什么样的方式进行切换,这个可以根据产品属性来决定,如果用户比较年轻化一点的,过场动画可以酷炫一点。

后台配置方面:

1、指向链接要支持几种方式。WEB端一般比较好确定,移动端相对复杂一些,原生开发的APP和H5嵌套的控制方式和不太一样,不一定都是通过配置链接来完成的,也可能是配置参数。

2、是否需要排序功能??梢匀迷擞嗽绷榛畹髡髡臖anner图的展示顺序。

3、上架/下架的控制逻辑。主要用于控制什么状态下允许编辑。

4、是否允许删除。即过往的Banner图是否要保留,如果有数据统计分析的,建议都是保留或者逻辑删除。

5、是否需要记录操作日志。每次修改Banner图配置信息的操作是否需要记录下来

产品设计的过程

基于功能设计的结果,产品设计就是把相应的功能点从概念化到具象化的过程,涉及到原型设计、交互设计、视觉设计等。

因为Banner展示的功能相对来说比较简单,这里就不再说明原型设计的过程了。用Axure实现轮播图的切换功能已经是最低的原型设计工具基本功了。

从这个案例当中我们可以看到,实际上需求分析会占用掉大部分的时间,功能设计是其次,产品设计其实是时间占比最少的。很多小伙伴都是直接上手开始画原型,如果你对某个功能已经很熟悉了,对业务也很熟悉了,确实可以这么玩。反之你还是按步骤去设计功能会比较好,不然你设计出来的东西用户没有用不说,甚至还对产品本身造成了伤害。

就比如调研出来Banner功能没那么重要,你硬要在首页给三分之一甚至二分之一的空间给这个功能,换来的只能是得不偿失。

通过这个小功能的讲解,我希望产品新人在积累产品经验的过程中,还是要按部就班的去做,这样长此以往,才能熟能生巧。不能刚一上手,还没学会走路,就开始跳远了。

评论已关闭!

?
  • 《大国小鲜》两会特辑第六期:中美新能源“争夺战” 2018-07-26
  • 恒大赴意大利开启海外拉练 J·马随队高拉特不见踪影? 2018-07-25
  • 网约车谨防四类风险 小心遗落手机被司机私自转账 2018-07-24
  • 科技以人为本 B&O于CES发布多款无线耳机新品 2018-07-23
  • 2018年军队院校报考指南 军校在山西省计划招生396人 2018-07-22
  • 郭万超 马萱:全球视野下的中国文化产业价值链 2018-07-21
  • 少讲大话,多造点核武器吧, 2018-07-20
  • “一带一路出境人员健康保障”论坛 2018-07-20
  • 南丰670名调解员活跃城乡促和谐 调处成功率达96.5% 2018-07-19
  • 636| 718| 354| 226| 286| 509| 890| 577| 798| 657|