關(guān)于電商設(shè)計(jì)的那些事兒,此文講的最全面!

本文將從電商發(fā)展史出發(fā),接著講了電商設(shè)計(jì)的發(fā)展趨勢(shì)以及電商設(shè)計(jì)師會(huì)在哪些領(lǐng)域活躍,最后是從三方面講述了電商設(shè)計(jì)這條路該如何走好。詳情如何,不妨往下一讀。
一、電商發(fā)展歷程
在講電商設(shè)計(jì)師的事兒之前,我覺(jué)得是有必要把電商的發(fā)展歷程給大家屢一下。理所當(dāng)然的,我就拿目前比較大的幾家電商平臺(tái)的發(fā)展來(lái)說(shuō)事兒啦。我在網(wǎng)上找了大量的資料,把所有的時(shí)間節(jié)點(diǎn)串聯(lián)起來(lái),于是就有了下面這張時(shí)間軸啦(他們的愛(ài)恨糾葛如下圖所示,我只是簡(jiǎn)略的匯總了一下,左邊是一些相關(guān)背景事件)。
看完上面發(fā)生的一些事件后,我們會(huì)看到,歷經(jīng)12年,各大電商平臺(tái)相愛(ài)相殺后基本都是找到自己的歸宿了(騰訊電商所有業(yè)務(wù)以京東15%的股份折價(jià)賣(mài)給了京東,蘇寧牽手了天貓,亞馬遜入駐了天貓,ebay入駐了京東全球購(gòu),沃爾瑪先是全資控股1號(hào)店,后來(lái)又以約95億人民幣的價(jià)格賣(mài)給了京東)。
二、總結(jié)&疑問(wèn)
所以緊接著大家可能會(huì)有我下面這些總結(jié)&疑問(wèn),大家可以先看下:
第一個(gè)疑問(wèn):互聯(lián)網(wǎng)的出現(xiàn)為我們帶來(lái)了什么?
2010年安卓系統(tǒng)風(fēng)靡全球、Iphone4的發(fā)布等等這些都使得我們的手機(jī)變得更加智能,上網(wǎng)更加方便,包括微博、微信都是在這個(gè)時(shí)候崛起的,這些新的媒體都對(duì)傳統(tǒng)的紙媒、傳統(tǒng)企業(yè)、廣告行業(yè)造成了巨大的沖擊,時(shí)代造就了我們的就業(yè)方向。
第二個(gè)疑問(wèn):電子商務(wù)是指什么?
目前電商主要有這樣幾個(gè)模式:B2B、C2C、B2C、O2O、P2P等(上面寫(xiě)漏了一個(gè)B2C模式)
- B2B(business to business):指連接代理商、生產(chǎn)商、零售商之間的線上線下交易的商業(yè)模式,比如阿里巴巴;
- C2C(customers to customers):指?jìng)€(gè)人對(duì)個(gè)人的網(wǎng)上交易模式,比如淘寶、當(dāng)年的拍拍;
- B2C(business to customers):指商家對(duì)消費(fèi)者對(duì)個(gè)人的網(wǎng)上交易模式,比如天貓、京東、亞馬遜;
- O2O(online to offline):指線上下單支付,線下消費(fèi)的商業(yè)模式,比如京東到家、餓了么、淘點(diǎn)點(diǎn),它跟團(tuán)購(gòu)模式的區(qū)別僅在于:第一,團(tuán)購(gòu)是限時(shí)間段的促銷(xiāo),第二, 支付情況由團(tuán)購(gòu)平臺(tái)說(shuō)了算,商家是不知情的,所有消費(fèi)者的信息資料都掌控在平臺(tái)那里,商家跟消費(fèi)者之間在線上沒(méi)有任何交流。
- P2P金融:也稱(chēng)互聯(lián)網(wǎng)金融,它是一種需要借助電子商務(wù)專(zhuān)業(yè)網(wǎng)絡(luò)平臺(tái)幫助借貸雙方確立借貸關(guān)系并完成相關(guān)交易手續(xù)的小額借貸交易模式。借款者可自行發(fā)布借款信息,包括金額、利息、還款方式和時(shí)間,自行決定借出金額實(shí)現(xiàn)自助式借款,前段時(shí)間就掀起了一場(chǎng)P2P公司倒閉潮,比如借貸寶/e租寶等都相繼倒閉了。
第三個(gè)疑問(wèn):是什么催生了電子商務(wù)的發(fā)展?
2003 年非典時(shí)期,那時(shí)候我還是個(gè)準(zhǔn)備中考的孩子(看我單純臉),每天拼了命的跑步練習(xí)肺活量,由于非典的到來(lái),白跑了,因?yàn)椴恍枰龃禋獾姆位盍繙y(cè)試了,大家都不敢出門(mén)。也就是再這樣一個(gè)環(huán)境下,網(wǎng)上購(gòu)物變得異?;馃崞饋?lái),而那時(shí)我單純的就像張白紙,全然不知現(xiàn)在會(huì)跟電商扯上關(guān)系。
2003和2004 年也成了電子商務(wù)發(fā)展最好的時(shí)期,因?yàn)檫@個(gè)時(shí)期安卓系統(tǒng)風(fēng)靡全球,iPhone4等智能手機(jī)等相繼出現(xiàn),為信息交換及連接人與人之間的交流進(jìn)一步創(chuàng)造了條件,唯品會(huì)、聚美優(yōu)品、一號(hào)店、還有現(xiàn)在是中國(guó)綜合類(lèi)電商平臺(tái)老二位置的京東,都是在那個(gè)時(shí)候誕生的。
2008年美國(guó)次貸引發(fā)的全球經(jīng)融危機(jī),日子比較難過(guò),也成了電商發(fā)展的催化劑。因?yàn)榫W(wǎng)上購(gòu)物解決了信息不對(duì)稱(chēng)的問(wèn)題,人們可以非常便捷的花更少的錢(qián),搜羅到全球全中國(guó)的東西。
第四個(gè)疑問(wèn):電商設(shè)計(jì)屬于什么范疇?
UI(User Interface),現(xiàn)在很多人嘴里說(shuō)的UI其實(shí)都有點(diǎn)指代不明,UI主要是研究人、人和界面、界面這三個(gè)方面,所以UI包含了WUI—界面設(shè)計(jì)、 GUI—圖標(biāo)設(shè)計(jì)、交互設(shè)計(jì)、用戶(hù)體驗(yàn)研究這幾個(gè)方面的內(nèi)容。
網(wǎng)頁(yè)設(shè)計(jì)也屬于UI設(shè)計(jì)的一個(gè)分支,而電商設(shè)計(jì)是傳統(tǒng)平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的結(jié)合體,舉個(gè)例子,如下圖所示,好比以前我們看到的超市海報(bào),你可以看到這些折扣促銷(xiāo)信息。但是你要買(mǎi)東西還是需要去店子里,而電商設(shè)計(jì)的任務(wù)就是,直接在網(wǎng)上把這些商品展示在網(wǎng)頁(yè)和手機(jī)上,你直接點(diǎn)擊可以選購(gòu)購(gòu)買(mǎi)了,這個(gè)購(gòu)買(mǎi)的過(guò)程就涉及到了人和設(shè)備之間的互動(dòng)交流。
第五個(gè)疑問(wèn):電商設(shè)計(jì)的發(fā)展趨勢(shì)是什么?
隨著科技的發(fā)展、互聯(lián)網(wǎng)、智能手機(jī)的逐漸普及,這也隨之逐漸影響到了我們的生活習(xí)慣,越來(lái)越喜歡大屏幕,越來(lái)越離不開(kāi)手機(jī)。
所以對(duì)我們?cè)O(shè)計(jì)師來(lái)說(shuō),也就需要做出相應(yīng)的改變了,比如在設(shè)計(jì)風(fēng)格、尺寸的設(shè)定上,要符合用戶(hù)的習(xí)慣。設(shè)計(jì)說(shuō)白了就是為了讓大家有更好的體驗(yàn)的服務(wù)行業(yè)嘛!
舉個(gè)例子,假如我們?cè)赑C端的網(wǎng)頁(yè)上要設(shè)計(jì)一個(gè)商品列表,慣性思維都會(huì)在列表結(jié)尾放一個(gè)查看更多按鈕,用戶(hù)要用鼠標(biāo)點(diǎn)擊這個(gè)按鈕才會(huì)出現(xiàn)更多商品,而在移動(dòng)設(shè)備上我們卻可以省去這個(gè)按鈕,因?yàn)橛脩?hù)在移動(dòng)設(shè)備上的習(xí)慣是上下滑左右滑,往上劃的過(guò)程中更多商品就刷新出來(lái)了,不信你們自己去體驗(yàn)一下咯,還有很多類(lèi)似的設(shè)計(jì)思維的轉(zhuǎn)變,從PC端的設(shè)計(jì)轉(zhuǎn)向移動(dòng)端的設(shè)計(jì),可不只是改改尺寸這么簡(jiǎn)單,大家可以多去觀察體驗(yàn)。
下面給大家看一些圖標(biāo)示例:
1、隨著科技的進(jìn)步和發(fā)展,我們的電腦屏幕是越來(lái)越大了,下面是我在百度統(tǒng)計(jì)流量研究院截的圖(感興趣的話可以自己去看看哇~):
2、現(xiàn)在據(jù)說(shuō)大部分店鋪有80%-90%以上的的訂單是由移動(dòng)端貢獻(xiàn)的,甚至很多發(fā)展的一般的店鋪已經(jīng)完全放棄PC端了,把精力集中在打理移動(dòng)端的店鋪上,下面也是我在百度統(tǒng)計(jì)流量研究院截的圖(感興趣的話可以自己去看看哇~)
3、假想一個(gè)20歲的年輕人在2004年電商正處于起步階段的時(shí)候就開(kāi)始網(wǎng)購(gòu)了,那么想想現(xiàn)在是2016年了,他多少歲了?答案是32歲。這個(gè)年紀(jì)怎么說(shuō)也是小有所成了吧?畢竟還是一個(gè)在2004年就可以上網(wǎng)網(wǎng)購(gòu)的人,你覺(jué)得他們這批人以及他們的孩子們還會(huì)是那群仍然在追求低價(jià)商品地?cái)傌浀娜藛??顯然不會(huì),他們?cè)诔砷L(zhǎng),他們對(duì)生活的要求和追求也是在增長(zhǎng)的。
比如辣條屆的網(wǎng)紅-衛(wèi)龍,以及故宮淘寶的那些嚴(yán)肅賣(mài)萌照,都給人忍不住就想笑并且要分享給朋友看的沖動(dòng),因?yàn)樗齻儠?huì)玩好玩啊。再比如這幾年很火的代購(gòu)潮,各大平臺(tái)推出的全球購(gòu)等,都是為了滿(mǎn)足人們想要買(mǎi)好貨并且還比國(guó)內(nèi)便宜的需求。
4、前段時(shí)間在朋友圈被刷屏的“淘寶造物節(jié)”其實(shí)也是在順應(yīng)這些興起的需求,比如這些關(guān)鍵詞:新奇/科技感/VR/賤萌/污/腦洞/二次元。
三、電商設(shè)計(jì)師藏身地兒
了解完上面所有的疑惑和時(shí)代背景后,我再給大家介紹一下我們電商設(shè)計(jì)師們的藏身地:
電商設(shè)計(jì)師大致混跡于這么7塊地方,一個(gè)電商平臺(tái)可以容納上十萬(wàn)家店鋪,所以店鋪里藏的電商設(shè)計(jì)師應(yīng)該是最多的:
- 店鋪,就比如裂帛、韓都衣舍這些電商品牌店鋪。
- 電商平臺(tái),就比如天貓、京東等等。
- 企業(yè)的電商部門(mén),就比如小米、美的、魅族都有自己的電商部門(mén)。
- 電商品牌策劃公司,主要幫助網(wǎng)店從前期策劃、拍攝到店鋪首頁(yè)詳情頁(yè)設(shè)計(jì)、頁(yè)面上線都打包完成的一類(lèi)公司。
- 代運(yùn)營(yíng)公司,如果說(shuō)每一個(gè)品牌或者店鋪是一個(gè)孩子,那么代運(yùn)營(yíng)公司就好比替別人養(yǎng)孩子的公司(負(fù)責(zé)店鋪的各種運(yùn)營(yíng)維護(hù)和推廣等工作),然后那個(gè)當(dāng)媽的(也就是店鋪或者品牌所有者)只需要給錢(qián)就好,其他的就不管了。
- 外包公司,主要是指跟大的電商平臺(tái)保持長(zhǎng)期合作的設(shè)計(jì)公司,比如武漢藝果、杭州全速等等,我這里只是說(shuō)的電商方面的設(shè)計(jì)外包,游戲外包公司并不在這個(gè)隊(duì)列。
- 最后就是SOHO一族了,自由職業(yè)者,不過(guò)最終也可能還是會(huì)自己創(chuàng)業(yè)或者回到其前面講的5類(lèi)里面尋求一個(gè)職位,不可能一個(gè)人單打獨(dú)斗一輩子。這里要說(shuō)明的一點(diǎn)就是,藏身于這7塊地方的設(shè)計(jì)師可能存在一些重復(fù)(你們懂的~~~)。
五、他們每天都在干些啥?
那么,直到他們藏在哪兒了,接下來(lái)再了解下他們每天都在干些啥?
下面我從三個(gè)方面給大家介紹他們的工作內(nèi)容:按服務(wù)對(duì)象劃分/按項(xiàng)目類(lèi)別劃分/按載體劃分:
不管這些電商設(shè)計(jì)師們藏在上面說(shuō)的7個(gè)地方里的哪個(gè)地方,他們的服務(wù)對(duì)象,歸根結(jié)底就2個(gè),一個(gè)是店鋪,一個(gè)是平臺(tái)。
按項(xiàng)目類(lèi)別劃分就有這些:平臺(tái)界面/運(yùn)營(yíng)專(zhuān)題/店鋪首頁(yè)/詳情頁(yè)/各種尺寸的Banner圖。
按載體劃分就是PC端,或者手機(jī)/pad等移動(dòng)端設(shè)備了,PC端的我在前面已經(jīng)介紹過(guò)了,移動(dòng)端相比PC端就又豐富了許多,比如:H5活動(dòng)引導(dǎo)頁(yè)/移動(dòng)端專(zhuān)題活動(dòng)/微信手Q活動(dòng)頁(yè)設(shè)計(jì)/App等。
六、如何走好電商設(shè)計(jì)這條路?
那么,如何走好電商設(shè)計(jì)這條路呢?,我從3個(gè)方面來(lái)說(shuō):軟件技能/相關(guān)的知識(shí)點(diǎn)/其他。
軟件技能方面
店鋪類(lèi)的電商設(shè)計(jì)師可能不僅要會(huì)用ps之類(lèi)的設(shè)計(jì)軟件,還需要懂一些CSS方面的知識(shí),往往既要做設(shè)計(jì)還要切圖,需要用到DW,而越是大的電商平臺(tái),越是優(yōu) 秀的設(shè)計(jì)公司的設(shè)計(jì)師分工都會(huì)比較明確一些,設(shè)計(jì)師可能只需要掌握PS、AI或CDR這些軟件就好了,主要專(zhuān)注于視覺(jué)設(shè)計(jì)和創(chuàng)意這塊,不強(qiáng)制要求會(huì)切圖。
Axure是交互要用到的軟件,能懂一些的話當(dāng)然不會(huì)有壞處,如果你的合作對(duì)象是用word畫(huà)交互框架圖或者交互搞的,那么也許你懂word就毫無(wú)壓力了,總之除了視覺(jué)設(shè)計(jì)以外的工具和軟件都是因?yàn)槟憧赡苄枰ジ渌藴贤ê献鳎瑸榱朔奖銣贤ㄓ玫?,繪畫(huà)對(duì)設(shè)計(jì)師來(lái)說(shuō)是非常加分的一項(xiàng)技能,雖然并不是必須要掌握的。
相關(guān)的知識(shí)點(diǎn)(需要了解的知識(shí)點(diǎn))
設(shè)計(jì)需要掌握的知識(shí),比如色彩構(gòu)成、平面構(gòu)成、立體構(gòu)成這三大構(gòu)成,文案創(chuàng)意、市場(chǎng)營(yíng)銷(xiāo)、用戶(hù)體驗(yàn)等等這些方面應(yīng)該都是知道的吧,因?yàn)槲覀兊脑O(shè)計(jì)活動(dòng)都是與 活動(dòng)銷(xiāo)售額掛鉤的。商業(yè)設(shè)計(jì)就需要在確定其活動(dòng)目的的基礎(chǔ)上做合適的設(shè)計(jì),要面對(duì)需求人,面對(duì)消費(fèi)者,所以會(huì)涉及到以上知識(shí)點(diǎn),其他方面就是指溝通能力、 理解能力、生活閱歷、人際關(guān)系等等這些方面了。
其他方面(溝通/思考/興趣)
其他方面主要是指溝通技巧/思考方式/是否對(duì)自己的職業(yè)感興趣等方面,我把他們分為三個(gè)方面:上下級(jí)之間/上下游之間/自我驅(qū)動(dòng)力。
- 上下級(jí)之間:只要你不是SOHO一族自己?jiǎn)胃?,只要你是呆在一個(gè)公司里面,肯定就會(huì)面臨要么有上級(jí)沒(méi)下級(jí)(基層員工),要么既有上級(jí)又有下級(jí)(中高層領(lǐng)導(dǎo)),要么只有下級(jí)(你是老板,但或許你還有投資人),在這種環(huán)境里,你要想去做一件事情,就必然需要得到比你高層級(jí)人的支持還有比你低層級(jí)的人的配合執(zhí)行,你才可能達(dá)到這個(gè)目的,這時(shí)候是不是就需要你會(huì)溝通和處事別人才會(huì)愿意更好地支持你配合你對(duì)不對(duì)?
- 上下游之間:上下游之間是平級(jí),不存在誰(shuí)高誰(shuí)一等,誰(shuí)必須聽(tīng)誰(shuí)的,所以你要去做成一件事情更需要能夠換位思考和好好溝通,每個(gè)崗位互相配合,就比如我們做視覺(jué)設(shè)計(jì),你的上游事交互設(shè)計(jì)師/產(chǎn)品經(jīng)理或者運(yùn)營(yíng)策劃,下游是前端,在一個(gè)正規(guī)的大公司里,一個(gè)頁(yè)面完整出來(lái),是他們共同合作的結(jié)果并不是某一個(gè)人的功勞。
- 可能很多人把上游理解為上級(jí)了,比如運(yùn)營(yíng)只是設(shè)計(jì)的上游,他并不是設(shè)計(jì)的上級(jí)上司,他們之間是平級(jí)的,有些運(yùn)營(yíng)可能誤以為自己是上級(jí)就可以對(duì)設(shè)計(jì)隨意呼喚和指揮,這就很要不得了。
- 自我驅(qū)動(dòng)力:也就是你去做一件事情是自我驅(qū)動(dòng)去做的,有可能是因?yàn)榕d趣,有可能那是因?yàn)橛X(jué)得自己有這個(gè)責(zé)任去做,不管怎樣,如果是通過(guò)自我驅(qū)動(dòng)去做一件事情的話,肯定會(huì)比被動(dòng)的去做要高效,要堅(jiān)持的持久些。
最后,一些嘮叨的話
1、想做設(shè)計(jì)但是沒(méi)有任何基礎(chǔ)怎么辦?
沒(méi)有基礎(chǔ)就去學(xué)習(xí)去打基礎(chǔ)咯,如我前面所提到的。
2、已經(jīng)是設(shè)計(jì)師但是還在考慮要不要轉(zhuǎn)行?
如果是因?yàn)閷?duì)設(shè)計(jì)不感興趣,那就乘早轉(zhuǎn)行咯,設(shè)計(jì)這行對(duì)于不感興趣的人可能真的是非??啾婆叮珜?duì)于感興趣的人,是苦并快樂(lè)著的。
如果是因?yàn)樵O(shè)計(jì)這行工資太低,才想要轉(zhuǎn)行,那么問(wèn)題就在于自己是否足夠努力去付出了,任何行業(yè)都有拿高工資的和拿低工資的,而正常情況下,排除家庭背景因素,拿高薪的那一群人付出的努力、時(shí)間精力、耐住的寂寞都要比我們多得多。
3、一名普通設(shè)計(jì)師該怎么進(jìn)入大公司呢?
普通設(shè)計(jì)師想要進(jìn)入大公司好公司,前提都是要拿作品說(shuō)話的,所以好好提升自己的設(shè)計(jì)能力吧,如果能有些特長(zhǎng),比如畫(huà)畫(huà)特別好?攝影很厲害?唱歌很贊?都可以給自己加分,能夠認(rèn)識(shí)愿意推薦自己的前輩拿到offer的概率也要大些,但前提始終是自己的設(shè)計(jì)能力要達(dá)標(biāo)。
以上這次分享就結(jié)束啦,不知道大家有收獲沒(méi)有呢?
本文由 @做設(shè)計(jì)的面條 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
感謝分享,對(duì)電商的發(fā)展史有了更深入的了解。