視覺設計出身，如何通過實戰(zhàn)向UX設計師轉型？

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

 

下面我將以淘工廠首頁改版設計為例，與大家分享我如何通過實戰(zhàn)項目向UX設計師方向轉型。

 

一、洞悉用戶與業(yè)務，將體驗植入規(guī)劃

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

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

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

 

 

 

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

 

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

 

 

二、多維度深挖設計價值，學會質疑

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

 

 

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

 

 

 

 

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

 

 

 

 

 

三、跳出慣性視角

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

 

 

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

 

 

 

 

四、無縫連接上下游

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

 

 

 

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

 

 

 

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

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

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

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

 

 

最后

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