設(shè)計(jì)沉思錄|58商城項(xiàng)目總結(jié):我的野蠻設(shè)計(jì)觀(guān)

1 評(píng)論 7007 瀏覽 40 收藏 14 分鐘

58商城是針對(duì)B端商戶(hù)的全新的會(huì)員套餐售賣(mài)系統(tǒng),長(zhǎng)期以來(lái)一直依賴(lài)于線(xiàn)下的銷(xiāo)售人員。未來(lái)戰(zhàn)略規(guī)劃,希望從線(xiàn)下銷(xiāo)售到線(xiàn)上的模式進(jìn)行轉(zhuǎn)變,打造一個(gè)以客戶(hù)為主的智能服務(wù)中心。而58商城就是轉(zhuǎn)變的核心所在,也是商城項(xiàng)目的核心目標(biāo)。本文是關(guān)于58商城的項(xiàng)目總結(jié),enjoy~

一、項(xiàng)目背景

1. 58商城是什么?

58商城是針對(duì)B端商戶(hù)的全新的會(huì)員套餐售賣(mài)系統(tǒng),58的會(huì)員商品及套餐的售賣(mài),長(zhǎng)期以來(lái)一直依賴(lài)于線(xiàn)下的銷(xiāo)售人員。未來(lái)戰(zhàn)略規(guī)劃,希望從線(xiàn)下銷(xiāo)售到線(xiàn)上的模式進(jìn)行轉(zhuǎn)變,打造一個(gè)以客戶(hù)為主的智能服務(wù)中心。而58商城就是轉(zhuǎn)變的核心所在,也是商城項(xiàng)目的核心目標(biāo)。

58商城項(xiàng)目地圖

58商城包括PC/M兩個(gè)端口,以及我們58的全部的業(yè)務(wù)線(xiàn),招聘、房產(chǎn)、二手車(chē)、黃頁(yè)等等。同時(shí),除了這些業(yè)務(wù)線(xiàn)的接入之外,還包括積分商城,支付系統(tǒng),數(shù)據(jù)后臺(tái),合同系統(tǒng)、發(fā)票等等一整套的售賣(mài)和支撐體系。

2. 階段性目標(biāo)

如果從產(chǎn)品生命周期的曲線(xiàn)來(lái)看,起步階段的商城,處于一個(gè)野蠻開(kāi)荒的時(shí)期。初期目標(biāo)需要產(chǎn)品功能的快速搭建,多業(yè)務(wù)、多平臺(tái)覆蓋,讓用戶(hù)快速上手,并得到初步的認(rèn)可。

二、面臨問(wèn)題

在參與商城這樣體量大、時(shí)間緊、資源少的項(xiàng)目時(shí),我們?cè)O(shè)計(jì)師也會(huì)面臨很多的問(wèn)題。比如說(shuō)我們的資源很有限、很難去支撐這么大、快速的產(chǎn)出的項(xiàng)目。以及商城覆蓋的業(yè)務(wù)線(xiàn)多,早期設(shè)計(jì)風(fēng)格過(guò)度視覺(jué)化等等這些問(wèn)題。

三、設(shè)計(jì)策略

求同存異策略解決平臺(tái)個(gè)性與共性問(wèn)題

經(jīng)過(guò)整理歸納,基本上分為成兩種:

  1. 共性問(wèn)題:設(shè)計(jì)的風(fēng)格、設(shè)計(jì)資源有限,整體一致性需求;
  2. 個(gè)性問(wèn)題:涉及業(yè)務(wù)線(xiàn)多、功能結(jié)構(gòu)復(fù)雜、場(chǎng)景多樣化。

面對(duì)新產(chǎn)品野蠻生長(zhǎng)期中共性與個(gè)性的問(wèn)題,我們通過(guò)求同存異的策略來(lái)解決,快速搭建商城的基礎(chǔ)能力。

求同:如何面對(duì)共性問(wèn)題?

共性的問(wèn)題基本上可以說(shuō)是標(biāo)準(zhǔn)的問(wèn)題,那么商城應(yīng)該建立什么樣的標(biāo)準(zhǔn)呢?

結(jié)合早期的用戶(hù)調(diào)研,目前會(huì)員套餐的購(gòu)買(mǎi)基本都是公司銷(xiāo)售代買(mǎi)、幫買(mǎi)的模式,以及我們商城用戶(hù)的屬性,如何把信息高效的傳達(dá)給用戶(hù)才是最重要的。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

早期設(shè)計(jì)風(fēng)格

我們對(duì)商城早期的產(chǎn)品設(shè)計(jì)風(fēng)格進(jìn)行了梳理,最大特點(diǎn)就是非常的視覺(jué)化,通過(guò)大量的插畫(huà)來(lái)吸引用戶(hù)注意。

但是也帶來(lái)了以下的缺點(diǎn):

  • 信息干擾大:信息干擾會(huì)非常大,B端用戶(hù)消費(fèi)更加理性,強(qiáng)視覺(jué)化的設(shè)計(jì),對(duì)其引導(dǎo)性并不會(huì)很強(qiáng)。
  • 設(shè)計(jì)成本高:強(qiáng)視覺(jué)化的設(shè)計(jì),會(huì)給我們帶來(lái)非常高額的設(shè)計(jì)成本。我們需要不斷的去做這些視覺(jué)和插畫(huà)來(lái)適應(yīng)。
  • 風(fēng)格統(tǒng)一難:設(shè)計(jì)風(fēng)格非常不可控,不易統(tǒng)一。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

所以針對(duì)這些問(wèn)題,我們提煉出了新的標(biāo)準(zhǔn),就是去視覺(jué)化。從而延伸出輕量、清晰,一致的設(shè)計(jì)原則。

(1)去視覺(jué)化

根據(jù)輕量的設(shè)計(jì)原則,我們對(duì)商城的首頁(yè)和詳情頁(yè)進(jìn)行了去視覺(jué)化的設(shè)計(jì)。我們讓信息展示更加簡(jiǎn)潔輕量,最重要的是可以讓我們的設(shè)計(jì)成本變得非常的低。

(2)卡片式設(shè)計(jì)

卡片式的設(shè)計(jì),我們生活中隨處可見(jiàn),如撲克、身份證、指路牌等這些卡片形式。它們擁有簡(jiǎn)單易懂、信息整合、信息傳達(dá)清晰直觀(guān)的優(yōu)點(diǎn)。

58商城的視覺(jué)設(shè)計(jì)中,也采用的卡片設(shè)計(jì)的形式,將不同的信息之間快速進(jìn)行區(qū)分和整合,讓信息傳遞更加高效。

(3)組件庫(kù)

整體的方向確定之后,接下來(lái)就是怎么將標(biāo)準(zhǔn)有效的實(shí)施起來(lái)。我們通過(guò)建立規(guī)范化的組件庫(kù),為設(shè)計(jì)快速產(chǎn)出提供保障。同時(shí),不斷優(yōu)化、更新公共組件庫(kù),與開(kāi)發(fā)團(tuán)隊(duì)同步。也很好的解決我們平臺(tái)一致性的問(wèn)題。

統(tǒng)一性:?jiǎn)挝唤痤~的組合,選取規(guī)范中基礎(chǔ)組合進(jìn)行搭建,確保整個(gè)商城價(jià)格展示上的呈現(xiàn)統(tǒng)一性。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

可兼容性:在底部欄,對(duì)操作按鈕,圖標(biāo)、內(nèi)容等等元素進(jìn)行組合,保證設(shè)計(jì)的兼容性與交互邏輯的一致性。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

可拓展性:信息結(jié)構(gòu)復(fù)雜的商品展示模塊,進(jìn)行功能劃分。根據(jù)業(yè)務(wù)需求進(jìn)行功能模塊的增減,增強(qiáng)商品模塊的可拓展性。

(4)模板化商品圖

同時(shí),我們還把最耗費(fèi)設(shè)計(jì)師工作量的的商品詳情頁(yè)進(jìn)行了統(tǒng)一模板化的設(shè)計(jì),大幅提高我們?cè)O(shè)計(jì)的生產(chǎn)效率。

通過(guò)這一設(shè)計(jì)原則以及標(biāo)準(zhǔn)的實(shí)施,以及標(biāo)準(zhǔn)的推進(jìn)落地,基本上解決了商城共性的問(wèn)題。

存異:怎么滿(mǎn)足個(gè)性需求?

個(gè)性問(wèn)題主要體現(xiàn)在,業(yè)務(wù)線(xiàn)多,帶來(lái)的差異,以及商品套餐售賣(mài)的信息差異。對(duì)應(yīng)的解決方案分兩種,通過(guò)低成本的個(gè)性化和高包容的模塊化來(lái)解決。

(1)低成本的個(gè)性化

比如用色彩去區(qū)分業(yè)務(wù)線(xiàn),我們對(duì)每個(gè)業(yè)務(wù)線(xiàn)的會(huì)員卡片的顏色進(jìn)行了定義。讓每條業(yè)務(wù)線(xiàn)具有獨(dú)特性,加強(qiáng)用戶(hù)對(duì)業(yè)務(wù)線(xiàn)身份的認(rèn)知,讓用戶(hù)快速準(zhǔn)確區(qū)分并了解會(huì)員套餐的使用情況。

(2)高包容的模塊化

商品套餐的展示其實(shí)是我們非常重要的一環(huán),商品套餐的內(nèi)容非常復(fù)雜,用戶(hù)更關(guān)注套餐內(nèi)容和價(jià)格本身。但實(shí)際上,隨著我們業(yè)務(wù)線(xiàn)的不斷更新迭代,套餐的更新,活動(dòng)促銷(xiāo)的內(nèi)容上新等原因。使得我們?cè)瓉?lái)標(biāo)準(zhǔn)化的套餐展示,信息展示不清晰、層級(jí)模糊、不能很好兼容新的商品需求。所以我針對(duì)這樣的問(wèn)題,在標(biāo)準(zhǔn)化的基礎(chǔ)上,通過(guò)模塊化的設(shè)計(jì)進(jìn)行升級(jí)。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

針對(duì)商品信息的基礎(chǔ)元素進(jìn)行梳理,并提煉其中的重要元素,重新組合成樣式,同時(shí)保證的整個(gè)商品展示邏輯的統(tǒng)一性。

通過(guò)模塊化的設(shè)計(jì)使得商品展示的價(jià)格信息更加直觀(guān),內(nèi)容展示更豐富且清晰,但最重要的是它具有了更良好的可拓展性,重點(diǎn)信息更加突出。

同時(shí),很好的兼容了不同商品的展示需求,也能看出卡片式設(shè)計(jì)在其中起到了關(guān)鍵性的作用,在共性問(wèn)題上選擇強(qiáng)包容性的卡片式設(shè)計(jì)的正確性。

這樣的設(shè)計(jì)思路,也在其他模塊中得到了很好的復(fù)用,比如合同列表、套餐列表、購(gòu)物車(chē)等等。

通過(guò)整體的求同存異這樣的設(shè)計(jì)策略,基本成功完成了會(huì)員商城基礎(chǔ)功能的搭建。達(dá)到了產(chǎn)品和設(shè)計(jì)的初期目標(biāo)。

四、需求管理

但其實(shí)我們這一年所面對(duì)的項(xiàng)目需求非常非常多的,在2019年我們也得到了一個(gè)非常野蠻的結(jié)果。但是我們面對(duì)這些需求的時(shí)候,怎么去規(guī)劃我們的資源?制定我們的設(shè)計(jì)策略?對(duì)接的需求進(jìn)行求同,還是存異?

所以我們使用四象限的方法,對(duì)項(xiàng)目進(jìn)行有效的管理。分為平臺(tái)型和業(yè)務(wù)線(xiàn)、個(gè)性和共性?xún)蓚€(gè)區(qū)分。

其中,平臺(tái)型-個(gè)性:利用已有標(biāo)準(zhǔn),快速產(chǎn)出;

業(yè)務(wù)型-個(gè)性:點(diǎn)對(duì)點(diǎn)的考慮,進(jìn)行個(gè)性化設(shè)計(jì);

業(yè)務(wù)型-共性:從全局來(lái)考慮,制定標(biāo)準(zhǔn)化,并在已有的標(biāo)準(zhǔn)規(guī)范上進(jìn)行迭代完善;

平臺(tái)型-共性:著重的進(jìn)行規(guī)劃,去制定嚴(yán)格的規(guī)范,然后進(jìn)行迭代維護(hù)。

五、總結(jié)

商城項(xiàng)目從18年年底的時(shí)候開(kāi)始啟動(dòng),當(dāng)時(shí)我們投入了3個(gè)設(shè)計(jì)師,以封閉設(shè)計(jì)的方式,支持單個(gè)業(yè)務(wù)線(xiàn)一個(gè)項(xiàng)目。

但是在2019年,我們只用了1.5個(gè)人力的設(shè)計(jì)師支持。在九個(gè)月的時(shí)間內(nèi),完成了58商城項(xiàng)目地圖里,2端乘以4條業(yè)務(wù)線(xiàn)的接入,以及N多的底層能力的搭建。

設(shè)計(jì)沉思錄|我的野蠻設(shè)計(jì)觀(guān)-58商城項(xiàng)目總結(jié)

總結(jié)來(lái)說(shuō)2019年,雖然58商城的設(shè)計(jì)的結(jié)果都是非常野蠻和直接的,但是我們的設(shè)計(jì)策略、設(shè)計(jì)思考和設(shè)計(jì)操作是精細(xì)的。

隨著平臺(tái)基礎(chǔ)能力的搭建完成,和公司策略的持續(xù)深入,58商城也將進(jìn)入高速增長(zhǎng)和精細(xì)化調(diào)整的階段。

所以我們也會(huì)跟隨項(xiàng)目目標(biāo)的轉(zhuǎn)變,進(jìn)行設(shè)計(jì)策略的調(diào)整,會(huì)更多的投入到精細(xì)化設(shè)計(jì)方式里面來(lái)。包括體驗(yàn)的打磨、業(yè)務(wù)和用戶(hù)的細(xì)分、數(shù)據(jù)、轉(zhuǎn)化、增長(zhǎng)這類(lèi)比較精細(xì)的設(shè)計(jì)。

 

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶(hù)體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@環(huán)鐵藝術(shù)家

題圖作者提供

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. o noimlib kbab。jn。

    回復(fù)