作為新轉(zhuǎn)行入的B端設(shè)計師，應(yīng)該對這個職業(yè)的一些相關(guān)內(nèi)容不是很了解吧！那就認(rèn)領(lǐng)下面這篇文章吧！這是筆者自身整理出來的一份入職指南的內(nèi)容，或許對你有幫助哦！

大家好，我是阿琦Aqi。我以前是一個C端設(shè)計師，2012年的時候進(jìn)入了華為外包，開始了B端的職業(yè)生涯。結(jié)合近10年的B端設(shè)計實(shí)踐和經(jīng)驗(yàn)，我梳理了一下C端、平面設(shè)計師轉(zhuǎn)為B端設(shè)計師所遇到的問題和挑戰(zhàn)，幫助大家快速了解B端設(shè)計師及設(shè)計流程。

C端或者平面設(shè)計師轉(zhuǎn)行B端設(shè)計師后，肯定會有很多的不習(xí)慣，我先簡單的介紹一下B端。

一、認(rèn)識B端

第一是媒介形式的不同。如果C端以手機(jī)為代表、平面以紙質(zhì)廣告和戶外廣告為代表的話，那么B端產(chǎn)品的主要呈現(xiàn)媒介是PC端或者是大屏，包含本地客戶端和網(wǎng)頁。

第二是面向用戶不同。B端產(chǎn)品主要面向的是企業(yè)用戶，企業(yè)通過B端平臺來管理用戶，運(yùn)營和維護(hù)自己的商業(yè)活動。

第三是社會發(fā)展現(xiàn)狀的需要。如果是前10年是移動互聯(lián)網(wǎng)化，那么這10年就是企業(yè)互聯(lián)網(wǎng)化。正是有了前10年基于移動端的技術(shù)和用戶根基，企業(yè)互聯(lián)網(wǎng)才發(fā)展非常迅猛。同時，越來越多的企業(yè)都意識到降本增效的重要性，都開始對既有的業(yè)務(wù)進(jìn)行改造升級，以減少人力成本。

二、B端的特性

2.1復(fù)雜性

如果說C端是在解決一個問題，那么B端就是解決一堆問題。

你打開一個B端平臺，會發(fā)現(xiàn)很多的業(yè)務(wù)，你隨便點(diǎn)開一個業(yè)務(wù)，會發(fā)現(xiàn)有很多的功能。然后這個時候你有點(diǎn)崩潰了。不夸張的說，一個中等的B端系統(tǒng)有幾百幾千個功能是非常常態(tài)化的。

B端的復(fù)雜性還跟企業(yè)主體有關(guān)，每個企業(yè)的流程、業(yè)務(wù)即使完全相同，也會在審批、權(quán)限、角色等方面不盡相同。

B端的復(fù)雜性，要求產(chǎn)品或者交互設(shè)計師能夠清晰地梳理業(yè)務(wù)邏輯，并將業(yè)務(wù)流程化、可視化。

2.2 B端的專業(yè)性

B端系統(tǒng)是專業(yè)的、垂直的，他是以企業(yè)的業(yè)務(wù)為基礎(chǔ)的，旨在解決企業(yè)業(yè)務(wù)中的各種問題。

2.3 B端設(shè)計的誤區(qū)

追求極致的用戶體驗(yàn)。B端設(shè)計的目的首先是達(dá)成任務(wù)目標(biāo)，切不可一味的追求用戶體驗(yàn)。

以“你”為中心的用戶視角。B端的用戶涉及到管理員、使用者、操作者，用戶體驗(yàn)存在于各個角色之間，不同的角色，使用習(xí)慣和路徑存在差別。你可以沉浸式的去體驗(yàn)每個角色之間的差別，切不可用“我覺得”去設(shè)計，一定要基于數(shù)據(jù)和業(yè)界既有經(jīng)驗(yàn)的參考。

三、如何快速熟悉B端產(chǎn)品

3.1借助產(chǎn)品經(jīng)理快速熟悉和融合業(yè)務(wù)

剛?cè)肼?，一般更多的是熟悉，團(tuán)隊領(lǐng)導(dǎo)也不會立即馬上讓你接手一個大的項(xiàng)目。所以在入職1-2周內(nèi)，你需要把所在設(shè)計部門接觸到的產(chǎn)品的B端平臺先熟悉起來。表面上看1-2周的時間比較的長，其實(shí)很快就過去了，你需要有側(cè)重點(diǎn)、有路徑、有方法地去安排熟悉產(chǎn)品的計劃，否則兩周過去了，你可能才了解產(chǎn)品的冰山一角。

B端系統(tǒng)的龐大，決定了B端設(shè)計的復(fù)雜。如果想成為一名優(yōu)秀的B端設(shè)計師，那么請你多跟產(chǎn)品喝喝茶，跟業(yè)務(wù)方聊聊天，在B端路徑的前沿就要想著把需求了解清楚了解透徹。

產(chǎn)品經(jīng)理掌管平臺大小功能，基本上對平臺的脈絡(luò)都很清楚。借助于產(chǎn)品經(jīng)理的幫助，你可以比較快的了解到產(chǎn)品經(jīng)理負(fù)責(zé)的模塊和業(yè)務(wù)。

一般入職后，產(chǎn)品經(jīng)理會跟你全盤都陳述一下，所以你要抓住這次機(jī)會好好了解，后面可能就比較少有這么全面的一對一指導(dǎo)了，因?yàn)樗麄兛赡苡X得你已經(jīng)都懂了。

3.2借助測試人員跑通整個平臺功能

第一，平臺功能和業(yè)務(wù)可以詢問測試人員。對公司產(chǎn)品第二熟悉的應(yīng)該是測試了，測試人員在測試過程中可能都連一個角落都不放過。從每一次上線版本功能的跑通，測試用例的編寫，到平臺Bug的提交，測試對整個平臺算是非常熟悉了。所以你想了解平臺功能，也可以找測試人員幫忙。

第二，通過測試賬號快速了解平臺功能。你可以跟測試人員要一個線上環(huán)境的賬號和測試環(huán)境的賬號。線上環(huán)境的賬號是真實(shí)的發(fā)布后的效果，測試環(huán)境可能包含尚且沒有發(fā)布的版本，屬于內(nèi)部最新的環(huán)境。

第三，分角色帶入式體驗(yàn)平臺功能。B端跟C端不一樣，C端可能最終呈現(xiàn)就是手機(jī)，而你就是直接用戶。但是B端不一樣，他存在于商業(yè)路徑上的各個角色中，所以如果允許的話，最好要一個超級管理員賬號，可以查看到所有功能。

按照不同的角色，將自己帶入，感受當(dāng)前角色下的功能。

第一遍帶入體驗(yàn)，你可以漫無目的的查看當(dāng)前角色下的功能，以增加對他的熟悉。

后面需要我們有目的的去查看。譬如我們想實(shí)現(xiàn)業(yè)務(wù)中的某一個功能，那么我們看看如何操作、如何到達(dá)、過程中有沒有覺得可以進(jìn)一步優(yōu)化的地方。

如果有充分的時間，你也可以多跟測試人員溝通，了解測試用例，把測試用例跑一遍，以更深入的了解到平臺功能。

四、參與B端項(xiàng)目立項(xiàng)

B端產(chǎn)品設(shè)計師，在入職后拿到的第一個相關(guān)的設(shè)計，可能是平臺某一個版本的迭代升級，也可能是大平臺中的一個功能。

項(xiàng)目立項(xiàng)，一般是產(chǎn)品經(jīng)理牽頭，約一個會議室，然后組織項(xiàng)目經(jīng)理、交互設(shè)計師、視覺設(shè)計師、前端開發(fā)人員、后端開發(fā)人員、架構(gòu)師等進(jìn)行參會討論。會議上，產(chǎn)品經(jīng)理會把本次開發(fā)的版本需求進(jìn)行陳述 ，明確版本上線的功能，然后讓各個部門協(xié)助評估工時和人天。

即使是新入職的設(shè)計師，我們在前期對產(chǎn)品進(jìn)行熟悉后，在接到這種小版本需求的時候就不用感到很緊張了。會議后，產(chǎn)品經(jīng)理會拉群把需求發(fā)到群里給大家詳細(xì)查閱。我們需要根據(jù)需求文檔，看一下需求稿轉(zhuǎn)化成交互原型、再到視覺效果圖、切圖以及上線前的還原度走查所需要的時間。

設(shè)計師要求：評估工時。需要你準(zhǔn)確給出設(shè)計所需要的時間，別忘了把切圖和還原度的時間也算上去。還原度是最重要的事情，需要的時間可能會占設(shè)計時間的二分之一。假設(shè)你評估當(dāng)前版本需求視覺設(shè)計需要6人天，那么提供切圖1人天，還原度走查3人天，總共視覺設(shè)計需要10人天。

五、項(xiàng)目啟動及設(shè)計任務(wù)開展

項(xiàng)目啟動后，可能是新的版本需求，如果之前的平臺功能沒有類似功能或者之前的操作體驗(yàn)非常不好需要優(yōu)化，我們可以展開腦暴，從自身產(chǎn)品出發(fā)，如果想實(shí)現(xiàn)類似的功能，應(yīng)該怎么設(shè)計。多腦暴出幾個交互設(shè)計方案以達(dá)到目的。

再腦暴出2-3個設(shè)計方案后，我們可以去查看友商的相似功能的操作。有什么優(yōu)點(diǎn)和缺點(diǎn)？有沒有更加直觀？操作有沒有更加便捷？對比友商平臺后，我們再反過來看一下自己的想法，進(jìn)行優(yōu)化和調(diào)整。對比競品的目的：一是吸取對方的優(yōu)點(diǎn)，二是保留主流的、用戶形成習(xí)慣的操作，避免用戶犯錯。

設(shè)計過程中，對既有的平臺組件庫你可以加以利用，對新的操作行為你可以進(jìn)行創(chuàng)新。我們一定要以業(yè)務(wù)功能實(shí)現(xiàn)為目的，在開發(fā)能力、項(xiàng)目開發(fā)周期允許的范圍內(nèi)進(jìn)行設(shè)計，不可過分追求完美主義。

六、設(shè)計評審

6.1 交互設(shè)計評審

首先要評審的是交互原型。交互設(shè)計師需要組織評審會議，定好會議室，通知項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、前端開發(fā)人員、后端開發(fā)人員、架構(gòu)師等參會。

交互原型是比較重要的一環(huán)，如果產(chǎn)品經(jīng)理提供的需求文檔是文字需求的話，這里的交互原型就可以清晰地看到文字轉(zhuǎn)化為可視化圖形了。

交互原型中，你可以清晰的看到頁面跳轉(zhuǎn)邏輯、不同功能劃分。交互設(shè)計師可以根據(jù)需求文檔對每一個功能點(diǎn)進(jìn)行操作演示和陳述。參會人員有不懂直接提問，交互設(shè)計師進(jìn)行解答，解答過程中記錄下需要修改的地方。

交互設(shè)計師在某一個功能點(diǎn)尤其是新的功能點(diǎn)進(jìn)行陳述的時候，可以截取部分競品加以對比，展示出自己在設(shè)計中做出的優(yōu)化。這么做的好處：一是讓開發(fā)等相關(guān)人員了解競品情況，第二是給設(shè)計提供有力的支撐以促使評審順利通過。

第一次的評審可能占用的時間比較多，如果修改比較大可以再組織第二次評審，如果比較小，可以單獨(dú)找相關(guān)人員直接溝通和確認(rèn)。

評審技巧

1、交互設(shè)計師在評審過程中盡量保持黑白色設(shè)計，不用加以顏色修飾，避免顏色修飾給其他人造成干擾，因?yàn)槲覀兇舜卧u審的目的就是功能實(shí)現(xiàn)和操作體驗(yàn)。

2、交互設(shè)計師可以在評審會議召開前找相關(guān)人員進(jìn)行提前溝通，這樣做的好處可以讓大家在會議開始前就已經(jīng)對設(shè)計有一定的認(rèn)知，會議過程中提出的問題基本上都是小問題了，從而大幅減少開會時間，提高開會達(dá)成效率。

6.2視覺設(shè)計評審

交互原型定稿后，視覺設(shè)計師可以展開設(shè)計了。

視覺設(shè)計師和交互設(shè)計師是相通的，視覺設(shè)計師同樣需要腦暴和參考競品。因?yàn)槭荁端平臺，風(fēng)格基本是既定的，除非是平臺非常大的改版，所以視覺設(shè)計師可以集中性的去腦暴相關(guān)功能的設(shè)計。同時，查找相關(guān)競品，了解競品在呈現(xiàn)、點(diǎn)擊觸發(fā)后的所有界面展示效果。

結(jié)合組件庫、前期的腦暴和競品參考，視覺設(shè)計師就可以進(jìn)行出圖了。

視覺稿完成后同樣按照交互設(shè)計師的評審流程進(jìn)行視覺稿評審。相關(guān)技巧也同樣參考交互設(shè)計師。

七、還原度走查

什么是還原度？通俗來說就是指前端開發(fā)出的頁面效果還原視覺設(shè)計稿的程度。這里通俗來說是前端人員負(fù)責(zé)界面的搭建，也不排除有部分后端人員參與界面搭建。

還原度走查這份工作，可以說是細(xì)膩的也是殘酷的，走查過程中會遇到各種揪心的甚至是言語上的沖突。

所以，
還原度走查超級技巧，請做到如下：

第一，一定要控制好自己的情緒。因?yàn)閯偝鰜淼慕缑嫘Ч乔岸斯こ處煘榱松暇€趕出來的，會跟視覺稿差很多。所以請你客觀冷靜對待，不要焦慮著急，也不要有任何的情緒反應(yīng)，最重要的是不要灰心。

從開發(fā)的角度來說，實(shí)現(xiàn)功能和邏輯是他們主要的精力投入，不是說他們不認(rèn)真，他們需要在版本上線前保證功能的正常使用。

與設(shè)計師接觸比較多的是前端工程師，和前端同學(xué)搞好關(guān)系，可以給還原度走查提供很大的幫助。

第二，還原度文檔撰寫。按照角色，按照操作路徑，有條不紊的梳理每個流程上的界面的問題，對界面進(jìn)行標(biāo)注，并告知前端開發(fā)人員如何修改。所有問題進(jìn)行編號，記錄到文檔中。

第三，界面調(diào)整。跟前端開發(fā)人員確認(rèn)修改時間，盡量讓他們留出一下午或者某一段時間用來集中性的處理你的還原度問題。前端開發(fā)人員改好發(fā)版后，你要對測試環(huán)境中的界面進(jìn)行二次走查，檢查前一輪問題是否已經(jīng)ok，有沒有新的問題，如果有需要再次記錄并安排修改。直到走查達(dá)到90分才可以上線，比較難的或者歷史性不好修改的問題可以迭代到下一輪版本。

第四，表揚(yáng)信。走查環(huán)境過后，一定要大張旗鼓（郵件形式）地對本次走查進(jìn)行郵件感謝，抄送項(xiàng)目相關(guān)人員，明確本次走查分?jǐn)?shù)，修改問題多少，已解決問題多少，需要下次版本協(xié)助的問題是什么。這是軟件或者開發(fā)質(zhì)量管理的流程，也是對其他人員參與幫助的感謝。

八、項(xiàng)目之外的自我提升

8.1交互層面

可以每天抽30分鐘，仔細(xì)閱讀優(yōu)設(shè)、站酷、人人都是產(chǎn)品經(jīng)理上的文章，保持自己的設(shè)計思維能夠緊跟時代前沿。

對于每天在app使用過程中，如果有發(fā)現(xiàn)什么創(chuàng)新的與眾不同的體驗(yàn)，可以進(jìn)行記錄和反思，每天的積累沒準(zhǔn)會給以后設(shè)計的時候提供參考和幫助。

8.2視覺層面

尤其是B端設(shè)計師，視覺層面更加需要去進(jìn)行探索，每天你可能接觸的比較多的都是已經(jīng)定義好的視覺系統(tǒng)，而你每天的工作都是組件之間的堆疊，日復(fù)一日年復(fù)一年，你的設(shè)計能力可能就消退了。

你可以去查看友商競品B端平臺設(shè)計，對比平臺之間不同設(shè)計方式和方法，國內(nèi)的國外的都可以。

視覺設(shè)計師最好每天也寫一下自己的設(shè)計筆記，幫助自己時刻進(jìn)行設(shè)計思考。

8.3交際層面

多聊天多溝通。每個人都是信息的載體，他們或多或少都有著比自己更加豐富的精彩的經(jīng)歷。我們每天的工作除了幫公司實(shí)現(xiàn)產(chǎn)品的夢想之外，我們也可以更加豐富自己的閱歷和生活。如果說公司的工作是垂直的縱向的，那么你的交際圈就是橫向的，如何在最短的時間內(nèi)吸收到更多人的經(jīng)驗(yàn)，那就是一次次的溝通和團(tuán)建。

九、總結(jié)

當(dāng)你想要轉(zhuǎn)行或者已經(jīng)轉(zhuǎn)行到B端設(shè)計師的時候，說明你是一個一直在努力一直在突破的設(shè)計師，面對陌生的領(lǐng)域，你沒有害怕而是勇往直前，這一點(diǎn)上你已經(jīng)是成功了。

互聯(lián)網(wǎng)變化萬千，設(shè)計更是隨著互聯(lián)網(wǎng)在風(fēng)起云涌間變化，這個世界最大的不變就是一直在變。嚴(yán)格要求自己，將設(shè)計進(jìn)行到底。