UI設(shè)計(jì)|四類網(wǎng)站的功能模塊與布局

時(shí)間：2023-06-04 08:21:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-04 08:21:02 來源：網(wǎng)站運(yùn)營(yíng)

UI設(shè)計(jì)|四類網(wǎng)站的功能模塊與布局：

一.企業(yè)官網(wǎng)功能模塊與布局

1.企業(yè)站設(shè)計(jì)的常見功能模塊

關(guān)于我們、公司新聞、門戶資訊、服務(wù)項(xiàng)目、產(chǎn)品展示、我們的優(yōu)勢(shì)

團(tuán)隊(duì)介紹、用戶評(píng)價(jià)、客戶案例、常見問題、公司報(bào)價(jià)、聯(lián)系我們

公司歷程、新聞告示、通欄廣告、商城、網(wǎng)頁頁腳、友情鏈接

企業(yè)站會(huì)由以上模塊的5?8個(gè)組成

常見組成由LOGO,導(dǎo)航欄，關(guān)于我們/公司歷程，產(chǎn)品/服務(wù)介紹，團(tuán)隊(duì)介紹,客戶案例，友情鏈

接等




2.企業(yè)站常見排版設(shè)計(jì)

二.電商站常見功能模塊與布局

1.電商站的常見功能模塊

?LOGO店招、產(chǎn)品分類、優(yōu)惠券、VIP俱樂部

?HOT熱賣、NEW上新、產(chǎn)品優(yōu)勢(shì)、團(tuán)購優(yōu)惠

?節(jié)日運(yùn)營(yíng)、優(yōu)惠促銷、產(chǎn)品詳情、BANNER

?產(chǎn)品展示、系列產(chǎn)品、我們優(yōu)勢(shì)、聯(lián)系我們

?售后服務(wù)、當(dāng)季熱賣、活動(dòng)推廣、原料工藝




2.電商站的常見排版設(shè)計(jì)

電商站以上模塊的5?8個(gè)組成

常見由LOGO店招、產(chǎn)品分類、優(yōu)恵券、系列產(chǎn)品、當(dāng)季熱賣，NEW上新,售后服務(wù)，我們優(yōu)

勢(shì)，聯(lián)系我們

三.活動(dòng)頁專題設(shè)計(jì)常見功能模塊與布局

1.活動(dòng)頁專題的常見功能模塊

活動(dòng)頁,顧名思義,是對(duì)產(chǎn)品及活動(dòng)進(jìn)行特定時(shí)間段的節(jié)慶促銷,宣傳推廣,營(yíng)銷產(chǎn)品的專門頁面

活動(dòng)頁常見模塊

（1）.活動(dòng)標(biāo)題

（2）.活動(dòng)入口

（3）.活動(dòng)獎(jiǎng)品/商品展小

（4）.活動(dòng)參與人數(shù)

（5）.有效時(shí)間

（6）.獲獎(jiǎng)信息

（7）.活動(dòng)規(guī)則




2.如何做好活動(dòng)頁

利益點(diǎn)描述：直接折扣、福利優(yōu)惠、產(chǎn)品優(yōu)點(diǎn)

文案和活動(dòng)策劃的新穎：用詞和圖文吸引眼球

用故事化的方式設(shè)計(jì)場(chǎng)景：讓用戶沉浸思考且愿意去體驗(yàn)去玩

活動(dòng)力度重折扣拼價(jià)格：利用人喜歡占便宜心里

產(chǎn)品優(yōu)點(diǎn)細(xì)節(jié)展示：證明質(zhì)量打消購買者顧慮

從目標(biāo)用戶的消費(fèi)力的角度：簡(jiǎn)樸的/平價(jià)的/高貴的/奢華的。

活動(dòng)頁的排版一般比較活潑，元素具有明確的視覺流向下向重要信息引導(dǎo)性。

元素的使用符合本次活動(dòng)的主題設(shè)計(jì)，合理利用空間，對(duì)活動(dòng)信息直觀呈現(xiàn)。

首屏尺寸最好在460?760之間比較好，重要內(nèi)容盡量點(diǎn)題設(shè)計(jì)，引起用戶下來興趣。




3.活動(dòng)頁文案設(shè)計(jì)

（1）時(shí)效性文案，抓熱點(diǎn)和節(jié)日，雙11,愛她，就為她清空這輛車！

（2）情感共鳴文案，抓用戶痛點(diǎn)，所謂孤獨(dú)就是，有的人無話可說，有的話無人可說

（3）增加緊迫感，時(shí)間限制，5折狂歡，只限今日，再不護(hù)膚就老了，最后50個(gè)試用名額

（4）產(chǎn)品的優(yōu)勢(shì)，突出產(chǎn)品和服務(wù)的效率，專業(yè)，省時(shí)間，省費(fèi)用，如，邊睡邊掉肉

（5）拋出問題引起思考，人民幣一塊錢在今天還能買點(diǎn)什么？

（6）凸現(xiàn)個(gè)性品位，“與眾不同的人”“我們的瘋狂，是為了改變世界” 【喜歡就表白，不

喜歡就拉黑】

（7）喪的文案，暴風(fēng)雨之后，不僅沒看到彩虹，還感冒了

（8）扎心文案，別人在等傘，我在等雨停




4.活動(dòng)頁常見版式







四.PC后臺(tái)設(shè)計(jì)活動(dòng)頁專題設(shè)計(jì)常見功能模塊與布局

例如：電商后臺(tái)功能塊

電商網(wǎng)站后臺(tái)九大功能模塊詳解

隨著電子商務(wù)的發(fā)展，網(wǎng)上購物正在趨于一種時(shí)尚，電子商務(wù)網(wǎng)站也逐漸成為企業(yè)順應(yīng)潮流的

標(biāo)配。大多數(shù)人知道可能在電子商務(wù)網(wǎng)站前端有查詢，注冊(cè)登錄，購物車等等功能。

可是您知道建設(shè)電子商務(wù)網(wǎng)站后臺(tái)功能模塊都有哪些么？

今天我們就聊聊電商網(wǎng)站后臺(tái)功能模塊的那些事。

電子商務(wù)網(wǎng)站整個(gè)系統(tǒng)的后端管理，按功能劃分為九大模塊,包括商品組織管理、訂單處理、

內(nèi)容發(fā)布管理等模塊。




1.后臺(tái)主頁：

各類主要信息的概要統(tǒng)計(jì)，包括客戶信息、訂單信息、商品信息、庫存信息、評(píng)論和最近反饋

等。




2.商品模塊：

(1)商品管理：商品和商品包的添加、修改、刪除、復(fù)制、批處理、商品計(jì)劃上下架、SEO、商

品多媒體上傳等，可以定義商品是實(shí)體還是虛擬，可以定義是否預(yù)訂、是否缺貨銷售等。

(2)商品目錄管理：樹形的商品目錄組織管理，并可以設(shè)置關(guān)聯(lián)/商品推薦。

(3)商品類型管理：定義商品的類型，設(shè)置自定義屬性項(xiàng)、SKU項(xiàng)和商品評(píng)論項(xiàng)。

(4)品牌管理：添加、修改、刪除、上傳品牌LOGO。

(5)商品評(píng)論管理：回復(fù)、刪除。




3.銷售模塊：

(1)促銷管理：分為目錄促銷、購物車促銷和優(yōu)惠券促銷三類，可以隨意定義不同的促銷規(guī)

則，滿足日常促銷活動(dòng)：購物折扣、購物贈(zèng)送積分、購物贈(zèng)送優(yōu)惠券、購物免運(yùn)輸費(fèi)、特價(jià)商

品、特定會(huì)員購買特定商品、折上折、買二送一等。

(1)禮券管理：添加、發(fā)送禮券

(2)關(guān)聯(lián)/推薦管理一一基于規(guī)則引擎，可以支持多種推薦類型，可手工添加或者自動(dòng)評(píng)估商

品。




4.訂單模塊：

(1)訂單管理：可以編輯、解鎖、取消訂單、拆分訂單、添加商品、移除商品、

確認(rèn)可備貨等，也可對(duì)因促銷規(guī)則發(fā)生變化引起的價(jià)格變化進(jìn)行調(diào)整。訂單處理完

可發(fā)起退貨、換貨流程。

(2)支付：常用于訂單支付信息的查看和手工支付兩種功能。手工支付訂單，常

用于“款到發(fā)貨”類型的訂單，可理解為對(duì)款到發(fā)貨這類訂單的一種補(bǔ)登行為。

(3)結(jié)算：提供商家與第三方物流公司的結(jié)算功能，通常是月結(jié)。同時(shí)，結(jié)算功能也是常用來

對(duì)''貨到付款”這一類型訂單支付后的數(shù)據(jù)進(jìn)行對(duì)帳




5.庫存模塊：

(1)庫存管理：引入庫存的概念，不包括銷售規(guī)則為永遠(yuǎn)可售的商品，一個(gè)SKU對(duì)應(yīng)一個(gè)庫存

量。庫存管理提供增加、減少等調(diào)整庫存量的功能；

另外，也可對(duì)具具體的SKU設(shè)置商品的保留數(shù)量、***小庫存量、再進(jìn)貨數(shù)量。每條SKU商品

的具體庫存操作都會(huì)記錄在庫存明細(xì)記錄里邊。

(2)查看庫存明細(xì)記錄。

(3)備貨/發(fā)貨：創(chuàng)建備貨單、打印備貨單、打印發(fā)貨單、打印EMS快遞單、完成發(fā)貨等一系列

物流配送的操作。

(4)退/換貨：對(duì)退/換貨的訂單進(jìn)行收貨流程的處理。




6.內(nèi)容模塊：

(1)內(nèi)容管理：包括內(nèi)容管理以及內(nèi)容目錄管理。內(nèi)容目錄由樹形結(jié)構(gòu)組織管理。類似于商品

目錄的樹形結(jié)構(gòu)，可設(shè)置目錄是否為鏈接目錄。

(2)無限制創(chuàng)建獨(dú)立內(nèi)容網(wǎng)頁，比如關(guān)于我們，聯(lián)系我們。

(3)廣告管理：添加、修改、刪除、上傳廣告、定義廣告有效時(shí)限。

(4)可自由設(shè)置商城導(dǎo)航欄目以及欄目?jī)?nèi)容、欄目鏈接。




7.客戶模塊：

(1)客戶管理：添加、刪除、修改、重設(shè)密碼、發(fā)送郵件等。

(2)反饋管理：刪除、回復(fù)。

(3)消息訂閱管理：添加、刪除、修改消息組和消息、分配消息組、查看訂閱人。

(4)會(huì)員資格：添加、刪除、修改。




8.系統(tǒng)模塊：

(1)安全管理：管理員、角色權(quán)限分配和安全日志。

(2)系統(tǒng)屬性管理：用于管理自定義屬性。可關(guān)聯(lián)模塊包括商品管理、商品目錄管理、內(nèi)容管

理、客戶管理。

(3)運(yùn)輸與區(qū)域：運(yùn)輸公司、運(yùn)輸方式、運(yùn)輸?shù)貐^(qū)。

(4)支付管理：支付方式、支付歷史。

(5)包裝管理：添加、修改、刪除。

(6)數(shù)據(jù)導(dǎo)入管理：商品目錄導(dǎo)入、商品導(dǎo)入、會(huì)員資料導(dǎo)入。

(7)郵件隊(duì)列管理：監(jiān)控郵件發(fā)送情況，刪除發(fā)送異常郵件。




9.報(bào)表模塊：

缺省數(shù)個(gè)統(tǒng)計(jì)報(bào)表，支持時(shí)間段過濾、支持按不同狀態(tài)過濾、支持HTML、PDF和Excel格式的

導(dǎo)出和打印。

(1)用戶注冊(cè)統(tǒng)計(jì)

(2)低庫存匯總

(3)缺貨訂單

(4)訂單匯總

(5)退換貨