在蘭亭妙微 15 年的 B 端設(shè)計(jì)深耕歷程中,我們始終認(rèn)為:B 端交互設(shè)計(jì)的核心從來不是單純的界面繪制,而是以業(yè)務(wù)賦能為核心的全鏈路思考。初級(jí)設(shè)計(jì)師做 B 端設(shè)計(jì),常陷入 “就需求做設(shè)計(jì)” 的誤區(qū),看似快速交付,卻讓產(chǎn)品在后續(xù)迭代中出現(xiàn)流程割裂、權(quán)限混亂、適配性差等問題;而蘭亭妙微的資深 B 端交互設(shè)計(jì)團(tuán)隊(duì),始終遵循一套成熟的六維思考框架,從需求接收到方案落地,層層拆解、多維驗(yàn)證,讓設(shè)計(jì)既貼合當(dāng)下業(yè)務(wù)需求,又能支撐產(chǎn)品長(zhǎng)期發(fā)展,真正實(shí)現(xiàn) “效率優(yōu)先、數(shù)據(jù)顯性、協(xié)同順暢” 的 B 端設(shè)計(jì)核心目標(biāo)。
這套思考框架并非一成不變的教條,而是結(jié)合蘭亭妙微服務(wù) 300 + 制造、電商、互聯(lián)網(wǎng)、物流等行業(yè)企業(yè)的實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)而來,實(shí)際落地中會(huì)根據(jù)項(xiàng)目規(guī)模、復(fù)雜度、產(chǎn)品階段靈活取舍,但核心的六維思考邏輯始終貫穿全程,這也是我們能為客戶平均提升 45% 團(tuán)隊(duì)效能、降低 60% 操作錯(cuò)誤率的關(guān)鍵所在。
思考一:用戶 —— 錨定 B 端設(shè)計(jì)的核心原點(diǎn)
B 端產(chǎn)品的使用者是企業(yè)不同崗位的專業(yè)從業(yè)者,其使用行為具有強(qiáng)場(chǎng)景化、高頻率、目標(biāo)明確的特征,脫離用戶的設(shè)計(jì),本質(zhì)上就是 “無的放矢”。蘭亭妙微在思考用戶維度時(shí),會(huì)跳出簡(jiǎn)單的角色劃分,深入業(yè)務(wù)現(xiàn)場(chǎng)完成全維度用戶畫像拆解,讓設(shè)計(jì)完全貼合用戶的工作習(xí)慣與實(shí)際痛點(diǎn)。
我們會(huì)從六大核心維度梳理用戶:明確用戶的職業(yè)特征與角色分工,區(qū)分核心操作用戶與決策用戶;還原真實(shí)工作場(chǎng)景,是辦公室固定工位操作,還是車間、戶外等移動(dòng)場(chǎng)景;標(biāo)注使用時(shí)間規(guī)律,是高頻次實(shí)時(shí)操作,還是低頻次定期復(fù)盤;確認(rèn)產(chǎn)品使用的時(shí)長(zhǎng)與頻率,判斷是否需要做操作疲勞優(yōu)化;聚焦用戶核心工作目標(biāo),B 端設(shè)計(jì)的終極目標(biāo)是提升效率,所有設(shè)計(jì)都要圍繞 “讓用戶用最少步驟完成業(yè)務(wù)閉環(huán)” 展開;深挖用戶痛點(diǎn)與特殊需求,比如車間工人戴手套操作時(shí)的防誤觸需求、財(cái)務(wù)人員批量處理數(shù)據(jù)的快捷操作需求等。
在為某電子廠設(shè)計(jì) MES 生產(chǎn)系統(tǒng)時(shí),我們發(fā)現(xiàn)車間工人的核心痛點(diǎn)是 “往返操作臺(tái)與電腦前查詢信息、故障上報(bào)流程繁瑣”,因此設(shè)計(jì)時(shí)摒棄了復(fù)雜的滑動(dòng)交互,采用大按鈕、大數(shù)字、三色視覺預(yù)警的設(shè)計(jì)邏輯,將故障上報(bào)按鈕放大至界面核心區(qū),支持掃碼報(bào)工,讓工人無需手動(dòng)輸入,遠(yuǎn)處即可看清生產(chǎn)數(shù)據(jù),最終實(shí)現(xiàn)車間生產(chǎn)效率提升 22%。這正是蘭亭妙微的設(shè)計(jì)原則:讓設(shè)計(jì)適配用戶,而非讓用戶適應(yīng)設(shè)計(jì)。
思考二:客戶 —— 貼合企業(yè)的業(yè)務(wù)本質(zhì)與發(fā)展需求
B 端產(chǎn)品的購買者是企業(yè),使用者是企業(yè)員工,這一特性決定了 B 端設(shè)計(jì)必須兼顧企業(yè)業(yè)務(wù)邏輯與員工操作體驗(yàn)。蘭亭妙微在這一維度的思考,核心是讀懂企業(yè)的真實(shí)需求,讓設(shè)計(jì)成為企業(yè)業(yè)務(wù)發(fā)展的助力,而非阻礙。
首先會(huì)明確客戶所屬行業(yè),不同行業(yè)的業(yè)務(wù)邏輯與操作習(xí)慣差異巨大:制造行業(yè)重生產(chǎn)流程、數(shù)據(jù)溯源;電商行業(yè)重批量操作、實(shí)時(shí)數(shù)據(jù);物流行業(yè)重軌跡追蹤、協(xié)同配合。針對(duì)垂直行業(yè),我們會(huì)緊貼行業(yè)業(yè)務(wù)做定制化設(shè)計(jì),比如為物流企業(yè)設(shè)計(jì)的管理系統(tǒng),會(huì)強(qiáng)化物流軌跡的可視化與節(jié)點(diǎn)協(xié)同;針對(duì)通用行業(yè)(如辦公、行政),則提取行業(yè)共性做標(biāo)準(zhǔn)化產(chǎn)品 + 靈活性配置,兼顧效率與適配性。
其次會(huì)分析客戶企業(yè)規(guī)模:小規(guī)模企業(yè)一人多崗、流程簡(jiǎn)單,設(shè)計(jì)時(shí)會(huì)將多業(yè)務(wù)功能集成在一個(gè)應(yīng)用中,減少操作跳轉(zhuǎn);大規(guī)模企業(yè)流程復(fù)雜、專人專崗,重點(diǎn)做精細(xì)化的權(quán)限與信息劃分,確保不同崗位用戶只能看到與操作自身業(yè)務(wù)相關(guān)內(nèi)容,既提升效率,又保障數(shù)據(jù)安全。
更重要的是,我們會(huì)深入思考客戶的客戶,即企業(yè)服務(wù)的終端用戶,這會(huì)直接影響設(shè)計(jì)判斷。比如為電商商家設(shè)計(jì)后臺(tái)系統(tǒng)時(shí),會(huì)考慮商家需要快速響應(yīng)用戶的訂單、售后需求,因此強(qiáng)化了訂單實(shí)時(shí)提醒、售后一鍵處理的功能設(shè)計(jì),讓商家能更高效地服務(wù)終端消費(fèi)者。
思考三:競(jìng)品 —— 取其精華,避其糟粕,適配自身
競(jìng)品分析是 B 端設(shè)計(jì)的重要參考,經(jīng)過市場(chǎng)驗(yàn)證的競(jìng)品方案,能讓我們快速找到設(shè)計(jì)方向,避免走不必要的彎路。但蘭亭妙微始終堅(jiān)持:競(jìng)品是參考,不是模板,照抄照搬的競(jìng)品設(shè)計(jì),最終會(huì)因不符合企業(yè)自身業(yè)務(wù)邏輯與用戶習(xí)慣而失效。
我們的競(jìng)品分析會(huì)圍繞業(yè)務(wù)與體驗(yàn)雙維度展開,先明確競(jìng)品的核心用戶群體、所服務(wù)的企業(yè)類型、市場(chǎng)規(guī)模,判斷其設(shè)計(jì)方案是否適配我們客戶的業(yè)務(wù)屬性;再拆解競(jìng)品的核心設(shè)計(jì)點(diǎn),包括信息架構(gòu)、關(guān)鍵業(yè)務(wù)流程、交互邏輯、視覺風(fēng)格、組件設(shè)計(jì)等,重點(diǎn)分析其技術(shù)架構(gòu)與業(yè)務(wù)閉環(huán)的結(jié)合方式。
在分析過程中,我們會(huì)做清晰的優(yōu)劣拆解:提煉競(jìng)品的優(yōu)勢(shì)點(diǎn),比如某財(cái)務(wù)系統(tǒng)的批量審核功能、某項(xiàng)目管理系統(tǒng)的甘特圖進(jìn)度可視化設(shè)計(jì),結(jié)合客戶業(yè)務(wù)做優(yōu)化落地;梳理競(jìng)品的劣勢(shì)點(diǎn),比如過度的視覺動(dòng)效導(dǎo)致操作卡頓、復(fù)雜的導(dǎo)航設(shè)計(jì)增加跳轉(zhuǎn)層級(jí),在我們的設(shè)計(jì)中堅(jiān)決規(guī)避。
比如在為某互聯(lián)網(wǎng)企業(yè)設(shè)計(jì)財(cái)務(wù)報(bào)銷系統(tǒng)時(shí),我們參考了多款競(jìng)品的模板化設(shè)計(jì)思路,但摒棄了競(jìng)品中 “填單項(xiàng)過多、審核流程繁瑣” 的問題,新增發(fā)票拍照掃描自動(dòng)識(shí)別、高頻費(fèi)用預(yù)設(shè)模板功能,讓員工填單時(shí)間從 15 分鐘縮至 3 分鐘,這就是 “參考競(jìng)品,又高于競(jìng)品” 的設(shè)計(jì)邏輯。
思考四:產(chǎn)品現(xiàn)狀 —— 適配階段,兼顧擴(kuò)展性與落地性
B 端產(chǎn)品的設(shè)計(jì),必須與產(chǎn)品當(dāng)前發(fā)展階段相匹配,0-1 的新產(chǎn)品與 1-N 的迭代產(chǎn)品,設(shè)計(jì)思路與側(cè)重點(diǎn)截然不同。蘭亭妙微在這一維度的思考,核心是“立足當(dāng)下,著眼未來”,讓設(shè)計(jì)既滿足現(xiàn)階段的業(yè)務(wù)需求,又能支撐產(chǎn)品的長(zhǎng)期迭代,避免因框架缺陷導(dǎo)致后續(xù)重復(fù)開發(fā),浪費(fèi)企業(yè)資源。
針對(duì)0-1 的新產(chǎn)品,我們的設(shè)計(jì)重點(diǎn)是搭建科學(xué)、可擴(kuò)展的整體信息架構(gòu)。從底層的組件設(shè)計(jì)到上層的頁面布局,都要考慮后續(xù)功能迭代的適配性:比如移動(dòng)端的多頁簽設(shè)計(jì),會(huì)優(yōu)先考慮滑動(dòng)查看而非均分空間,為后續(xù)新增簽單預(yù)留空間;卡片設(shè)計(jì)會(huì)預(yù)留字段拓展位,確保后續(xù)新增 5-10 個(gè)字段仍能完美適配。同時(shí)會(huì)結(jié)合用戶與競(jìng)品分析,帶著問題對(duì)接需求,讓架構(gòu)設(shè)計(jì)從一開始就貼合業(yè)務(wù)與用戶需求。
針對(duì)1-N 的迭代產(chǎn)品,我們會(huì)通過用戶訪談、專家走查、數(shù)據(jù)復(fù)盤三種方式,全面梳理產(chǎn)品現(xiàn)狀:收集一線用戶的操作痛點(diǎn),比如某功能操作步驟過多、某數(shù)據(jù)展示不直觀;組織資深設(shè)計(jì)師做專家走查,排查視覺與交互的一致性問題;分析產(chǎn)品操作數(shù)據(jù),找到高頻操作與低轉(zhuǎn)化環(huán)節(jié)。將這些問題匯總后,形成針對(duì)性的改進(jìn)方案,并明確落地時(shí)間與優(yōu)先級(jí),讓設(shè)計(jì)迭代真正解決產(chǎn)品現(xiàn)存問題,而非盲目新增功能。
思考五:交互設(shè)計(jì)流程 —— 精細(xì)化拆解,打造閉環(huán)的業(yè)務(wù)體驗(yàn)
完成前四維的思考后,就進(jìn)入了具體的交互設(shè)計(jì)落地階段,這是將前期思考轉(zhuǎn)化為實(shí)際設(shè)計(jì)方案的核心環(huán)節(jié)。蘭亭妙微的 B 端交互設(shè)計(jì)流程,始終圍繞“業(yè)務(wù)閉環(huán)”展開,從業(yè)務(wù)梳理到智能化設(shè)計(jì),層層細(xì)化,確保每一個(gè)設(shè)計(jì)細(xì)節(jié)都貼合業(yè)務(wù)需求,每一個(gè)操作流程都順暢高效。
我們會(huì)按照 12 個(gè)核心要點(diǎn)完成精細(xì)化設(shè)計(jì):
- 業(yè)務(wù)與場(chǎng)景梳理:全面拆解企業(yè)的核心業(yè)務(wù)流程,還原每一個(gè)業(yè)務(wù)場(chǎng)景的操作需求,確保設(shè)計(jì)覆蓋全業(yè)務(wù)環(huán)節(jié);
- 信息架構(gòu)搭建:根據(jù)業(yè)務(wù)邏輯搭建清晰的信息架構(gòu),讓用戶能快速找到所需功能,減少操作路徑;
- 導(dǎo)航設(shè)計(jì):設(shè)計(jì)主導(dǎo)航、面包屑、頁內(nèi)錨點(diǎn)等導(dǎo)航形式,確保用戶隨時(shí)知道自身 “所處位置”,支持快速跳轉(zhuǎn);
- 頁面布局:做合理的區(qū)域劃分,核心操作區(qū)與核心數(shù)據(jù)區(qū)放在視覺黃金位置,支持多端自適應(yīng)的響應(yīng)式設(shè)計(jì);
- 關(guān)鍵流程規(guī)范:保證增刪改查存等基礎(chǔ)操作、頁面跳轉(zhuǎn)方式的一致性,降低用戶的學(xué)習(xí)成本;
- 組件設(shè)計(jì):統(tǒng)一標(biāo)簽、彈框、按鈕、輸入框等組件樣式,逐步形成企業(yè)專屬的組件規(guī)范,提升設(shè)計(jì)與開發(fā)效率;
- 查詢方案優(yōu)化:設(shè)計(jì)多維度的篩選、參照、列表展示方式,讓用戶能快速精準(zhǔn)獲取數(shù)據(jù);
- 反饋設(shè)計(jì):針對(duì)成功、失敗、異常、錯(cuò)誤等不同場(chǎng)景,設(shè)計(jì)氣泡、彈框、桌面 / 手機(jī)消息等多形式反饋,讓用戶實(shí)時(shí)知曉操作結(jié)果;
- 業(yè)務(wù)閉環(huán)設(shè)計(jì):明確每一個(gè)操作的上游來源、下游走向與結(jié)束節(jié)點(diǎn),確保業(yè)務(wù)流程的完整性;
- 權(quán)限設(shè)計(jì):按租戶、用戶、數(shù)據(jù)、對(duì)象做精細(xì)化權(quán)限劃分,搭配權(quán)限標(biāo)簽與授權(quán)功能,保障企業(yè)數(shù)據(jù)安全;
- 幫助引導(dǎo):設(shè)計(jì)新手引導(dǎo)、幫助中心、Tooltips 等引導(dǎo)形式,結(jié)合關(guān)鍵場(chǎng)景給出操作指引,降低用戶上手難度;
- 模板化與智能化:對(duì)高頻業(yè)務(wù)做模板化設(shè)計(jì),對(duì)重復(fù)操作做自動(dòng)化、智能化優(yōu)化,比如簡(jiǎn)歷自動(dòng)解析、報(bào)表一鍵導(dǎo)出,從根本上提升操作效率。
這一階段,蘭亭妙微的設(shè)計(jì)師會(huì)多次深入客戶業(yè)務(wù)現(xiàn)場(chǎng),與一線用戶溝通,站在用戶的角度模擬操作流程,確保設(shè)計(jì)方案不僅 “紙上可行”,更 “實(shí)際好用”。
思考六:人 —— 協(xié)同全團(tuán)隊(duì),讓設(shè)計(jì)落地生根
B 端設(shè)計(jì)從來不是設(shè)計(jì)師的 “孤軍奮戰(zhàn)”,而是產(chǎn)品、研發(fā)、測(cè)試、客戶方等多角色協(xié)同的結(jié)果。蘭亭妙微認(rèn)為,優(yōu)秀的 B 端交互設(shè)計(jì)師,不僅要會(huì)做設(shè)計(jì),更要成為團(tuán)隊(duì)協(xié)作的潤(rùn)滑劑,讓設(shè)計(jì)方案能兼顧時(shí)間成本、技術(shù)成本與企業(yè)戰(zhàn)略,最終順利落地。
我們會(huì)圍繞核心協(xié)作角色展開溝通與配合:
- 對(duì)接領(lǐng)導(dǎo)層:理解企業(yè)的長(zhǎng)期發(fā)展戰(zhàn)略,讓設(shè)計(jì)方案與企業(yè)戰(zhàn)略保持一致,比如企業(yè)未來要拓展全國(guó)業(yè)務(wù),設(shè)計(jì)時(shí)就要考慮系統(tǒng)的區(qū)域適配性;
- 協(xié)同產(chǎn)品團(tuán)隊(duì):與產(chǎn)品經(jīng)理深度溝通,確認(rèn)需求的核心目標(biāo),查漏補(bǔ)缺,讓設(shè)計(jì)方案更貼合產(chǎn)品定位;
- 對(duì)接研發(fā)團(tuán)隊(duì):提前溝通設(shè)計(jì)方案的技術(shù)實(shí)現(xiàn)成本,對(duì)難以落地的設(shè)計(jì)做優(yōu)化調(diào)整,確保設(shè)計(jì)方案的技術(shù)可行性,同時(shí)輸出標(biāo)準(zhǔn)化的設(shè)計(jì)稿,提升開發(fā)效率;
- 配合測(cè)試團(tuán)隊(duì):明確設(shè)計(jì)的核心驗(yàn)收標(biāo)準(zhǔn),比如核心操作是否能在 3 步內(nèi)完成、異常場(chǎng)景是否有完善反饋,讓測(cè)試更有針對(duì)性;
- 聯(lián)動(dòng)客戶團(tuán)隊(duì):及時(shí)同步設(shè)計(jì)方案,收集客戶方的意見與建議,結(jié)合一線業(yè)務(wù)需求做調(diào)整,讓設(shè)計(jì)更貼合企業(yè)實(shí)際。
當(dāng)設(shè)計(jì)方案的尺度難以把握時(shí),我們會(huì)準(zhǔn)備2-3 套不同的設(shè)計(jì)方案,從體驗(yàn)、成本、落地難度等維度做詳細(xì)分析,供團(tuán)隊(duì)與客戶選擇,確保最終的設(shè)計(jì)方案是最優(yōu)解,而非 “完美解”。

蘭亭妙微的 B 端設(shè)計(jì)初心:讓設(shè)計(jì)賦能業(yè)務(wù),讓效率成為本能
蘭亭妙微的六維 B 端交互設(shè)計(jì)思考框架,本質(zhì)上是一套 “以業(yè)務(wù)為核心、以用戶為原點(diǎn)、以落地為目標(biāo)” 的實(shí)戰(zhàn)方法論。15 年來,我們始終摒棄 “花瓶設(shè)計(jì)”,堅(jiān)持“先懂業(yè)務(wù),再做設(shè)計(jì)”,讓每一次設(shè)計(jì)都能真正解決企業(yè)的業(yè)務(wù)問題,提升團(tuán)隊(duì)的操作效率。
在 B 端設(shè)計(jì)的賽道上,好看從來不是核心標(biāo)準(zhǔn),好用、高效、能為企業(yè)創(chuàng)造價(jià)值才是。蘭亭妙微會(huì)繼續(xù)以這套思考框架為基礎(chǔ),結(jié)合不同行業(yè)的業(yè)務(wù)特性持續(xù)優(yōu)化,用專業(yè)的 B 端交互設(shè)計(jì),為更多企業(yè)賦能,讓設(shè)計(jì)成為企業(yè)業(yè)務(wù)發(fā)展的核心驅(qū)動(dòng)力,讓高效操作成為每一個(gè) B 端用戶的本能。