視覺設(shè)計(jì)出身,如何通過實(shí)戰(zhàn)向UX設(shè)計(jì)師轉(zhuǎn)型?

來源:
秋秋
時(shí)間:
2017-11-06 09:30:00
閱讀:
3611


常規(guī)產(chǎn)品設(shè)計(jì)流程中,視覺設(shè)計(jì)師往往處于設(shè)計(jì)環(huán)節(jié)的下游,工作僅僅局限于將界面視覺發(fā)揮到極致,只是承接上下游的視覺工作,單一從視覺美觀性出發(fā)去設(shè)計(jì)。相比于交互設(shè)計(jì)師,視覺設(shè)計(jì)師往往不了解業(yè)務(wù)情況與產(chǎn)品架構(gòu),對(duì)于最重要的用戶調(diào)研部分更不會(huì)深度參與。如果視覺設(shè)計(jì)師不主動(dòng)“往前”走一步的話,很容易讓設(shè)計(jì)沒有支撐理由,成為“空中樓閣”,受到產(chǎn)品、業(yè)務(wù)方或技術(shù)方的挑戰(zhàn),淪為畫界面的“死美工”。

 

下面我將以淘工廠首頁改版設(shè)計(jì)為例,與大家分享我如何通過實(shí)戰(zhàn)項(xiàng)目向UX設(shè)計(jì)師方向轉(zhuǎn)型。

 

一、洞悉用戶與業(yè)務(wù),將體驗(yàn)植入規(guī)劃

淘工廠是一個(gè)鏈接淘寶賣家與工廠的平臺(tái),舊版買家端產(chǎn)品自16年上線后一直沒有突破性的變化,且與業(yè)務(wù)當(dāng)前的定位規(guī)劃有較大偏差,急需改版來配合業(yè)務(wù)的高速發(fā)展。我們 “臨危受命”接手淘工廠業(yè)務(wù),團(tuán)隊(duì)僅有3位設(shè)計(jì)師,卻需要支持4條產(chǎn)品線。這是一個(gè)挑戰(zhàn),更是一個(gè)由視覺設(shè)計(jì)師轉(zhuǎn)型為UX設(shè)計(jì)師的鍛煉機(jī)會(huì)。所以,我決定大膽地“往前”一步,不局限于自己的職責(zé)范圍,而是主動(dòng)承擔(dān)起用研、交互等體驗(yàn)設(shè)計(jì)師的職責(zé),貫穿項(xiàng)目始終。

淘工廠屬于B類加工定制業(yè)務(wù),一開始接觸難免有熟悉和探索的過程。那些復(fù)雜的角色鏈路、晦澀的專業(yè)術(shù)語,很多淘工廠買家都不一定了解,更別說我們這些外行小白了。帶著窮則思變的決心,我意識(shí)到必須快速熟悉業(yè)務(wù)和產(chǎn)品。那么如何快速熟悉業(yè)務(wù)與產(chǎn)品呢?我總結(jié)出以下方法。

補(bǔ)充儲(chǔ)備服裝供應(yīng)鏈業(yè)務(wù)知識(shí)是必備基礎(chǔ)。而要快速摸清產(chǎn)品現(xiàn)狀,除了利用走查、舊版數(shù)據(jù)分析等手段對(duì)產(chǎn)品進(jìn)行定性分析之外,最重要的是,從用戶體驗(yàn)設(shè)計(jì)師的本位出發(fā),跟用戶好好聊一聊產(chǎn)品體驗(yàn)。因此,我們對(duì)買家、工廠、服務(wù)商三角色進(jìn)行走訪,作全鏈路的體驗(yàn)大圖梳理,發(fā)現(xiàn)用戶痛點(diǎn),并對(duì)痛點(diǎn)進(jìn)行分層。

 

 

 

功夫不負(fù)有心人,我們對(duì)業(yè)務(wù)+用戶的深入理解,賦能了業(yè)務(wù)的體驗(yàn)規(guī)劃,確定了這次改版優(yōu)化的方向。通過洞悉用戶在全鏈路上的痛點(diǎn)和訴求,我們?cè)跇I(yè)務(wù)策略啟動(dòng)的階段參與業(yè)務(wù)的產(chǎn)品共創(chuàng)大會(huì)。從體驗(yàn)的專業(yè)視角賦能業(yè)務(wù)進(jìn)行產(chǎn)品整體規(guī)劃支持、提供解決方案。視覺設(shè)計(jì)師大可不必局限于自己的崗位職責(zé)限制,從項(xiàng)目前期開始主動(dòng)接觸產(chǎn)品、熟悉業(yè)務(wù)的核心需求,從接需求的角色轉(zhuǎn)變?yōu)轶w驗(yàn)規(guī)劃的推動(dòng)者,才能保證自己在項(xiàng)目中的核心價(jià)值與設(shè)計(jì)說服力。

 

通過這種多方思維的碰撞,全方位、多角度滲透業(yè)務(wù),一是可以從規(guī)劃階段就植入體驗(yàn)期望達(dá)到的目標(biāo),引導(dǎo)產(chǎn)品向體驗(yàn)期望的方向發(fā)展,避免成為被動(dòng)接需求的角色;二是可以與業(yè)務(wù)方建立良好的信任與合作關(guān)系,給予設(shè)計(jì)師更多的發(fā)揮空間。

 

 

二、多維度深挖設(shè)計(jì)價(jià)值,學(xué)會(huì)質(zhì)疑

作為視覺設(shè)計(jì)師,我發(fā)現(xiàn)自己在進(jìn)入設(shè)計(jì)階段后往往只關(guān)注局部細(xì)節(jié),例如“什么樣的設(shè)計(jì)風(fēng)格更好看?”“什么樣的顏色更合適?”卻忘了去思考“我為什么要做這個(gè)需求?“”這個(gè)需求有沒有更好的解決方案?“所以,進(jìn)入設(shè)計(jì)階段后,首先不要急著上手去做“無思考設(shè)計(jì)”,而是在全局性上去深挖項(xiàng)目的設(shè)計(jì)價(jià)值,通過不斷的質(zhì)疑、思考來提出設(shè)計(jì)解決方案。

 

 

淘工廠的用戶大多是淘寶賣家,大部分的新興淘賣并非來自傳統(tǒng)行業(yè),他們更習(xí)慣于淘寶年輕化的視覺審美。然而,他們并不了解加工定制流程,也無法區(qū)分針織梭織毛織的工藝,更別說“大流水”、“小流水”這種專業(yè)的加工定制術(shù)語了。結(jié)合業(yè)務(wù)目標(biāo)與用戶目標(biāo),我們可以得出這次產(chǎn)品優(yōu)化的設(shè)計(jì)目標(biāo)與對(duì)應(yīng)的三大解決策略。

 

 

 

 

我以用戶為中心,通過<用戶體驗(yàn)五要素>可以將簡(jiǎn)單的設(shè)計(jì)價(jià)值關(guān)鍵詞,多維度、多層次細(xì)分為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這5個(gè)層面的價(jià)值,而并不只著眼于“用戶”上。將設(shè)計(jì)價(jià)值在體驗(yàn)設(shè)計(jì)全鏈路上進(jìn)行具體化、精細(xì)化,能客觀、有效的指導(dǎo)我在產(chǎn)品、交互、視覺等環(huán)節(jié)上進(jìn)行全局的把控和思考,多維度提出解決方案,讓我的設(shè)計(jì)是全局統(tǒng)一的,而且 “有理有據(jù)”。

 

 

 

 

 

三、跳出慣性視角

在完整的產(chǎn)品設(shè)計(jì)環(huán)節(jié)中,視覺設(shè)計(jì)師的發(fā)揮空間往往是較為狹窄的。由于處于設(shè)計(jì)環(huán)節(jié)的下游,甚至在不了解項(xiàng)目的前因后果時(shí),就開始照著交互稿或者demo的框架原封不動(dòng)的去填充產(chǎn)品的顏色、字體、版式、圖形、icon等。做出一張精美的頁面確實(shí)挺有成就感的,但用戶真的關(guān)注我們精心設(shè)計(jì)的這些“2px圓角“、”襯線體“、“彩色陰影”嗎?要贏得用戶,再華麗的包裝設(shè)計(jì)理念、再美觀的界面?zhèn)鬟f、再酷炫的呈現(xiàn)效果統(tǒng)統(tǒng)無濟(jì)于事,視覺設(shè)計(jì)師的價(jià)值應(yīng)該體現(xiàn)在以用戶為中心進(jìn)行設(shè)計(jì),去充分考慮你的設(shè)計(jì)是否真的能帶來更好的體驗(yàn)。

 

 

例如在淘工廠改版項(xiàng)目中,我跳出單一的視覺視角,通過運(yùn)用交互、產(chǎn)品、視覺等多手段來制定設(shè)計(jì)策略,靈活解決問題才是最關(guān)鍵的。

 

 

 

 

四、無縫連接上下游

我之前在做一些設(shè)計(jì)項(xiàng)目時(shí),視覺設(shè)計(jì)的工作時(shí)間經(jīng)常因?yàn)榻换バ枨蠓磸?fù)、技術(shù)開發(fā)量大等原因被壓縮掉,接著就處于改來改去的狀態(tài),連質(zhì)疑需求和交互方案的合理性都成了奢求,讓我感到 “無力再愛”。再者,大部分時(shí)間都是分散在碎片化的項(xiàng)目中,只聚焦在單個(gè)項(xiàng)目的視覺表現(xiàn)上,猶如“管中窺豹”缺乏整體一致性的體驗(yàn)。尤其是同時(shí)與多個(gè)交互設(shè)計(jì)師合作的情況下更明顯,因?yàn)槊總€(gè)人都”各司其職”,只關(guān)注自己負(fù)責(zé)的部分。

 

 

 

所以,在執(zhí)行階段,我反而更習(xí)慣于一個(gè)人直接與需求方對(duì)接,全面參與產(chǎn)品溝通、設(shè)計(jì)執(zhí)行、開發(fā)測(cè)試、數(shù)據(jù)分析等全部環(huán)節(jié)。這樣,一是能了解到一手的業(yè)務(wù)動(dòng)態(tài)與需求信息,了解業(yè)務(wù)技術(shù)可實(shí)現(xiàn)情況,避免信息不同步、反復(fù)對(duì)焦浪費(fèi)時(shí)間,能爭(zhēng)取更多的時(shí)間去投入設(shè)計(jì)環(huán)節(jié);二是通過完整的項(xiàng)目參與,更能幫助我構(gòu)建整合能力與體系化思維,對(duì)產(chǎn)品有全局性的認(rèn)知,自然也能保障產(chǎn)品在全流程體驗(yàn)的一致性。

 

 

 

五、該執(zhí)著的執(zhí)著,該放手的放手

視覺設(shè)計(jì)師一般在完成設(shè)計(jì)產(chǎn)出后,走查還原度、跟進(jìn)上線就結(jié)束了。作為一個(gè)UX設(shè)計(jì)師,卻還需要繼續(xù)根據(jù)用戶反饋、數(shù)據(jù)分析等方式,去“執(zhí)著”地驅(qū)動(dòng)業(yè)務(wù)進(jìn)行產(chǎn)品的迭代優(yōu)化。

但在項(xiàng)目過程中,我需要溝通需求和方案,順便幫PD確定項(xiàng)目功能范圍與迭代計(jì)劃,接著產(chǎn)出交互、視覺,還需要切圖、制作icon跟進(jìn)上線、跟進(jìn)數(shù)據(jù)分析、驅(qū)動(dòng)迭代優(yōu)化,甚至還得負(fù)責(zé)業(yè)務(wù)全部運(yùn)營活動(dòng)的對(duì)接工作。而視覺設(shè)計(jì)師的“出身”,使我更是無法放下對(duì)于體驗(yàn)細(xì)節(jié)的追求,巴不得上線產(chǎn)品能準(zhǔn)確還原設(shè)計(jì)稿的每一像素。

但一個(gè)人的精力是有限的,不可能在所有環(huán)節(jié)都聚焦。所以面對(duì)這種事特別多的情況,我們可以適當(dāng)“放手”,將設(shè)計(jì)工作分為精細(xì)化設(shè)計(jì)和自動(dòng)化設(shè)計(jì)兩部分。精細(xì)化設(shè)計(jì),顧名思義就是對(duì)那些需要深挖設(shè)計(jì)價(jià)值的部分,做出獨(dú)一無二的設(shè)計(jì),如產(chǎn)品首頁、重要功能等。自動(dòng)化設(shè)計(jì),就是指從中臺(tái)化設(shè)計(jì)思路出發(fā)的設(shè)計(jì),如營銷活動(dòng)、基礎(chǔ)產(chǎn)品功能等,通過我們?nèi)ブ贫ㄆ放圃O(shè)計(jì)規(guī)范、進(jìn)行“樂高式”組件設(shè)計(jì),將搭建常規(guī)頁面的工作開放給業(yè)務(wù)方、外包設(shè)計(jì)師等,解放有限的設(shè)計(jì)生產(chǎn)力。

 

 

最后

對(duì)于想轉(zhuǎn)型UX的視覺設(shè)計(jì)師而言,我們的手活表達(dá)和視覺審美上相較于交互設(shè)計(jì)師有著天然的優(yōu)勢(shì),而不足的地方則是在抽象整合、數(shù)據(jù)分析、體系化思維這些部分上。這些不足,是我們應(yīng)該通過實(shí)戰(zhàn)項(xiàng)目重點(diǎn)逐步提升的綜合能力。隨著UX概念已成為行業(yè)趨勢(shì),視覺設(shè)計(jì)師更應(yīng)該在迷茫之時(shí)先人一步開始改變。轉(zhuǎn)型UX設(shè)計(jì)師的這條路還需要更多的同行加入探索,我已經(jīng)在路上了,你呢?

 

 



轉(zhuǎn)載請(qǐng)注明:優(yōu)波設(shè)計(jì)


掃描二維碼可分享給好友