本文以買方工作臺的主頁設(shè)計(jì)為例，介紹了電子商務(wù)網(wǎng)站后端主頁的整體設(shè)計(jì)思路。
電子商務(wù)網(wǎng)站一般分為兩個方面：前端導(dǎo)購和后臺管理。它們通常由兩個角色組成：買方和賣方。大部分工作都是在后臺完成，涉及各種管理系統(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ù)價值？如何進(jìn)行產(chǎn)品設(shè)計(jì)思考？讓我們以買方工作臺的主頁設(shè)計(jì)為例介紹整體設(shè)計(jì)理念。
什么是交易者的工作臺？
交易者的工作臺是基于1688大數(shù)據(jù)的中小企業(yè)運(yùn)營管理背景，用于業(yè)務(wù)決策和日常工作管理。
在設(shè)計(jì)之前：思考最前沿并與業(yè)務(wù)部門合作以確定產(chǎn)品方向
轉(zhuǎn)變思維方式：從被動接受到主動提議
作為一名體驗(yàn)設(shè)計(jì)師，我需要對整個產(chǎn)品負(fù)責(zé)。在產(chǎn)品轉(zhuǎn)型的早期階段，我將提前關(guān)注PD。整個鏈接將主動提出產(chǎn)品的整體概念，而不是介入交互式功能，或可視化特定頁面的性能。前進(jìn)。在聚焦過程中，我們也發(fā)現(xiàn)項(xiàng)目存在許多困難：涉及B2B的所有業(yè)務(wù)，風(fēng)險大，影響范圍廣。為了確保產(chǎn)品方向的準(zhǔn)確性，有必要與業(yè)務(wù)方進(jìn)行多次溝通討論和產(chǎn)品報告。產(chǎn)品方向確定基本流程：思路重點(diǎn) - mdash; —節(jié)目討論— —程序設(shè)計(jì)— —產(chǎn)品報告— —
重構(gòu)業(yè)務(wù)價值的三個步驟：
首先，了解定位，改變觀點(diǎn)
1.了解產(chǎn)品的整體定位：在重建商業(yè)價值之前充分了解產(chǎn)品定位。以工作臺為例，1688年為B2B市場提出了人員，商品和領(lǐng)域的戰(zhàn)略。人：幫助排水，貨物：提高質(zhì)量，領(lǐng)域：提高能力，作為1688用戶的核心工作場景 - Workbench已經(jīng)成為重要的場景之一，需要通過新策略進(jìn)行升級，以提高人們的匹配效率。背景場。
2.從業(yè)務(wù)角度到用戶角度：在設(shè)計(jì)焦點(diǎn)的過程中，現(xiàn)有版本包含更多內(nèi)部操作邏輯，反映每個部門的興趣和立場。例如，如果需要將新業(yè)務(wù)提升為用戶，則會向用戶區(qū)域添加介紹部分以體驗(yàn)場景，并且缺乏用戶體驗(yàn)該功能的場景和動機(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)營建立統(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。商家可以通過自我增長來提高自己的運(yùn)營能力，為買家提供服務(wù)。建立鐵三角服務(wù)的堅(jiān)實(shí)生態(tài)地圖。通過建立價值生態(tài)情景，幫助企業(yè)開拓上下游市場，使第二小優(yōu)質(zhì)服務(wù)買家，促使企業(yè)經(jīng)營。
明確商業(yè)價值后的產(chǎn)品設(shè)計(jì)
首先，點(diǎn)擊用戶制作痛點(diǎn)
1.定性：利用敏捷的共建和研究，在有限的時間內(nèi)獲取豐富有效的信息
首先，談?wù)勓芯糠椒ǖ倪\(yùn)用，傳統(tǒng)的研究使用，從制定面試計(jì)劃，問卷設(shè)計(jì)，用戶邀請，研究實(shí)施，數(shù)據(jù)分析到報告撰寫，整個過程基本完成由學(xué)生，當(dāng)項(xiàng)目時間相對緊張受限制。因此，我們采用敏捷的共建和研究方法，以便在臨時機(jī)動的情況下獲得用戶的痛點(diǎn)。有幾個小技巧供參考：
A.項(xiàng)目團(tuán)隊(duì)將共同建立研究和使用：打破過程限制，并在研發(fā)后確定學(xué)生的研究大綱，啟動項(xiàng)目團(tuán)隊(duì)成員進(jìn)行操作，開發(fā)，測試等參與研究; B，靈活邀請客戶：通過園區(qū)業(yè)務(wù)活動，會議花時間在中間進(jìn)行移動研究，并在中午休息期間采訪了近15位客戶;
C.及時訪談結(jié)果：項(xiàng)目組成員立即進(jìn)行研究和改進(jìn)建議后，訪談的輸出效率大大提高，項(xiàng)目成員用戶的整體感知也得到了提高。用戶研究不是關(guān)于形式，而是關(guān)于是否通過有效的方法獲得所需的信息。優(yōu)點(diǎn)：用戶量大，意愿大，研究成本低風(fēng)險：目標(biāo)用戶不穩(wěn)定，用戶業(yè)務(wù)狀況薄弱。
定性研究發(fā)現(xiàn)：
買家：主要的工作行為是采購管理和銷售管理。小買家不會進(jìn)行發(fā)票管理。進(jìn)銷存管理工具無法同步1688信息，檢查物流不方便，無法查看銷售數(shù)據(jù)，以及交易公司。該公司使用率低。
賣方：主要用戶組是每天基本進(jìn)入后臺操作的公司運(yùn)營商。主要操作行為是查看商店數(shù)據(jù)，進(jìn)行交易訂單管理，商品管理，商店管理和營銷活動管理。核心重點(diǎn)是曝光，訪客和轉(zhuǎn)換。調(diào)查發(fā)現(xiàn)，用戶在后臺操作的目標(biāo)是模糊的，比如用戶反饋：剛剛開店，如何落后，沒有方向可言！別人怎么做，沒有指導(dǎo);只為徽標(biāo)購買完整性，無線行為不知道該怎么辦？沒有將脫機(jī)用戶拉到線路上的問題。
2.定量：通過數(shù)據(jù)分析，發(fā)現(xiàn)用戶使用更集中，有些模塊使用率更低，信息有效性更低;長尾效應(yīng)是顯而易見的，交易環(huán)節(jié)是買賣雙方的高頻行為。
其次，確定設(shè)計(jì)目標(biāo)和策略
根據(jù)用戶行為差異和吸引力差異制定不同的設(shè)計(jì)目標(biāo)和策略。工作臺通過與買家和賣家相結(jié)合分為買家和賣家版本
買方的設(shè)計(jì)目標(biāo)：讓買家擁有精致的銷售和營銷服務(wù)，提高收貨的效率
設(shè)計(jì)策略：
簡化：信息架構(gòu)場景，內(nèi)容模塊調(diào)整;
數(shù)據(jù)和個性化：通過用戶行為數(shù)據(jù)和關(guān)系數(shù)據(jù)提供個性化服務(wù)，并訪問第三方服務(wù)以滿足買家的下游需求;
交互性：平臺與買方，買方和賣方之間的互動，服務(wù)訪問以及明確的關(guān)系，以最大化業(yè)務(wù)價值。
賣方的設(shè)計(jì)目標(biāo)：幫助企業(yè)更好地自我成長，提高自我運(yùn)作能力
設(shè)計(jì)策略：
簡化：信息架構(gòu)場景，快速進(jìn)入調(diào)整;
基于數(shù)據(jù)的自我操作：分類管理，結(jié)合研究所理解的核心用戶場景：管道管理，管理，管理和管理活動;
賣方生命周期管理：建立用戶增長激勵系統(tǒng)，通過用戶分層闡明增長目標(biāo)，促進(jìn)用戶增長。戰(zhàn)略地圖：
三，交互式舞臺信息架構(gòu)細(xì)化設(shè)計(jì)，建立模塊產(chǎn)品化交互設(shè)計(jì)指南
信息架構(gòu)有三個核心：
導(dǎo)航分類場景：以賣家版本為例，在導(dǎo)航區(qū)域的核心，它反映了賣家的四大工作場景：交易管理，商店管理，商品管理，乘客管理和管理活動。
內(nèi)容場景數(shù)據(jù)定位：中間內(nèi)容區(qū)域是面向設(shè)計(jì)，具有整體增長和場景數(shù)據(jù)，提供數(shù)據(jù)分析和動作操作。確定用戶核心問題和操作。
3.模塊設(shè)計(jì)產(chǎn)品化：建立模塊交互設(shè)計(jì)指南為了保證后續(xù)新模塊價值轉(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ù)？怎么做？
示例：客戶管理模塊
什么是模塊？：購物客戶管理
目標(biāo)&狀態(tài)：訪客，潛在客戶，關(guān)閉客戶以及商店中失去的客戶
怎么做？：進(jìn)行客戶召回
我能得到什么？：增加客戶數(shù)量，客戶管理工具
交互設(shè)計(jì)微觀創(chuàng)新：功能地圖設(shè)計(jì)
工作臺中有許多功能入口，功能圖經(jīng)過優(yōu)化，方便用戶查找和使用。統(tǒng)一的工作場景分類認(rèn)知與導(dǎo)航分類一致，降低了界面的分類級別。單擊功能映射后，用戶可以設(shè)置自定義菜單并將常用條目固定到左側(cè)菜單。
在優(yōu)化之前：
優(yōu)化后：
第四，視覺設(shè)計(jì)沒有邊界，尋找核心力量點(diǎn)
通常，當(dāng)產(chǎn)品進(jìn)入視覺設(shè)計(jì)時，它開始設(shè)計(jì)各種品牌元素和表現(xiàn)感知。作為背景產(chǎn)品，由于其偏向操作，在視覺設(shè)計(jì)之前需要重新思考。用戶通過感知可以帶來什么價值？在工作臺的視覺設(shè)計(jì)之前，進(jìn)行了思考和升級思考，并在整個視覺設(shè)計(jì)環(huán)節(jié)和閉環(huán)全圖中建立了感知升級的閉環(huán)：
視覺設(shè)計(jì)核心力點(diǎn)提取：在對整個閉環(huán)進(jìn)行一定理解后，通過與項(xiàng)目團(tuán)隊(duì)成員合作進(jìn)行感知定位，提取工作臺感知云標(biāo)簽，提取感知關(guān)鍵詞：簡單，清晰，高效。在視覺層面，主要通過風(fēng)格定義，特征模塊設(shè)計(jì)和情感設(shè)計(jì)。
1，風(fēng)格定義：B2B供應(yīng)鏈管理類背景從顏色，圖標(biāo)，控件，模塊等方面對視覺水平進(jìn)行競爭產(chǎn)品分析，同時了解當(dāng)前主流產(chǎn)品設(shè)計(jì)趨勢，如微軟，facebook，IOS11等最新視覺風(fēng)格。找到了以下功能：
形狀：裝飾，以內(nèi)容為中心，去除多余的裝飾元素
顏色：較少的顏色，通過尺寸對比突出主體，減少顏色
品質(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ū)分。簡化舊版本中當(dāng)前狀態(tài)的幀選擇樣式，并通過TAB短線指示當(dāng)前狀態(tài)。
內(nèi)容重新設(shè)計(jì)：在舊版本中，代理模塊的信息內(nèi)容難以集中識別，可操作性低。信息卡設(shè)計(jì)將被分類和組織，突出核心內(nèi)容
簡化很簡單：模塊中的現(xiàn)有頁面主要通過線條區(qū)分。在大量信息的情況下，頁面相對復(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)色背景，并使用簡單的臉部突出特征。
2，功能模塊設(shè)計(jì)，以增長模塊為例
模塊設(shè)計(jì)背景：根據(jù)平臺平臺的七大功能，統(tǒng)一分層系統(tǒng)促進(jìn)了商家的自我操作，為買家提供優(yōu)質(zhì)的供應(yīng)和采購體驗(yàn)
設(shè)計(jì)方向：為了幫助業(yè)務(wù)在平臺上更好地發(fā)展，整個環(huán)節(jié)正在考慮用戶增長。在工作臺的透明傳輸中，使用業(yè)務(wù)運(yùn)行來激勵用戶并根據(jù)模塊化設(shè)計(jì)提供增長指導(dǎo)：
什么是模塊？：我的成長
目標(biāo)&狀態(tài)：成長能力分?jǐn)?shù)
怎么做？：成長任務(wù)
我能得到什么？：增長效益
劃分模塊：
增長感知定位，主要通過兩個方面，提取圖像特征，提取表達(dá)式
通過業(yè)務(wù)角色運(yùn)行來表達(dá)增長進(jìn)度，以方便用戶開展增長任務(wù)相干操作設(shè)計(jì)全鏈接增長插件，提高增長效率。
3.情緒設(shè)計(jì)：
身份證設(shè)計(jì)：
使用2.5D元素來增加用戶新手操作的物理感受：
五，背景動態(tài)，使工作臺體驗(yàn)更加順暢
在項(xiàng)目過程中，我非常感謝成龍和梅雨對設(shè)計(jì)理念和方法的指導(dǎo)。感謝團(tuán)隊(duì)支持顧嘉和蘇林的設(shè)計(jì)。
產(chǎn)品設(shè)計(jì)還有很長的路要走，這是一個不斷優(yōu)化迭代的過程。它還需要團(tuán)結(jié)各方共同努力，共同改進(jìn)。在新形勢下，設(shè)計(jì)師不再是需求的資源方面，而是產(chǎn)品的生產(chǎn)者。我們需要用我們所有的智慧和能力，通過我們改進(jìn)產(chǎn)品的所有方式為用戶服務(wù)。
作者：李進(jìn)