如何傻瓜式的設(shè)計電商客戶端首頁
時間：2022-08-02 19:09:01 | 來源：網(wǎng)站運(yùn)營
時間：2022-08-02 19:09:01 來源：網(wǎng)站運(yùn)營
前言
- 看 的圖片，是一個典型的電商類應(yīng)用的首頁，首頁包含了輪播、商品的分類、公告、優(yōu)惠券、廣告圖、熱賣推薦的商品等；
- 一般我們會怎么設(shè)計呢？
- 第一步：設(shè)計輪播表，對應(yīng)輸出到首頁的位置；
- 第二步：設(shè)計商品的分類表；
- 第三步：設(shè)計公告表；
- 第四步：設(shè)計專門的優(yōu)惠券展示表；
- 第五步：設(shè)計廣告表；不同的廣告顯示方式不一樣，可能9宮格，可能左右分，這塊如果前后分離，前后端人員都需要事先商定好；
- 第6步：做熱門推薦的商品表，如果推薦類型比較多，還需要分好幾個類型，甚至好幾個表來處理；
- 假如首頁布局要變更，該怎么辦？重新設(shè)計，重新組合頁面，UI、前端、后端、運(yùn)維都需要參與做改動；
- 這些是不是太麻煩了？有沒有？
我們是怎么做的？
- 我們使用了有贊的微頁面組建，具體請點(diǎn)擊：https://youzan.github.io/zent/zh/component/design ，雖然是一個廢棄的組件，但是非常有用，對于日常的電商類開發(fā)，基本是足夠了，有贊已經(jīng)做了新版，但是很可惜沒有開放出來；
使用zent/design有什么好處？
- 以頂部輪播來舉例：
- 如果按照常規(guī)的做法，這些都需要固定，有調(diào)整，都需要做代碼級的調(diào)整；但是使用這個組件后，你會發(fā)現(xiàn)，只需要運(yùn)營人員自己去調(diào)整就行，完全不需要UI、前端、后端人員來參與；
- 看 的圖：
- 輪播可以自定義顯示的方式，同時可以控制顯示數(shù)量，運(yùn)營人員完全能自主的操作，根本不需要開發(fā)人員來參與；
最后總結(jié)
- 很多時候開發(fā)人員天天被運(yùn)營騷擾的情況，核心原因其實(shí)是因?yàn)橄到y(tǒng)設(shè)計的有問題，很多都是寫死的操作，每次的改動，都不得不經(jīng)歷代碼改動、測試、上線這三個步驟，一不小心還會發(fā)生系統(tǒng)錯誤，導(dǎo)致系統(tǒng)不穩(wěn)定，每天在忙忙碌碌做事，但真正的水平提高真心是沒有，做的都是一些重復(fù)性的勞動；
在線咨詢