電子商務(wù)網(wǎng)站一般分為兩個(gè)方面：前端導(dǎo)購(gòu)和后臺(tái)管理。它們通常由兩個(gè)角色組成：買(mǎi)方和賣(mài)方。大部分工作都是在后臺(tái)完成，涉及各種管理系統(tǒng)，以確保日常工作的順利進(jìn)行。由于其復(fù)雜的邏輯，眾多的業(yè)務(wù)和強(qiáng)大的專(zhuān)業(yè)性，后端產(chǎn)品設(shè)計(jì)更具挑戰(zhàn)性。在許多情況下，設(shè)計(jì)師的游戲受到很大限制。特別是，B類(lèi)后端產(chǎn)品的設(shè)計(jì)需要更全面地了解公司的業(yè)務(wù)并增加其設(shè)計(jì)難度。作為設(shè)計(jì)師，如何重新定義后端業(yè)務(wù)價(jià)值？如何進(jìn)行產(chǎn)品設(shè)計(jì)思考？讓我們以買(mǎi)方工作臺(tái)的主頁(yè)設(shè)計(jì)為例介紹整體設(shè)計(jì)理念。

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

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

在設(shè)計(jì)之前：思考最前沿并與業(yè)務(wù)部門(mén)合作以確定產(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)品的整體概念，而不是介入交互式功能，或可視化特定頁(yè)面的性能。前進(jìn)。在聚焦過(guò)程中，我們也發(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用戶(hù)的核心工作場(chǎng)景 - Workbench已經(jīng)成為重要的場(chǎng)景之一，需要通過(guò)新策略進(jìn)行升級(jí)，以提高人們的匹配效率。背景場(chǎng)。

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

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

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

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

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

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

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

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

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

A.項(xiàng)目團(tuán)隊(duì)將共同建立和使用研究：打破過(guò)程限制，并在研究和開(kāi)發(fā)學(xué)生確定研究大綱后，啟動(dòng)項(xiàng)目團(tuán)隊(duì)成員進(jìn)行操作，開(kāi)發(fā)，測(cè)試等參與調(diào)查;

B.靈活招攬客戶(hù)：利用園區(qū)內(nèi)的商業(yè)活動(dòng)，會(huì)議等花時(shí)間進(jìn)行移動(dòng)研究，在中午休息時(shí)采訪了近15位客戶(hù);

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

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

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

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

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

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

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

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

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

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

2，數(shù)據(jù)，個(gè)性化：通過(guò)用戶(hù)行為數(shù)據(jù)，關(guān)系數(shù)據(jù)提供個(gè)性化服務(wù)，獲取第三方服務(wù)，滿(mǎn)足買(mǎi)家下游需求;

3.交互性：平臺(tái)與買(mǎi)方，買(mǎi)方和賣(mài)方之間的互動(dòng)，服務(wù)范圍，關(guān)系是明確的，從而促進(jìn)商業(yè)價(jià)值的最大化。

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

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

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

2，基于數(shù)據(jù)的自我操作：分類(lèi)管理，結(jié)合用戶(hù)在研究中學(xué)到的核心場(chǎng)景：管理，管理，管理，管理和管理活動(dòng);

3，賣(mài)方生命周期管理：建立用戶(hù)增長(zhǎng)激勵(lì)機(jī)制，通過(guò)用戶(hù)的先進(jìn)分層來(lái)識(shí)別增長(zhǎng)目標(biāo)，促進(jìn)用戶(hù)增長(zhǎng)。戰(zhàn)略地圖：

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

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

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

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

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

示例：客戶(hù)管理模塊

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

2.目標(biāo)和狀態(tài)：商店中的訪客，潛在客戶(hù)，客戶(hù)和客戶(hù)

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

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

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

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

在優(yōu)化之前：

優(yōu)化后：

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

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

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

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

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

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

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

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

買(mǎi)方版：

賣(mài)家版本：

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

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

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

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

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

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

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

設(shè)計(jì)方向：為了幫助業(yè)務(wù)在平臺(tái)上更好地發(fā)展，整個(gè)環(huán)節(jié)正在考慮用戶(hù)增長(zhǎng)。在工作臺(tái)的透明傳輸中，使用業(yè)務(wù)運(yùn)行方法激勵(lì)用戶(hù)，并根據(jù)模塊設(shè)計(jì)指南給出增長(zhǎng)指導(dǎo)明確：1。模塊是什么？：我的成長(zhǎng)2，目標(biāo)&狀態(tài)：成長(zhǎng)能力得分3，怎么做？：成長(zhǎng)任務(wù)4，我能得到什么？：成長(zhǎng)股權(quán)劃分模塊：

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

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

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

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

使用2.5D元素來(lái)增加用戶(hù)新手操作的物理感受：

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

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

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

« 如何創(chuàng)建網(wǎng)站？看完這篇文章后，你會(huì)算數(shù)！ | 取消新聞來(lái)源后，打開(kāi)Aladdin Eco，百度在做什么？ »