前言
哈嘍朋友們铐伴，我們?cè)S久不見(jiàn)，這一年經(jīng)手了很多好項(xiàng)目俏讹，如百度的可視化大屏設(shè)計(jì)当宴、ToG政務(wù)可視化大屏設(shè)計(jì)、B端產(chǎn)品的設(shè)計(jì)迭代等等泽疆，收獲頗多户矢，有很多新的感悟，后面要跟大家統(tǒng)統(tǒng)把這些案例都分享出來(lái)殉疼。
本期先分享一下B端產(chǎn)品設(shè)計(jì)原則梯浪，希望能給你帶來(lái)不一樣的思考捌年。（內(nèi)容較干，不建議掃讀）
?B端產(chǎn)品設(shè)計(jì)原則?
B端產(chǎn)品服務(wù)組織群體挂洛，用戶具有組織屬性礼预，需求來(lái)自組織和業(yè)務(wù)而不是用戶本身，所以B端產(chǎn)品是以業(yè)務(wù)為導(dǎo)向制定產(chǎn)品的設(shè)計(jì)方案虏劲，這個(gè)過(guò)程需要PM托酸、交互、UI都應(yīng)該知道并遵循一致的產(chǎn)品設(shè)計(jì)原則柒巫。
B端產(chǎn)品0到1 — 穩(wěn)定性
B端產(chǎn)品0-1最應(yīng)該重視的是產(chǎn)品的穩(wěn)定性励堡，這也是B端產(chǎn)品第一大設(shè)計(jì)原則，產(chǎn)品穩(wěn)定壓倒一切堡掏。
推動(dòng)產(chǎn)品的穩(wěn)定性应结，首先產(chǎn)品的設(shè)計(jì)上不要做到大而全，而是小而精泉唁，滿足最小可用版本即可（MVP）鹅龄。
0-1階段不要過(guò)于追求體驗(yàn)和視覺(jué)美感，打造小而精快速上線才是王道游两，畢竟產(chǎn)品問(wèn)世才會(huì)產(chǎn)生價(jià)值砾层。
如何定義小而精漩绵？
B端產(chǎn)品與C端產(chǎn)品不同贱案，C端產(chǎn)品有一個(gè)核心功能即可上線，而B(niǎo)端產(chǎn)品通常是多個(gè)功能組成的業(yè)務(wù)線止吐，所以小而精應(yīng)該是滿足最小業(yè)務(wù)全場(chǎng)景閉環(huán)宝踪，并不是以減少產(chǎn)品功能為依據(jù)。
對(duì)于單一業(yè)務(wù)的功能定制碍扔，如下圖瘩燥，依據(jù)主線業(yè)務(wù)定制功能，即A-B-C-D不同，對(duì)于周邊體驗(yàn)性的厉膀、不影響主線業(yè)務(wù)的功能，此階段都可以先不要二拐。
對(duì)于混合多業(yè)務(wù)的功能定制服鹅，應(yīng)該分模塊開(kāi)發(fā)，如下圖百新，每塊就是一個(gè)業(yè)務(wù)流程企软，所以做好優(yōu)先級(jí)分模塊開(kāi)發(fā)最優(yōu)。
產(chǎn)品經(jīng)理需要注意的是饭望，提前規(guī)劃好開(kāi)發(fā)的優(yōu)先級(jí)仗哨，并與團(tuán)隊(duì)的每個(gè)角色一起規(guī)劃探討后續(xù)的工作形庭，這樣大家對(duì)后面的工作都能有一定的了解，在此階段能做到思考后續(xù)的功能增加厌漂。
追求完美不重要
0-1階段產(chǎn)品的開(kāi)發(fā)不要過(guò)于追求完美萨醒，完美需要花費(fèi)團(tuán)隊(duì)每一個(gè)人大量的時(shí)間和精力。
對(duì)于UI/UX設(shè)計(jì)師此階段不要過(guò)于強(qiáng)調(diào)自己的“價(jià)值”桩卵，不需要著重去思考產(chǎn)品體驗(yàn)验靡，也不需要設(shè)計(jì)太多的效果，這有可能會(huì)導(dǎo)致開(kāi)發(fā)工作量增加雏节，做到滿足最小可用版本即可胜嗓，盡可能化繁從簡(jiǎn)，UI/UX設(shè)計(jì)師這樣做钩乍，才是發(fā)揮了真正的價(jià)值辞州。
對(duì)于技術(shù)開(kāi)發(fā)來(lái)說(shuō)，簡(jiǎn)單的功能寥粹，開(kāi)發(fā)人員心態(tài)也會(huì)更輕松变过，功能越多壓力越大，出現(xiàn)問(wèn)題的數(shù)量也會(huì)變多涝涤，最后測(cè)試階段Bug就像打地鼠一樣一個(gè)一個(gè)冒出來(lái)媚狰，最終會(huì)導(dǎo)致產(chǎn)品遲遲不能上線。
高效性
高效是B端產(chǎn)品設(shè)計(jì)必須要重視的一個(gè)方面阔拳，高效說(shuō)的是用戶長(zhǎng)時(shí)間使用產(chǎn)品的效率崭孤。B端產(chǎn)品通常是為了解決業(yè)務(wù)需求，一般非常重視工作效率糊肠，如果產(chǎn)品的功能和交互設(shè)計(jì)的不合理辨宠，就會(huì)直接導(dǎo)致產(chǎn)品使用者的工作效率降低，甚至最終會(huì)影響企業(yè)的業(yè)績(jī)货裹。
案例解析
筆者曾經(jīng)改版過(guò)一個(gè)巡查采集信息的產(chǎn)品嗤形，采集的信息為了保證真實(shí)性，后臺(tái)需要專人對(duì)信息做審核弧圆，對(duì)于龐大的數(shù)據(jù)赋兵，如果審核功能設(shè)計(jì)的不合理，就會(huì)變得費(fèi)時(shí)又費(fèi)力搔预。
而舊版的設(shè)計(jì)就是如此霹期，頁(yè)面的設(shè)計(jì)把采集的信息用列表呈現(xiàn)，審核人員需要點(diǎn)擊列表中的審核小按鈕進(jìn)入詳情頁(yè)才可以進(jìn)行審核斯撮，審核下一條需要重復(fù)前面的操作经伙，交互上是標(biāo)準(zhǔn)的往復(fù)式操作邏輯，如下圖所示。
為了解決審核效率問(wèn)題帕膜，改版了審核的交互設(shè)計(jì)枣氧，最核心的改變就是“一鍵審核”，下圖所示垮刹，同樣是列表呈現(xiàn)达吞，增加審核模式，點(diǎn)擊進(jìn)入審核模式后荒典，全屏展示（可以顯示更多內(nèi)容）酪劫，當(dāng)點(diǎn)擊審核通過(guò)時(shí)，立馬切換下一條信息寺董，這樣就實(shí)現(xiàn)了連續(xù)性的交互審核方式覆糟。
在此案例中，為了助力審核效率遮咖，UI設(shè)計(jì)上把主要需要審核的信息滩字，全部固定呈現(xiàn)在第一屏，對(duì)于有些板塊信息過(guò)多時(shí)需要滾動(dòng)查看御吞，但也盡可能保證了信息不多時(shí)麦箍，能夠一屏全部呈現(xiàn)出來(lái)，這樣審核人員在不用挪動(dòng)鼠標(biāo)的情況下陶珠，只需要點(diǎn)點(diǎn)點(diǎn)即可完成每一條信息的快速審核挟裂。
同時(shí)，審核按鈕較大的設(shè)計(jì)揍诽，也是為了滿足審核人員能夠準(zhǔn)確點(diǎn)擊诀蓉，按鈕旁邊增加了待審核量的統(tǒng)計(jì)，能給用戶一種目標(biāo)感寝姿。
易用性
易用性是指用戶使用產(chǎn)品能夠快速上手交排，這包括易理解划滋、易操作饵筑、吸引性等。
易用性在產(chǎn)品迭代過(guò)程中是需要著重思考并優(yōu)化的方面处坪，用戶一般是通過(guò)產(chǎn)品使用的易用性來(lái)衡量產(chǎn)品的好與壞根资，哪怕產(chǎn)品很穩(wěn)定。
舉個(gè)例子同窘，筆者曾在過(guò)的一個(gè)家公司玄帕，財(cái)務(wù)報(bào)銷系統(tǒng)使用效率及其低下，出差員工報(bào)銷差旅費(fèi)一般都需要花掉半天到一天的時(shí)間想邦，因?yàn)楫a(chǎn)品操作難度大裤纹，以及線上線下結(jié)合的不夠好。
例如報(bào)銷功能入口在二級(jí)頁(yè)面不容易找到、當(dāng)信息提交后沒(méi)有任何引導(dǎo)鹰椒，不知道下一步該做什么锡移，每次需要問(wèn)有經(jīng)驗(yàn)的老員工，然后老員工也是一頓操作加回憶漆际，最后跟你說(shuō)“好像應(yīng)該打印單據(jù)找領(lǐng)導(dǎo)簽字了”淆珊。
不僅如此，產(chǎn)品報(bào)銷的表單設(shè)計(jì)奸汇，把各種分類全部集中在一起施符，使用者很難辨別應(yīng)該填寫哪個(gè)，很多時(shí)候填了半天擂找，發(fā)現(xiàn)把報(bào)銷填在了借款戳吝。這一系列不友好的產(chǎn)品體驗(yàn)，最后只會(huì)導(dǎo)致員工不愿意出差贯涎，不想面對(duì)繁瑣的報(bào)銷工作骨坑。
做好產(chǎn)品的易用性，要遵循一些原則柬采，首先是保持產(chǎn)品設(shè)計(jì)的一致性欢唾，讓用戶有熟悉感，不要讓用戶迷失在產(chǎn)品中粉捻，當(dāng)用戶有疑惑時(shí)及時(shí)提醒礁遣，這點(diǎn)需要做可用性測(cè)試。
另外肩刃，要把產(chǎn)品首頁(yè)設(shè)計(jì)好祟霍，做好流量分發(fā)，用戶通常只愛(ài)在首頁(yè)找東西盈包，而不是二級(jí)頁(yè)面或者更深沸呐。
B端產(chǎn)品有的服務(wù)企業(yè)員工，有的服務(wù)項(xiàng)目呢燥，比如OA系統(tǒng)崭添，服務(wù)的是企業(yè)員工，這類產(chǎn)品要有協(xié)同工作的功能叛氨，需要了解組織架構(gòu)呼渣，善于從多個(gè)角色視角去看待問(wèn)題，避免因?yàn)楫a(chǎn)品設(shè)計(jì)導(dǎo)致某個(gè)角色工作量增加寞埠。
服務(wù)項(xiàng)目的產(chǎn)品屁置，對(duì)外有商業(yè)屬性，要做好個(gè)性化配置功能仁连，因?yàn)榭蛻艨偸怯袀€(gè)性化的需求蓝角，但也要遵循產(chǎn)品的原則。
例如外賣的商家都希望有刪差評(píng)的功能，但其實(shí)這樣的功能是不可以有的使鹅，這會(huì)違背產(chǎn)品的商業(yè)邏輯颇象，商家可以刪差評(píng)，服務(wù)意識(shí)就會(huì)很難上去并徘。
好看
B端產(chǎn)品0-1遣钳，好看是最后應(yīng)該考慮的方面，但這并不代表不重要麦乞，而是當(dāng)與穩(wěn)定性蕴茴、高效性...不能并轡而行時(shí)，需要合理作出讓步姐直。
產(chǎn)品應(yīng)該是先問(wèn)世倦淀，功能和架構(gòu)都得到了驗(yàn)證后，然后再去著重優(yōu)化視覺(jué)層面以及提高產(chǎn)品體驗(yàn)声畏。
在視覺(jué)設(shè)計(jì)上撞叽，B端產(chǎn)品應(yīng)該是干凈整潔，B端產(chǎn)品通常是為了工作插龄，經(jīng)常長(zhǎng)時(shí)間沉浸式使用愿棋，所以盡量少用過(guò)于強(qiáng)烈刺激性的色彩。
產(chǎn)品設(shè)計(jì)目標(biāo)均牢，應(yīng)該是從用戶使用產(chǎn)品的效率性糠雨、便捷性出發(fā)，不能讓視覺(jué)效果喧賓奪主徘跪，這也就是B端產(chǎn)品慣用冷靜理性的藍(lán)色調(diào)原因甘邀。
另外，產(chǎn)品的UI設(shè)計(jì)要善于運(yùn)用第三方組件庫(kù)設(shè)計(jì)垮庐，比如選擇器松邪、折疊面板、上傳哨查、表格逗抑、表單等組件，這些成熟的組件都代表了用戶常用的操作習(xí)慣解恰，同時(shí)組件的使用有利于和技術(shù)人員高效協(xié)作锋八。
總結(jié)：
綜上所述浙于，B端產(chǎn)品設(shè)計(jì)優(yōu)先級(jí)方面應(yīng)該是：穩(wěn)定性-高效性-易用性-好看护盈。
B端產(chǎn)品0-1，功能上做到最小可用版本即可羞酗，這樣可以推動(dòng)產(chǎn)品的穩(wěn)定性腐宋。對(duì)于高效性、易用性、好看都是產(chǎn)品上線之后胸竞，需要著重優(yōu)秀的方面欺嗤。
最后
最后需要強(qiáng)調(diào)的是，產(chǎn)品設(shè)計(jì)原則沒(méi)有標(biāo)準(zhǔn)卫枝，以上觀點(diǎn)可能只適用于一部分B端產(chǎn)品的設(shè)計(jì)理念煎饼。
產(chǎn)品設(shè)計(jì)對(duì)于不同行業(yè)、不同公司校赤、不同決策者都會(huì)有很大的差異吆玖，沒(méi)有最好的設(shè)計(jì)原則，只有最適合你產(chǎn)品的原則马篮。
