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

什么是交易者的工作臺？

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

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

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

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

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

首先，了解定位，改變觀點

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

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

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

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

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

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

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

首先，點擊用戶制作痛點

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

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

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

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

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

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

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

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

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

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

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

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

設(shè)計策略：

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

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

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

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

設(shè)計策略：

1.簡化：信息架構(gòu)場景，快速進入調(diào)整;

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

3，賣方生命周期管理：建立用戶增長激勵機制，通過用戶的先進分層來識別增長目標(biāo)，促進用戶增長。戰(zhàn)略地圖：

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

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

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

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

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

示例：客戶管理模塊

1.什么是模塊？：購物客戶管理

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

3.怎么做？：進行客戶召回

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

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

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

在優(yōu)化之前：

優(yōu)化后：

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

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

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

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

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

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

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

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

買方版：

賣家版本：

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

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

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

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

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

2，功能模塊設(shè)計，以增長模塊為例

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

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

增長感知定位，主要通過兩個方面，提取圖像特征，提取表達式

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

3.情緒設(shè)計：

身份證設(shè)計：

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

五，背景動態(tài)，使工作臺體驗更加順暢

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

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

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