寫給PM、交互、UI 看的ToB產(chǎn)品設(shè)計原則

0 評論 11188 瀏覽 97 收藏 12 分鐘

編輯導(dǎo)讀:在習(xí)慣了to C的用戶視角后,要如何理解B端的客戶和用戶?做一款B端產(chǎn)品,在設(shè)計上需要注意哪些問題?本文作者依據(jù)工作中項目實踐的所思所想,并結(jié)合案例等分享了B端產(chǎn)品設(shè)計需要遵循的4個原則,供大家一同參考和學(xué)習(xí)。

前言

哈嘍朋友們,我們許久不見,這一年經(jīng)手了很多好項目,如百度的可視化大屏設(shè)計、ToG政務(wù)可視化大屏設(shè)計、B端產(chǎn)品的設(shè)計迭代等等,收獲頗多,有很多新的感悟,后面要跟大家統(tǒng)統(tǒng)把這些案例都分享出來。

本期先分享一下B端產(chǎn)品設(shè)計原則,希望能給你帶來不一樣的思考。(內(nèi)容較干,不建議掃讀)

B端產(chǎn)品設(shè)計原則

B端產(chǎn)品服務(wù)組織群體,用戶具有組織屬性,需求來自組織和業(yè)務(wù)而不是用戶本身,所以B端產(chǎn)品是以業(yè)務(wù)為導(dǎo)向制定產(chǎn)品的設(shè)計方案,這個過程需要PM、交互、UI都應(yīng)該知道并遵循一致的產(chǎn)品設(shè)計原則。

1. B端產(chǎn)品0到1 — 穩(wěn)定性

B端產(chǎn)品0-1最應(yīng)該重視的是產(chǎn)品的穩(wěn)定性,這也是B端產(chǎn)品第一大設(shè)計原則,產(chǎn)品穩(wěn)定壓倒一切。推動產(chǎn)品的穩(wěn)定性,首先產(chǎn)品的設(shè)計上不要做到大而全,而是小而精,滿足最小可用版本即可(MVP)。

0-1階段不要過于追求體驗和視覺美感,打造小而精快速上線才是王道,畢竟產(chǎn)品問世才會產(chǎn)生價值。

(1)如何定義小而精?

B端產(chǎn)品與C端產(chǎn)品不同,C端產(chǎn)品有一個核心功能即可上線,而B端產(chǎn)品通常是多個功能組成的業(yè)務(wù)線,所以小而精應(yīng)該是滿足最小業(yè)務(wù)全場景閉環(huán),并不是以減少產(chǎn)品功能為依據(jù)。對于單一業(yè)務(wù)的功能定制,如下圖,依據(jù)主線業(yè)務(wù)定制功能,即A-B-C-D,對于周邊體驗性的、不影響主線業(yè)務(wù)的功能,此階段都可以先不要。

對于混合多業(yè)務(wù)的功能定制,應(yīng)該分模塊開發(fā),如下圖,每塊就是一個業(yè)務(wù)流程,所以做好優(yōu)先級分模塊開發(fā)最優(yōu)。產(chǎn)品經(jīng)理需要注意的是,提前規(guī)劃好開發(fā)的優(yōu)先級,并與團(tuán)隊的每個角色一起規(guī)劃探討后續(xù)的工作,這樣大家對后面的工作都能有一定的了解,在此階段能做到思考后續(xù)的功能增加。

(2)追求完美不重要

0-1階段產(chǎn)品的開發(fā)不要過于追求完美,完美需要花費團(tuán)隊每一個人大量的時間和精力。

對于UI/UX設(shè)計師此階段不要過于強(qiáng)調(diào)自己的“價值”,不需要著重去思考產(chǎn)品體驗,也不需要設(shè)計太多的效果,這有可能會導(dǎo)致開發(fā)工作量增加,做到滿足最小可用版本即可,盡可能化繁從簡,UI/UX設(shè)計師這樣做,才是發(fā)揮了真正的價值。

對于技術(shù)開發(fā)來說,簡單的功能,開發(fā)人員心態(tài)也會更輕松,功能越多壓力越大,出現(xiàn)問題的數(shù)量也會變多,最后測試階段Bug就像打地鼠一樣一個一個冒出來,最終會導(dǎo)致產(chǎn)品遲遲不能上線。

2. 高效性

高效是B端產(chǎn)品設(shè)計必須要重視的一個方面,高效說的是用戶長時間使用產(chǎn)品的效率。B端產(chǎn)品通常是為了解決業(yè)務(wù)需求,一般非常重視工作效率,如果產(chǎn)品的功能和交互設(shè)計的不合理,就會直接導(dǎo)致產(chǎn)品使用者的工作效率降低,甚至最終會影響企業(yè)的業(yè)績。

案例解析:

筆者曾經(jīng)改版過一個巡查采集信息的產(chǎn)品,采集的信息為了保證真實性,后臺需要專人對信息做審核,對于龐大的數(shù)據(jù),如果審核功能設(shè)計的不合理,就會變得費時又費力。

而舊版的設(shè)計就是如此,頁面的設(shè)計把采集的信息用列表呈現(xiàn),審核人員需要點擊列表中的審核小按鈕進(jìn)入詳情頁才可以進(jìn)行審核,審核下一條需要重復(fù)前面的操作,交互上是標(biāo)準(zhǔn)的往復(fù)式操作邏輯,如下圖所示。

為了解決審核效率問題,改版了審核的交互設(shè)計,最核心的改變就是“一鍵審核”,下圖所示,同樣是列表呈現(xiàn),增加審核模式,點擊進(jìn)入審核模式后,全屏展示(可以顯示更多內(nèi)容),當(dāng)點擊審核通過時,立馬切換下一條信息,這樣就實現(xiàn)了連續(xù)性的交互審核方式。

在此案例中,為了助力審核效率,UI設(shè)計上把主要需要審核的信息,全部固定呈現(xiàn)在第一屏,對于有些板塊信息過多時需要滾動查看,但也盡可能保證了信息不多時,能夠一屏全部呈現(xiàn)出來,這樣審核人員在不用挪動鼠標(biāo)的情況下,只需要點點點即可完成每一條信息的快速審核。

同時,審核按鈕較大的設(shè)計,也是為了滿足審核人員能夠準(zhǔn)確點擊,按鈕旁邊增加了待審核量的統(tǒng)計,能給用戶一種目標(biāo)感。

3. 易用性

易用性是指用戶使用產(chǎn)品能夠快速上手,這包括易理解、易操作、吸引性等。

易用性在產(chǎn)品迭代過程中是需要著重思考并優(yōu)化的方面,用戶一般是通過產(chǎn)品使用的易用性來衡量產(chǎn)品的好與壞,哪怕產(chǎn)品很穩(wěn)定。舉個例子,筆者曾在過的一個家公司,財務(wù)報銷系統(tǒng)使用效率及其低下,出差員工報銷差旅費一般都需要花掉半天到一天的時間,因為產(chǎn)品操作難度大,以及線上線下結(jié)合的不夠好。

例如報銷功能入口在二級頁面不容易找到、當(dāng)信息提交后沒有任何引導(dǎo),不知道下一步該做什么,每次需要問有經(jīng)驗的老員工,然后老員工也是一頓操作加回憶,最后跟你說“好像應(yīng)該打印單據(jù)找領(lǐng)導(dǎo)簽字了”。

不僅如此,產(chǎn)品報銷的表單設(shè)計,把各種分類全部集中在一起,使用者很難辨別應(yīng)該填寫哪個,很多時候填了半天,發(fā)現(xiàn)把報銷填在了借款。這一系列不友好的產(chǎn)品體驗,最后只會導(dǎo)致員工不愿意出差,不想面對繁瑣的報銷工作。

做好產(chǎn)品的易用性,要遵循一些原則,首先是保持產(chǎn)品設(shè)計的一致性,讓用戶有熟悉感,不要讓用戶迷失在產(chǎn)品中,當(dāng)用戶有疑惑時及時提醒,這點需要做可用性測試。

另外,要把產(chǎn)品首頁設(shè)計好,做好流量分發(fā),用戶通常只愛在首頁找東西,而不是二級頁面或者更深。B端產(chǎn)品有的服務(wù)企業(yè)員工,有的服務(wù)項目,比如OA系統(tǒng),服務(wù)的是企業(yè)員工,這類產(chǎn)品要有協(xié)同工作的功能,需要了解組織架構(gòu),善于從多個角色視角去看待問題,避免因為產(chǎn)品設(shè)計導(dǎo)致某個角色工作量增加。

服務(wù)項目的產(chǎn)品,對外有商業(yè)屬性,要做好個性化配置功能,因為客戶總是有個性化的需求,但也要遵循產(chǎn)品的原則。例如外賣的商家都希望有刪差評的功能,但其實這樣的功能是不可以有的,這會違背產(chǎn)品的商業(yè)邏輯,商家可以刪差評,服務(wù)意識就會很難上去。

4. 好看

B端產(chǎn)品0-1,好看是最后應(yīng)該考慮的方面,但這并不代表不重要,而是當(dāng)與穩(wěn)定性、高效性…不能并轡而行時,需要合理作出讓步。產(chǎn)品應(yīng)該是先問世,功能和架構(gòu)都得到了驗證后,然后再去著重優(yōu)化視覺層面以及提高產(chǎn)品體驗。

在視覺設(shè)計上,B端產(chǎn)品應(yīng)該是干凈整潔,B端產(chǎn)品通常是為了工作,經(jīng)常長時間沉浸式使用,所以盡量少用過于強(qiáng)烈刺激性的色彩。

產(chǎn)品設(shè)計目標(biāo),應(yīng)該是從用戶使用產(chǎn)品的效率性、便捷性出發(fā),不能讓視覺效果喧賓奪主,這也就是B端產(chǎn)品慣用冷靜理性的藍(lán)色調(diào)原因。

另外,產(chǎn)品的UI設(shè)計要善于運用第三方組件庫設(shè)計,比如選擇器、折疊面板、上傳、表格、表單等組件,這些成熟的組件都代表了用戶常用的操作習(xí)慣,同時組件的使用有利于和技術(shù)人員高效協(xié)作。

總結(jié)

綜上所述,B端產(chǎn)品設(shè)計優(yōu)先級方面應(yīng)該是:穩(wěn)定性-高效性-易用性-好看

B端產(chǎn)品0-1,功能上做到最小可用版本即可,這樣可以推動產(chǎn)品的穩(wěn)定性。對于高效性、易用性、好看都是產(chǎn)品上線之后,需要著重優(yōu)秀的方面。

最后

最后需要強(qiáng)調(diào)的是,產(chǎn)品設(shè)計原則沒有標(biāo)準(zhǔn),以上觀點可能只適用于一部分B端產(chǎn)品的設(shè)計理念。產(chǎn)品設(shè)計對于不同行業(yè)、不同公司、不同決策者都會有很大的差異,沒有最好的設(shè)計原則,只有最適合你產(chǎn)品的原則。

 

作者:吳星辰,微信公眾號:互聯(lián)網(wǎng)設(shè)計幫

本文由 @吳星辰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!