本文以買方工作臺(tái)的主頁設(shè)計(jì)為例，介紹了電子商務(wù)網(wǎng)站后端主頁的整體設(shè)計(jì)思路。

電子商務(wù)網(wǎng)站一般分為兩個(gè)方面：前端導(dǎo)購(gòu)和后臺(tái)管理。它們通常由兩個(gè)角色組成：買方和賣方。大部分工作都是在后臺(tái)完成，涉及各種管理系統(tǒng)，以確保日常工作的順利進(jìn)行。

由于其復(fù)雜的邏輯，眾多的業(yè)務(wù)和強(qiáng)大的專業(yè)性，后端產(chǎn)品設(shè)計(jì)更具挑戰(zhàn)性。在許多情況下，設(shè)計(jì)師的游戲受到很大限制。特別是，B類后端產(chǎn)品的設(shè)計(jì)需要更全面地了解公司的業(yè)務(wù)并增加其設(shè)計(jì)難度。作為設(shè)計(jì)師，如何重新定義后端業(yè)務(wù)價(jià)值？如何進(jìn)行產(chǎn)品設(shè)計(jì)思考？讓我們以買方工作臺(tái)的主頁設(shè)計(jì)為例介紹整體設(shè)計(jì)理念。

什么是交易者的工作臺(tái)？

交易者的工作臺(tái)是基于1688大數(shù)據(jù)的中小企業(yè)運(yùn)營(yíng)管理背景，用于業(yè)務(wù)決策和日常工作管理。

在設(shè)計(jì)之前：思考最前沿并與業(yè)務(wù)部門合作以確定產(chǎn)品方向

轉(zhuǎn)變思維方式：從被動(dòng)接受到主動(dòng)提議

作為一名體驗(yàn)設(shè)計(jì)師，我需要對(duì)整個(gè)產(chǎn)品負(fù)責(zé)。在產(chǎn)品轉(zhuǎn)型的早期階段，我將提前關(guān)注PD。整個(gè)鏈接將主動(dòng)提出產(chǎn)品的整體概念，而不是介入交互式功能，或可視化特定頁面的性能。前進(jìn)。在聚焦過程中，我們也發(fā)現(xiàn)項(xiàng)目存在許多困難：涉及B2B的所有業(yè)務(wù)，風(fēng)險(xiǎn)大，影響范圍廣。為了確保產(chǎn)品方向的準(zhǔn)確性，有必要與業(yè)務(wù)方進(jìn)行多次溝通討論和產(chǎn)品報(bào)告。產(chǎn)品方向確定基本流程：思路重點(diǎn) - mdash; —節(jié)目討論— —程序設(shè)計(jì)— —產(chǎn)品報(bào)告— —

重構(gòu)業(yè)務(wù)價(jià)值的三個(gè)步驟：

首先，了解定位，改變觀點(diǎn)

1.了解產(chǎn)品的整體定位：在重建商業(yè)價(jià)值之前充分了解產(chǎn)品定位。以工作臺(tái)為例，1688年為B2B市場(chǎng)提出了人員，商品和領(lǐng)域的戰(zhàn)略。人：幫助排水，貨物：提高質(zhì)量，領(lǐng)域：提高能力，作為1688用戶的核心工作場(chǎng)景 - Workbench已經(jīng)成為重要的場(chǎng)景之一，需要通過新策略進(jìn)行升級(jí)，以提高人們的匹配效率。背景場(chǎng)。

2.從業(yè)務(wù)角度到用戶角度：在設(shè)計(jì)焦點(diǎn)的過程中，現(xiàn)有版本包含更多內(nèi)部操作邏輯，反映每個(gè)部門的興趣和立場(chǎng)。例如，如果需要將新業(yè)務(wù)提升為用戶，則會(huì)向用戶區(qū)域添加介紹部分以體驗(yàn)場(chǎng)景，并且缺乏用戶體驗(yàn)該功能的場(chǎng)景和動(dòng)機(jī)。一個(gè)偏向于交通分布的核心位置。在用戶級(jí)別很難理解業(yè)務(wù)視角。作為B型用戶，更多的是從業(yè)務(wù)角度使用背景，并且需要進(jìn)行一層轉(zhuǎn)換才能達(dá)到認(rèn)知，這在一定程度上影響了用戶的使用效率。因此，需要將其翻譯成用戶可以理解的產(chǎn)品表達(dá)。

第二，統(tǒng)一戰(zhàn)線，確立目標(biāo)

與產(chǎn)品和運(yùn)營(yíng)建立統(tǒng)一戰(zhàn)線。將一個(gè)流量分配為核心核心位置可創(chuàng)建以客戶服務(wù)為中心的產(chǎn)品。

三，明確關(guān)系，建立大型地圖

澄清業(yè)務(wù)價(jià)值的成員，作為一個(gè)平臺(tái)，有三方：平臺(tái)方，買方和賣方。完整的商業(yè)價(jià)值建設(shè)需要由三方協(xié)調(diào)。工作臺(tái)以Ali Big Data為中心。網(wǎng)站平臺(tái)的第二個(gè)平臺(tái)通過行業(yè)市場(chǎng)為我們的買家服務(wù)。同時(shí)，我們通過業(yè)務(wù)開發(fā)系統(tǒng)幫助賣家?guī)椭覀兊纳碳页砷L(zhǎng)。商家可以通過自我增長(zhǎng)來提高自己的運(yùn)營(yíng)能力，為買家提供服務(wù)。建立鐵三角服務(wù)的堅(jiān)實(shí)生態(tài)地圖。通過建立價(jià)值生態(tài)情景，幫助企業(yè)開拓上下游市場(chǎng)，使第二小優(yōu)質(zhì)服務(wù)買家，促使企業(yè)經(jīng)營(yíng)。

明確商業(yè)價(jià)值后的產(chǎn)品設(shè)計(jì)

首先，點(diǎn)擊用戶制作痛點(diǎn)

1.定性：利用敏捷的共建和研究，在有限的時(shí)間內(nèi)獲取豐富有效的信息

首先，談?wù)勓芯糠椒ǖ倪\(yùn)用，傳統(tǒng)的研究使用，從制定面試計(jì)劃，問卷設(shè)計(jì)，用戶邀請(qǐng)，研究實(shí)施，數(shù)據(jù)分析到報(bào)告撰寫，整個(gè)過程基本完成由學(xué)生，當(dāng)項(xiàng)目時(shí)間相對(duì)緊張受限制。因此，我們采用敏捷的共建和研究方法，以便在臨時(shí)機(jī)動(dòng)的情況下獲得用戶的痛點(diǎn)。有幾個(gè)小技巧供參考：

A.項(xiàng)目團(tuán)隊(duì)將共同建立研究和使用：打破過程限制，并在研發(fā)后確定學(xué)生的研究大綱，啟動(dòng)項(xiàng)目團(tuán)隊(duì)成員進(jìn)行操作，開發(fā)，測(cè)試等參與研究; B，靈活邀請(qǐng)客戶：通過園區(qū)業(yè)務(wù)活動(dòng)，會(huì)議花時(shí)間在中間進(jìn)行移動(dòng)研究，并在中午休息期間采訪了近15位客戶;

C.及時(shí)訪談結(jié)果：項(xiàng)目組成員立即進(jìn)行研究和改進(jìn)建議后，訪談的輸出效率大大提高，項(xiàng)目成員用戶的整體感知也得到了提高。用戶研究不是關(guān)于形式，而是關(guān)于是否通過有效的方法獲得所需的信息。優(yōu)點(diǎn)：用戶量大，意愿大，研究成本低風(fēng)險(xiǎn)：目標(biāo)用戶不穩(wěn)定，用戶業(yè)務(wù)狀況薄弱。

定性研究發(fā)現(xiàn)：

買家：主要的工作行為是采購(gòu)管理和銷售管理。小買家不會(huì)進(jìn)行發(fā)票管理。進(jìn)銷存管理工具無法同步1688信息，檢查物流不方便，無法查看銷售數(shù)據(jù)，以及交易公司。該公司使用率低。

賣方：主要用戶組是每天基本進(jìn)入后臺(tái)操作的公司運(yùn)營(yíng)商。主要操作行為是查看商店數(shù)據(jù)，進(jìn)行交易訂單管理，商品管理，商店管理和營(yíng)銷活動(dòng)管理。核心重點(diǎn)是曝光，訪客和轉(zhuǎn)換。調(diào)查發(fā)現(xiàn)，用戶在后臺(tái)操作的目標(biāo)是模糊的，比如用戶反饋：剛剛開店，如何落后，沒有方向可言！別人怎么做，沒有指導(dǎo);只為徽標(biāo)購(gòu)買完整性，無線行為不知道該怎么辦？沒有將脫機(jī)用戶拉到線路上的問題。

2.定量：通過數(shù)據(jù)分析，發(fā)現(xiàn)用戶使用更集中，有些模塊使用率更低，信息有效性更低;長(zhǎng)尾效應(yīng)是顯而易見的，交易環(huán)節(jié)是買賣雙方的高頻行為。

其次，確定設(shè)計(jì)目標(biāo)和策略

根據(jù)用戶行為差異和吸引力差異制定不同的設(shè)計(jì)目標(biāo)和策略。工作臺(tái)通過與買家和賣家相結(jié)合分為買家和賣家版本

買方的設(shè)計(jì)目標(biāo)：讓買家擁有精致的銷售和營(yíng)銷服務(wù)，提高收貨的效率

設(shè)計(jì)策略：

簡(jiǎn)化：信息架構(gòu)場(chǎng)景，內(nèi)容模塊調(diào)整;

數(shù)據(jù)和個(gè)性化：通過用戶行為數(shù)據(jù)和關(guān)系數(shù)據(jù)提供個(gè)性化服務(wù)，并訪問第三方服務(wù)以滿足買家的下游需求;

交互性：平臺(tái)與買方，買方和賣方之間的互動(dòng)，服務(wù)訪問以及明確的關(guān)系，以最大化業(yè)務(wù)價(jià)值。

賣方的設(shè)計(jì)目標(biāo)：幫助企業(yè)更好地自我成長(zhǎng)，提高自我運(yùn)作能力

設(shè)計(jì)策略：

簡(jiǎn)化：信息架構(gòu)場(chǎng)景，快速進(jìn)入調(diào)整;

基于數(shù)據(jù)的自我操作：分類管理，結(jié)合研究所理解的核心用戶場(chǎng)景：管道管理，管理，管理和管理活動(dòng);

賣方生命周期管理：建立用戶增長(zhǎng)激勵(lì)系統(tǒng)，通過用戶分層闡明增長(zhǎng)目標(biāo)，促進(jìn)用戶增長(zhǎng)。戰(zhàn)略地圖：

三，交互式舞臺(tái)信息架構(gòu)細(xì)化設(shè)計(jì)，建立模塊產(chǎn)品化交互設(shè)計(jì)指南

信息架構(gòu)有三個(gè)核心：

導(dǎo)航分類場(chǎng)景：以賣家版本為例，在導(dǎo)航區(qū)域的核心，它反映了賣家的四大工作場(chǎng)景：交易管理，商店管理，商品管理，乘客管理和管理活動(dòng)。

內(nèi)容場(chǎng)景數(shù)據(jù)定位：中間內(nèi)容區(qū)域是面向設(shè)計(jì)，具有整體增長(zhǎng)和場(chǎng)景數(shù)據(jù)，提供數(shù)據(jù)分析和動(dòng)作操作。確定用戶核心問題和操作。

3.模塊設(shè)計(jì)產(chǎn)品化：建立模塊交互設(shè)計(jì)指南為了保證后續(xù)新模塊價(jià)值轉(zhuǎn)移的一致性，建立模塊產(chǎn)品化交互設(shè)計(jì)指南。所有模塊的功能分類主要分為兩種：1。任務(wù)服務(wù)模塊：任務(wù)服務(wù)模塊設(shè)計(jì)需要明確：模塊是什么？ （商業(yè)視角轉(zhuǎn)向用戶視角）目標(biāo)&當(dāng)前狀態(tài)，如何做和可以獲得什么服務(wù)。 2.消息模塊：什么是送貨服務(wù)？怎么做？

示例：客戶管理模塊

什么是模塊？：購(gòu)物客戶管理

目標(biāo)&狀態(tài)：訪客，潛在客戶，關(guān)閉客戶以及商店中失去的客戶

怎么做？：進(jìn)行客戶召回

我能得到什么？：增加客戶數(shù)量，客戶管理工具

交互設(shè)計(jì)微觀創(chuàng)新：功能地圖設(shè)計(jì)

工作臺(tái)中有許多功能入口，功能圖經(jīng)過優(yōu)化，方便用戶查找和使用。統(tǒng)一的工作場(chǎng)景分類認(rèn)知與導(dǎo)航分類一致，降低了界面的分類級(jí)別。單擊功能映射后，用戶可以設(shè)置自定義菜單并將常用條目固定到左側(cè)菜單。

在優(yōu)化之前：

優(yōu)化后：

第四，視覺設(shè)計(jì)沒有邊界，尋找核心力量點(diǎn)

通常，當(dāng)產(chǎn)品進(jìn)入視覺設(shè)計(jì)時(shí)，它開始設(shè)計(jì)各種品牌元素和表現(xiàn)感知。作為背景產(chǎn)品，由于其偏向操作，在視覺設(shè)計(jì)之前需要重新思考。用戶通過感知可以帶來什么價(jià)值？在工作臺(tái)的視覺設(shè)計(jì)之前，進(jìn)行了思考和升級(jí)思考，并在整個(gè)視覺設(shè)計(jì)環(huán)節(jié)和閉環(huán)全圖中建立了感知升級(jí)的閉環(huán)：

視覺設(shè)計(jì)核心力點(diǎn)提?。涸趯?duì)整個(gè)閉環(huán)進(jìn)行一定理解后，通過與項(xiàng)目團(tuán)隊(duì)成員合作進(jìn)行感知定位，提取工作臺(tái)感知云標(biāo)簽，提取感知關(guān)鍵詞：簡(jiǎn)單，清晰，高效。在視覺層面，主要通過風(fēng)格定義，特征模塊設(shè)計(jì)和情感設(shè)計(jì)。

1，風(fēng)格定義：B2B供應(yīng)鏈管理類背景從顏色，圖標(biāo)，控件，模塊等方面對(duì)視覺水平進(jìn)行競(jìng)爭(zhēng)產(chǎn)品分析，同時(shí)了解當(dāng)前主流產(chǎn)品設(shè)計(jì)趨勢(shì)，如微軟，facebook，IOS11等最新視覺風(fēng)格。找到了以下功能：

形狀：裝飾，以內(nèi)容為中心，去除多余的裝飾元素

顏色：較少的顏色，通過尺寸對(duì)比突出主體，減少顏色

品質(zhì)：平面設(shè)計(jì)，微梯度

結(jié)構(gòu)：減少線條，削弱線條分割，通過白色空間區(qū)分空間，輕微劃分：使用投影進(jìn)行塊劃分，綜合分析和樣式定義設(shè)計(jì)

買方版：

賣家版本：

款式細(xì)節(jié)：

導(dǎo)航優(yōu)化：為了確保用戶認(rèn)知的統(tǒng)一，在舊版本中使用買方的橙色和賣方的藍(lán)色。導(dǎo)航設(shè)計(jì)減少了導(dǎo)航中顏色的比例，這由版本字體區(qū)分。簡(jiǎn)化舊版本中當(dāng)前狀態(tài)的幀選擇樣式，并通過TAB短線指示當(dāng)前狀態(tài)。

內(nèi)容重新設(shè)計(jì)：在舊版本中，代理模塊的信息內(nèi)容難以集中識(shí)別，可操作性低。信息卡設(shè)計(jì)將被分類和組織，突出核心內(nèi)容

簡(jiǎn)化很簡(jiǎn)單：模塊中的現(xiàn)有頁面主要通過線條區(qū)分。在大量信息的情況下，頁面相對(duì)復(fù)雜，因此線段被削弱，空間通過空白區(qū)分

圖標(biāo)設(shè)計(jì)：背景產(chǎn)品中的功能圖標(biāo)分類為：描述性圖標(biāo)，權(quán)益圖標(biāo)。背景圖標(biāo)設(shè)計(jì)需要控制其性能，因此它被設(shè)計(jì)為由本地細(xì)節(jié)裝飾代表。權(quán)利圖標(biāo)與前門洞類不同，后者減少了顏色的使用，并結(jié)合了買賣身份以區(qū)分橙色和藍(lán)色背景，并使用簡(jiǎn)單的臉部突出特征。

2，功能模塊設(shè)計(jì)，以增長(zhǎng)模塊為例

模塊設(shè)計(jì)背景：根據(jù)平臺(tái)平臺(tái)的七大功能，統(tǒng)一分層系統(tǒng)促進(jìn)了商家的自我操作，為買家提供優(yōu)質(zhì)的供應(yīng)和采購(gòu)體驗(yàn)

設(shè)計(jì)方向：為了幫助業(yè)務(wù)在平臺(tái)上更好地發(fā)展，整個(gè)環(huán)節(jié)正在考慮用戶增長(zhǎng)。在工作臺(tái)的透明傳輸中，使用業(yè)務(wù)運(yùn)行來激勵(lì)用戶并根據(jù)模塊化設(shè)計(jì)提供增長(zhǎng)指導(dǎo)：

什么是模塊？：我的成長(zhǎng)

目標(biāo)&狀態(tài)：成長(zhǎng)能力分?jǐn)?shù)

怎么做？：成長(zhǎng)任務(wù)

我能得到什么？：增長(zhǎng)效益

劃分模塊：

增長(zhǎng)感知定位，主要通過兩個(gè)方面，提取圖像特征，提取表達(dá)式

通過業(yè)務(wù)角色運(yùn)行來表達(dá)增長(zhǎng)進(jìn)度，以方便用戶開展增長(zhǎng)任務(wù)相干操作設(shè)計(jì)全鏈接增長(zhǎng)插件，提高增長(zhǎng)效率。

3.情緒設(shè)計(jì)：

身份證設(shè)計(jì)：

使用2.5D元素來增加用戶新手操作的物理感受：

五，背景動(dòng)態(tài)，使工作臺(tái)體驗(yàn)更加順暢

在項(xiàng)目過程中，我非常感謝成龍和梅雨對(duì)設(shè)計(jì)理念和方法的指導(dǎo)。感謝團(tuán)隊(duì)支持顧嘉和蘇林的設(shè)計(jì)。

產(chǎn)品設(shè)計(jì)還有很長(zhǎng)的路要走，這是一個(gè)不斷優(yōu)化迭代的過程。它還需要團(tuán)結(jié)各方共同努力，共同改進(jìn)。在新形勢(shì)下，設(shè)計(jì)師不再是需求的資源方面，而是產(chǎn)品的生產(chǎn)者。我們需要用我們所有的智慧和能力，通過我們改進(jìn)產(chǎn)品的所有方式為用戶服務(wù)。

作者：李進(jìn)

« 今天圍繞攻擊的頭條新聞?wù)诖蜷_用戶時(shí)間之戰(zhàn) | 工作智能對(duì)設(shè)計(jì)的影響是什么？看看這個(gè)超級(jí)全面的總結(jié)！ »