如何规范轮播图的后台设计？

汪界小萌新 2023-07-21 22:54:02

一、问题

也许有的小伙伴，公司的产品只有一个位置需要展示轮播图，那么后台肯定就是一对一啦，设置之后就对应展示，这个是毫无疑问的。

但是假设，公司发展需要，做了小程序，那么展示轮播图的位置是不是就多加了一个呢？也可能是加入了新的模块，也有了新运营位的需求，去增加轮播图的展示位置，这个时候，后台做一个好像就不行了，因为有很多个位置，一个后台对应的数据就应该是一个位置的。

于是，很多小伙伴，提出的轮播图需求，除去前端的设计，后台的设计就是一句话——我们之前不是有做了一个轮播图的后台吗？照着那个再做一个就好了。或者说照着那个做再加点什么什么字段就好了。

然后问题就来了：

这次新增了一个，开发就去复制一个后台。下次新增一个，开发就再复制一个后台。先不说工作量的问题，久而久之，也累积起来很多个轮播图的后台了。

新人运营同学这时候可能就会很懵逼了，我要去XX运营位上一个新图，可是这么多个后台，哪个是我要上图的运营位的呢？

这个时候可能需要新增后台的使用文档去维护，这是理想状况下。

有些小伙伴的公司后端系统功能庞杂，设计轮播图后台也很随意，后端就随便起个名字，随便找个地方一放，那找起来就很胃疼了。

这还是不是最让人头疼的，如果运营同学一个不小心，把图上错到不该上的地方，那么，就有可能带来公司方面的损失。追究起来也许大家都要承担责任，就非常的不好了。

二、方案

照着再做一个——这么简单的决定很可能为你的同事埋下了无数的隐患。

那么，小伙伴可能会问，要怎么做才能避免这样的情况出现呢？

我给出的建议是，不用新增后台，在初始的那个轮播图后台上面去做新增的功能就好了，这样就是一个聚合信息的管理。

当然了，这个方法说起来是很简单的，真正执行的时候也许会遇到一些问题。

1. 筛选

全部的数据堆在一起，在一个列表页面展示，不就乱套了吗？

这个解决的方案是在列表页的筛选项添加一个位置的筛选。加入这个筛选项之后，筛选出想要看的位置的数据，排除了其他位置的数据之后，就会很清晰，不会出现混乱了。

还有一个附加的好处就是不做筛选的时候可以一目了然的看到所有的轮播图的数据。如果想要聚焦在某个位置的数据上，作出筛选即可。数据的展示变得非常灵活。

图片示例-列表页：

产品经理，产品经理网站

2. 差异化

都在同一个页面去新增和编辑，两个位置的数据不一样怎么办？比如说，2个位置的轮播图图片的大小要求不一样。

这个也很好办——在轮播图内容的编辑加一个字段设置位置。通常会是下拉选项，位置的名称也最后是容易理解的位置信息。根据位置字段的切换，就可以区别的展示需要输入的字段，提示等。这个也是列表页筛选的数据来源，所以必不可少。通过这样的差异化处理，可以实现内容的聚合，而不会因为有差异就只能重新做一份，达到统一管理的目的。

图片示例-编辑页1：

产品经理，产品经理网站

3. 补充提示

也许有小伙伴会说轮播图还会加什么功能吗？不是都大同小异的展示图片和跳转页面而已。其实还真的有，而且根据业务的需求可能有各种不同的功能。

我举一个栗子，就是跳转的前置操作。

所谓的跳转的前置操作，也就是在页面跳走之前做的一些操作。具体做法是编辑轮播图内容的时候加上一个前置操作的标识单选项，让开发加上对应的处理。

可以是这样的场景——希望轮播图跳转的H5根据每个用户做一些特殊展示。

可是有一些位置是不需要登录就能进入的，就像首页，这个时候就只能在轮播图上做前置的处理。在点击之后不是直接跳转，而是先弹出登录框让未登录的用户登录，从而获取相关信息。

图片示例-编辑页2：

产品经理，产品经理网站

4. 理由

这样的聚合管理为什么可以避免问题呢？

其实问题的核心就是“多”这一个点造成的：并存的多个导致混乱。因为多个所以不好查找，也不好维护。当不新增之后，管理轮播图的后台基本就是维持在一个地方。现在，对于运营的同学来说，要找到这个位置就不再困难了，不会眼花缭乱的对着一堆后台页面，但是又不知道那个才是自己真正需要去修改的。剩下的只要区分清楚位置就好了，节省了很多时间，有交接的新同学也很容易去说明了。

那么对于产品设计本身的影响大不大呢，会不会增加很多工作量？我觉得其实是不大的。排除掉这件事，在原先照搬的策略下面，产品设计上也是需要设计前端展示和后端功能，变成只是去新增之后，需要做的工作并没有实质的改变。相反的，在编辑后台说明的时候也会更方便，只需要在一个后台说明去增改就行，也不用加很多个说明文档去挨个解释。如果说需要添不同位置的轮播图，但是字段又差不多的话，后台甚至也不用设计了，直接让开发添加个位置字段的选择就可以了。