1. 云裂变
  2. 营销
  3. 网站运营
  4. 3个要点,做好轮播区设计

3个要点,做好轮播区设计

作者: 日期:2022-03-06 人气:172

 

文章分享了关于轮播区设计的几个要点,希望对各位的产品工作带来些启发。

3个要点,做好轮播区设计

无论是内容类产品,还是电商类产品,一般首页上都会有一个滚动的轮播区。运营妹子往往会在轮播区里放一些期望推给用户看的内容。以我现在负责的当地头条为例,我们就会把热门的资讯文章放上来。

3个要点,做好轮播区设计

于是我们的前产品经理(为了藐视他就叫他小中吧),直接按照需求做了这样的后台设计:

3个要点,做好轮播区设计

运营妹子可以从隔壁的文章库里选择文章,投放到这个轮播区。

放在当时的情景下,这样的设计看起来自然,实际上却成了后面所有坑的源头。我们一一来细数。

1.连结独立和开放

上述设计,其实是直接复用了文章的标题作为轮播的标题,文章的图片作为轮播图,这样就产生了第一个问题:如果文章没有图,标题太长轮播区放不下,文章图片丑,怎么办?

答案是:解耦。解耦是架构师经常用的一个词,意思是系统的各个部分连结灵活独立,极端场景下可替换或丢弃。仔细看上面后台的截图,名义上它叫轮播区办理,但表格里面的每一行素质上是一篇文章,而我们期望它是一个“轮播素材”。轮播素材不成以没有图,有图也不能丑,图不丑标题还不能长。

轮播区要办理的实际上是一张图一句话一个链接所构成的“轮播素材”,文章只是这个链接背后的一种类别罢了。正因如此,一个轮播区首先要做到的是让本身变得独立,独立之后是开放。解耦就是独立,那开放是什么呢?

根据小中的设计,要把一篇文章投放到轮播区,需要先去文章库,从那里投放过来。而在轮播区办理里面自己却没有任何入口。这会发生什么事情?

如果我想投放别的一种类型的素材好比活动报名,就需要在活动库里去增加操作入口,极限情况下,如果活动模块没人维护了如何解决?如果我想投放的只是一个外部合作页面,你不能跑到合作方那里,在他的系统里加一个投放吧

答案也明显:轮播区本身应该有一个“创建”按钮,它所创建的就是它所办理的“轮播素材”,并且这种素材应该是极具开放性的,开放到只要求背后的是一个链接。 顺便说一句,互联网力量就在于开放,这种开放表示为一个个简单到极致的超链接。

2.优雅快捷的投放弹窗

把一个素材(好比文章)投放到轮播区,从设计模式上来讲,其实有两种方式:

自上而下:先到轮播区办理界面,然后点击“选择文章”从下面的文章库里选择文章上来。自下而上:先到文章库办理界面,点击“投放”,把文章投放到轮播区上去。

哪种方式好?应该说两种方式各有各的场景。如果你现在考虑的是给轮播区找一篇热文,你可能会第一时间想到自上而下的方式1。如果你现在是在文章库里审核文章,看着一篇觉得合适,那你就会选择自下而上的方式2。

我们的业务中更多的是第2种方式。在这种方式下,根据产品经理都熟悉的“最短路径”原则,,文章库里每一篇文章的后面就会有一个“投放到轮播区”的按钮。

要说的是,这个投放交互必需:

轻量,好比一个弹层,而不是和内容深深的纠结在一起(好比下图)。必需统一,在文章库里,在活动库里,投放的弹层都是同一个。按照上下文设置好默认值,好比把文章的标题或活动的名称自动作为轮播图上的标题。这其实就是解耦基础上的快捷设置。

3个要点,做好轮播区设计

3个要点,做好轮播区设计

3.统一路由

好,现在已经把轮播区和文章解耦开,也可以投放文章、活动等类型的素材了。小中给每个类型的定义了类型值,然后让客户端程序猿支持这些类型。接着某个节日来了,运营妹子想把第3种类型“投票”放到轮播区,但是这个时候程序猿说:我们还不支持,要支持新类型得发版本。

这个问题怎么破?实践中,我们的建议是提前建立一个统一的路由。

其实除了轮播区可能会到达各种页面之外,push,消息等场景也会到达各种页面。我们最好和团队约定,每设计一种新类型的页面,都应该把它加到这个统一的路由里(甚至首页也应该这样做,以我此前在阿里熟悉的电商业务而言,付款完成之后往往会引导用户去首页)。然后无论是轮播区还是push需要跳转的时候,都使用这个统一的路由器,跳转到对应的页面去。一句话概括来说就是:哪里都能去。

如果从开发伊始就使用这种方案,那么轮播区自然也就支持各种类型页面了。但是,老版本如何支持新的“投票”类型呢?

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6770

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3238

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3198

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3017

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2921

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2894

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2891

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2848

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2831

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2772

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2760

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2642

最新文章