-
需求文檔不規(guī)范怎么辦？ -
承擔了很多與產(chǎn)品相關(guān)的工作，是好還是不好？ -
需求量大，如何推動需求排期合理化？ -
經(jīng)常插入或變更需求怎么辦？ -
如何更有效的解決問題？ -
需求是否有價值？ -
如何做好體驗優(yōu)化？ -
怎樣做好設(shè)計，并提升設(shè)計的說服力？ -
應(yīng)該具備怎么樣的知識才能更好的應(yīng)對日常需求？ -
我應(yīng)該掌握哪些專業(yè)知識與能力？ -
…
上述問題看起來比較雜亂，但是通過一定的分類整理，可以概括為兩個方面，即：「專業(yè)能力」與「職業(yè)能力」。
圖1 專業(yè)能力與職業(yè)能力
專業(yè)能力：
與設(shè)計直接相關(guān)的能力，是完成設(shè)計工作不可或缺的組成部分，比如 需求挖掘、需求分析、方案設(shè)計、用戶研究等內(nèi)容。
職業(yè)能力：
崗位要求需具備的一些能力，可以幫助設(shè)計師更好地處理工作過程中遇到的問題，比如溝通能力、規(guī)劃能力、驅(qū)動能力、執(zhí)行能力等，可概括為“發(fā)現(xiàn)問題-解決問題”的效率與能力。
隨著設(shè)計師項目經(jīng)驗和工作經(jīng)驗的增加，其所具備的專業(yè)能力和職業(yè)能力也會不同程度的成長與提升。下面會首先對新人設(shè)計師所應(yīng)具備的專業(yè)能力進行總結(jié)和說明；其次對與職業(yè)能力常見的問題進行一定的解答與建議，希望能夠幫助到各位設(shè)計師同學。
一、專業(yè)能力
設(shè)計師首先要明確設(shè)計工作的主要內(nèi)容，從需求分析、用戶分析到將抽象的需求轉(zhuǎn)化為具象的設(shè)計方案輸出，再到跟進設(shè)計方案上線；通過定性定量的方式跟進用戶反饋，持續(xù)推動用戶體驗優(yōu)化及挖掘更多用戶場景和訴求均是設(shè)計師日常工作過程中的核心工作內(nèi)容，接下來我們初步分析：
圖2 設(shè)計師主要工作內(nèi)容
1、需求分析與用戶分析
當設(shè)計師拿到需求后，切記要多去追問為什么。因為產(chǎn)品經(jīng)理給到設(shè)計師的需求更多情況下是具體的功能，而對于為什么要做該功能是需要設(shè)計師去深入洞察和挖掘的。此階段，設(shè)計師要明確「業(yè)務(wù)目標」「業(yè)務(wù)指標」「設(shè)計目標」和「設(shè)計指標」的概念，參照下圖所示。
圖3 需求分析與用戶分析
以“某客服平臺改版”的需求為例進行簡略介紹，其業(yè)務(wù)目標是：解決客服人員工作過程中遇到的痛點，提升客服使用體驗，同時期望縮減客服人力成本投入，并明確具體的業(yè)務(wù)指標。設(shè)計側(cè)接手項目后，通過 用戶觀察、用戶訪談等用戶研究手段，了解平臺痛點，并從「業(yè)務(wù)層面」和「設(shè)計層面」總結(jié)歸納。
圖4 客服系統(tǒng)分析
對于業(yè)務(wù)層面的突出問題，通過與產(chǎn)品多次溝通形成相應(yīng)的產(chǎn)品策略，并落實到具體方案中。而對于設(shè)計層面的問題，為了更系統(tǒng)準確的了解客服人員的痛點，設(shè)計側(cè)又進行了二次調(diào)研。首先整理訪談提綱對客服人員進行訪談；其次整理了問卷提綱，通過發(fā)放問卷進一步驗證調(diào)研結(jié)論的準確性，并全面收集客服人員的建議。并且沉淀各角色人員的用戶畫像，了解各角色人員的主要工作事項、關(guān)注點及痛點。調(diào)研發(fā)現(xiàn)，客服人員的主要工作內(nèi)容聚焦在以下事項，并且客服人員對系統(tǒng)的整體滿意度較低。
圖5 用戶分析-客服主要工作內(nèi)容
結(jié)合業(yè)務(wù)目標及對業(yè)務(wù)和用戶的分析，設(shè)計側(cè)將“提升用戶核心工作流程的工作效率及平臺整體的用戶滿意度”作為設(shè)計目標。由此設(shè)計的重點也放在核心操作路徑優(yōu)化和整體體驗提升上面。通過對調(diào)研結(jié)果進行系統(tǒng)梳理，整理出高優(yōu)先級優(yōu)化內(nèi)容，并推動埋點功能上線。最終，設(shè)計側(cè)拿到核心操作路徑優(yōu)化前后的數(shù)據(jù)對比，達成設(shè)計目標。
建議各位設(shè)計師拿到需求后不要急于產(chǎn)出設(shè)計方案，多去進行需求分析與用戶分析，它可以幫助設(shè)計師更深入的理解業(yè)務(wù)，挖掘業(yè)務(wù)本身的問題，了解用戶的使用場景、關(guān)注點、痛點、期望與建議，為后續(xù)開展方案設(shè)計提供設(shè)計依據(jù)。在設(shè)計評審時呈現(xiàn)自己的思考與分析內(nèi)容，也會大大提升設(shè)計方案的說服力。
2、需求轉(zhuǎn)化為設(shè)計
關(guān)于設(shè)計目標的重要性在上述部分已有講解，因此本部分重點講解「設(shè)計系統(tǒng)」與「設(shè)計原則」。在日常工作中，除了上述提到的平臺改版等較為復雜的需求，絕大部分情況是產(chǎn)品經(jīng)理梳理清楚具體的需求或功能點，經(jīng)需求評審后將其給到設(shè)計師，由設(shè)計師在敏捷迭代有限的時間內(nèi)快速產(chǎn)出最優(yōu)的設(shè)計方案。而對設(shè)計系統(tǒng)的充分了解和應(yīng)用是B端設(shè)計過程中不可缺少且非常重要的一部分。
設(shè)計系統(tǒng)的構(gòu)成
《Design System》一書中對設(shè)計系統(tǒng)的構(gòu)成進行了詳細的解讀，筆者將其中與工作關(guān)聯(lián)性最強的部分進行了整理，并且結(jié)合工作經(jīng)驗簡要談?wù)勛约旱睦斫狻?
圖6 設(shè)計系統(tǒng)的構(gòu)成
-
設(shè)計原則：
設(shè)計過程中需要遵循的指導原則與依據(jù)，有利于保障系統(tǒng)的易用性，提升用戶滿意度。由于設(shè)計原則的重要性，筆者會在下文中進行詳細描述。
-
設(shè)計組件：
通常包含基礎(chǔ)組件、復雜組件和業(yè)務(wù)組件。基礎(chǔ)組件即原子組件，例如按鈕、輸入框、下拉框等，可用于構(gòu)成復雜組件或業(yè)務(wù)組件。復雜組件通常由基礎(chǔ)的原子組件構(gòu)成，但仍然在多條業(yè)務(wù)中具有通用性，例如 表單。業(yè)務(wù)組件通常用在特定業(yè)務(wù)場景下使用，具備復用性的同時可保證設(shè)計統(tǒng)一性。由于各公司通常具備成熟的組件庫或使用ant design和iview組件。因此設(shè)計師在業(yè)務(wù)支撐過程中更多是從業(yè)務(wù)組件入手，本著“標準、統(tǒng)一、復用”的理念，沉淀豐富的業(yè)務(wù)組件以提升設(shè)計統(tǒng)一性、以及設(shè)計與開發(fā)效率。
-
設(shè)計模式：
同類場景下用戶行為的統(tǒng)一模式，從而避免多種設(shè)計問題出現(xiàn)，有利于形成統(tǒng)一的用戶心智，符合系統(tǒng)設(shè)計的一致性原則，例如上傳、搜索、批量操作等。需要通過詳細的設(shè)計規(guī)范，對模式的使用場景、解決的問題、遵循的原則以及模式具體如何應(yīng)用進行詳盡細致的說明。某些設(shè)計模式可以沉淀為組件來達成模式的統(tǒng)一應(yīng)用，而對于不方便沉淀為組件的模式，需要整理詳細的規(guī)范文檔，方便設(shè)計師查閱與使用。
-
控件庫：
將設(shè)計資產(chǎn)（組件、模式、圖標、插圖等）整理為symbol控件，在axure、sketch等設(shè)計軟件中可快速使用控件搭建頁面，提升設(shè)計效率。
-
視覺樣式：
通常包含顏色、布局、字體、圖標、動效、插圖等，是保持全局樣式視覺統(tǒng)一性的重要基礎(chǔ)。
-
設(shè)計規(guī)范：
對視覺樣式、組件、模式等如何應(yīng)用進行詳細的設(shè)計說明，包含設(shè)計原則、使用場景、使用流程與反饋等，產(chǎn)出通常為設(shè)計規(guī)范文檔，對于新人設(shè)計師，一定要熟記、掌握和學會如何應(yīng)用。
設(shè)計原則
關(guān)于B端設(shè)計原則，設(shè)計師對“高效、清晰、可視化”等原則一定不會感到陌生，但是筆者一直在想設(shè)計原則的得來是否能夠更加有依據(jù)。由此上網(wǎng)看了很多文章，也結(jié)合自己支持的業(yè)務(wù)去思考，基于個人經(jīng)驗將設(shè)計原則總結(jié)概括為三個部分：「設(shè)計指導原則」「事實性原則」「可用性原則」。
圖7 設(shè)計原則
設(shè)計指導原則：
B端設(shè)計原則的頂層指導原則，是整個平臺設(shè)計的全局性原則，通常由 業(yè)務(wù)定位、行業(yè)屬性、客戶標準、用戶特征等因素綜合得出。
比如公司內(nèi)部的客服系統(tǒng)和面向房地產(chǎn)行業(yè)的設(shè)計管理系統(tǒng)，客服系統(tǒng)從業(yè)務(wù)定位出發(fā)是希望客服人員工作更加高效，而客服人員從自身動機出發(fā)也期望更加高效的完成目標，以取得不錯的績效。一般在設(shè)計時，設(shè)計師考慮到信息密度的問題，會將部分信息折疊收起，但是對于客服人員來說，他們更希望將全部信息鋪開展示，通過瀑布流的形式他們可以快速檢索信息，提升工作效率。而對于房產(chǎn)的設(shè)計管理系統(tǒng)，業(yè)務(wù)定位是提供全鏈路的解決方案，讓客戶滿意是非常重要的業(yè)務(wù)目標。
由此，滿足客戶的標準和使用人員的訴求對于系統(tǒng)設(shè)計來說非常重要?？蛻魰谛袠I(yè)屬性的特點提出要求，比如更加注重科技感，用戶希望頁面更直觀，信息密度小等，設(shè)計師要綜合多種考慮去制定全局的設(shè)計指導原則。
- 事實性原則：
基于業(yè)界的定律去設(shè)計，為最優(yōu)設(shè)計方案提供更多依據(jù)。比如?？硕?、菲茨定律等。除此之外，設(shè)計師更要懂心理學，了解用戶在觀察、閱讀、記憶等方面的影響因素，并且將其應(yīng)用在方案設(shè)計中。如此，設(shè)計方案便有理有據(jù)，經(jīng)得起推敲。
- 可用性原則：
比如尼爾森十大可用性原則和設(shè)計界其他的一些可用性原則，設(shè)計師相對來說都比較熟悉，需要結(jié)合業(yè)務(wù)特征進行靈活的運用。
基于設(shè)計目標、設(shè)計系統(tǒng)、設(shè)計原則進行具體的方案設(shè)計，會幫助設(shè)計師從“完成方案”到“完成最優(yōu)方案”進階，同時也有利于：保障設(shè)計統(tǒng)一性，提升設(shè)計與開發(fā)效率；形成統(tǒng)一的用戶心智模型，提升用戶體驗；平衡設(shè)計與技術(shù)，降低技術(shù)開發(fā)成本，保障功能按時上線。
3、需求挖掘與反饋收集
通?？墒褂枚ㄐ?、定量的用戶研究手段去挖掘用戶訴求以及收集用戶反饋。定性調(diào)研通常包含：用戶觀察、用戶訪談、焦點小組、啟發(fā)式評估、可用性測試等。定量調(diào)研通常包含：問卷調(diào)研、數(shù)據(jù)埋點、后端數(shù)據(jù)拉取、AB測試等，新人設(shè)計師可以選擇適合當前業(yè)務(wù)發(fā)展階段的調(diào)研方法。與用戶研究相關(guān)的資料較多，大家可以自行搜索學習，此處不再贅述。
這里筆者強調(diào)一點，即使用“體系化的設(shè)計思維”去整理用戶反饋的體驗問題。通常來說，調(diào)研后收集到的用戶反饋是相對零散的，即便按功能模塊分類整理，并且對優(yōu)化帶來的價值進行描述，業(yè)務(wù)人員也很難理解優(yōu)化某一個體驗問題帶來的價值，從而導致設(shè)計師在推動體驗優(yōu)化需求排期時遇到阻力，且由于roi的投入產(chǎn)出比低體驗優(yōu)化被無限延后。此時設(shè)計師需要進行體系化的梳理，重點在核心工作人員的核心工作路徑優(yōu)化，預估優(yōu)化后帶來的數(shù)據(jù)價值，以此去PK其他需求證明體驗優(yōu)化帶來的價值。在上線后也需要及時跟進真實的使用數(shù)據(jù)，拿到量化的數(shù)據(jù)結(jié)果及時同步相關(guān)人員。
圖8 體系化整理體驗問題
二、職業(yè)能力
新人設(shè)計師需要逐步培養(yǎng)自己“發(fā)現(xiàn)問題和推動問題解決”的能力，多交流，多思考，多總結(jié)。這里有幾個小建議給到大家：
- 建立規(guī)范意識，通過標準化規(guī)范化的流程解決問題
在產(chǎn)品的敏捷迭代過程中，產(chǎn)品—設(shè)計—研發(fā)—測試等各環(huán)節(jié)必須保持規(guī)范化的運行節(jié)奏，一旦某環(huán)節(jié)出現(xiàn)異常，則會影響敏捷迭代的整個流程。比如需求變更的問題，可以在敏捷迭代復盤會上提出，并且跟大家一起分析背后的原因，找到行之有效的解決方案。若是因為客戶提出臨時加需求，可以考慮需求置換，但是如果是產(chǎn)品經(jīng)理個人的原因，說明需求優(yōu)先級排序出現(xiàn)問題，可能需要建立一套標準的優(yōu)先級評估規(guī)范來避免或減少此類問題。
再舉個例子，關(guān)于“需求量大，如何推動需求排期合理化的問題”。可以先去梳理當前存在的問題，以及帶來的影響，同時提出解決方案，跟業(yè)務(wù)人員一起探索，達成一致后運行解決機制就能解決該問題。
圖9 需求排期機制
- 找準設(shè)計邊界，學會衡量利弊
作為設(shè)計新人，一定要學會明辨職責范圍內(nèi)的事項，找準設(shè)計邊界。比如產(chǎn)品經(jīng)理離職了，在短時間內(nèi)設(shè)計師承擔了部分產(chǎn)品經(jīng)理的職責，統(tǒng)籌需求收集，給出設(shè)計方案，把控敏捷流程，保證產(chǎn)品迭代正常進行，且符合設(shè)計師職業(yè)和專業(yè)能力范圍內(nèi)時，設(shè)計師是可以承接的。但同時我們需要不斷跟進業(yè)務(wù)招聘新人，讓專業(yè)的人來做專業(yè)的事情，避免將個人精力全部花費在與產(chǎn)品相關(guān)的事項上面。
日常工作中設(shè)計師一定要學會明確邊界，切忌將工作重點轉(zhuǎn)移到非設(shè)計相關(guān)的事項而偏離了設(shè)計本身，可以多用系統(tǒng)性的思維去思考和分析利弊，相信此時設(shè)計師就會有自己的答案。
- 學會借力，必要時學會依靠團隊
設(shè)計師，尤其是新人設(shè)計師，在工作中遇到的問題很可能是憑一己之力無法解決的。這時候可以考慮借力，向領(lǐng)導借力，向團隊借力，可以說出自己的想法，尋求大家的建議。不僅可以收獲到經(jīng)驗，還可以提高解決問題的效率。舉個例子，筆者剛剛畢業(yè)入職后，要去整理所負責的移動端產(chǎn)品的體驗優(yōu)化，采取了“群策群力”的方式，邀請團隊的設(shè)計師一起進行體驗走查，在2個小時的會議時間完成了整個產(chǎn)品的走查，并且收集到非常多的有效建議，依靠團隊的力量達到事半功倍的效果。
總結(jié)
作為一名“過來人”，回想起自己還是設(shè)計新人的時候遇到的問題，踩過的坑…內(nèi)心很感慨。因此，一直都想寫一篇文章，將自己的經(jīng)驗和心得總結(jié)下來，希望本篇文章能夠幫助設(shè)計師少走彎路，快速成長。
最后，借用在《騰訊產(chǎn)品法》一書中看到的一段話送給大家，我想設(shè)計也大抵如此。
階段一：以片面、固化的眼光看問題，只看到零散的表象和靜止的格局。解決方案呈點狀隨機分布。
階段二：以宏觀、系統(tǒng)的眼光看問題，能看到產(chǎn)品與產(chǎn)業(yè)、產(chǎn)品與其他產(chǎn)品的關(guān)系和位置。解決方案開始具有系統(tǒng)性特征。
階段三：以動態(tài)、演進的眼光看問題；能看到時間長河中問題變化的趨勢。解決方案能夠助推產(chǎn)品順勢成長。
設(shè)計者修煉產(chǎn)品設(shè)計能力的過程本質(zhì)上就是一個思考力進階的過程。
參考書籍
《在騰訊產(chǎn)品法》
參考文章
尼爾森的十大可用性原則與場景案例
《Design System》相關(guān)文章
《Pin Design》年刊文章
作者：瑤一
轉(zhuǎn)載請注明：學UI網(wǎng)》B端設(shè)計經(jīng)驗總結(jié)-幫助新人快速上手
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.lzhte.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司