如何傻瓜式的设计电商客户端首页
时间：2022-08-02 19:09:01 | 来源：网站运营
时间：2022-08-02 19:09:01 来源：网站运营
前言
- 看 的图片，是一个典型的电商类应用的首页，首页包含了轮播、商品的分类、公告、优惠券、广告图、热卖推荐的商品等；
- 一般我们会怎么设计呢？
- 第一步：设计轮播表，对应输出到首页的位置；
- 第二步：设计商品的分类表；
- 第三步：设计公告表；
- 第四步：设计专门的优惠券展示表；
- 第五步：设计广告表；不同的广告显示方式不一样，可能9宫格，可能左右分，这块如果前后分离，前后端人员都需要事先商定好；
- 第6步：做热门推荐的商品表，如果推荐类型比较多，还需要分好几个类型，甚至好几个表来处理；
- 假如首页布局要变更，该怎么办？重新设计，重新组合页面，UI、前端、后端、运维都需要参与做改动；
- 这些是不是太麻烦了？有没有？
我们是怎么做的？
- 我们使用了有赞的微页面组建，具体请点击：https://youzan.github.io/zent/zh/component/design ，虽然是一个废弃的组件，但是非常有用，对于日常的电商类开发，基本是足够了，有赞已经做了新版，但是很可惜没有开放出来；
使用zent/design有什么好处？
- 以顶部轮播来举例：
- 如果按照常规的做法，这些都需要固定，有调整，都需要做代码级的调整；但是使用这个组件后，你会发现，只需要运营人员自己去调整就行，完全不需要UI、前端、后端人员来参与；
- 看 的图：
- 轮播可以自定义显示的方式，同时可以控制显示数量，运营人员完全能自主的操作，根本不需要开发人员来参与；
最后总结
- 很多时候开发人员天天被运营骚扰的情况，核心原因其实是因为系统设计的有问题，很多都是写死的操作，每次的改动，都不得不经历代码改动、测试、上线这三个步骤，一不小心还会发生系统错误，导致系统不稳定，每天在忙忙碌碌做事，但真正的水平提高真心是没有，做的都是一些重复性的劳动；
在线咨询
