寫給PM、交互、UI 看的ToB產(chǎn)品設計原則
編輯導讀:在習慣了to C的用戶視角后,要如何理解B端的客戶和用戶?做一款B端產(chǎn)品,在設計上需要注意哪些問題?本文作者依據(jù)工作中項目實踐的所思所想,并結合案例等分享了B端產(chǎn)品設計需要遵循的4個原則,供大家一同參考和學習。
前言
哈嘍朋友們,我們許久不見,這一年經(jīng)手了很多好項目,如百度的可視化大屏設計、ToG政務可視化大屏設計、B端產(chǎn)品的設計迭代等等,收獲頗多,有很多新的感悟,后面要跟大家統(tǒng)統(tǒng)把這些案例都分享出來。
本期先分享一下B端產(chǎn)品設計原則,希望能給你帶來不一樣的思考。(內容較干,不建議掃讀)
B端產(chǎn)品設計原則
B端產(chǎn)品服務組織群體,用戶具有組織屬性,需求來自組織和業(yè)務而不是用戶本身,所以B端產(chǎn)品是以業(yè)務為導向制定產(chǎn)品的設計方案,這個過程需要PM、交互、UI都應該知道并遵循一致的產(chǎn)品設計原則。
1. B端產(chǎn)品0到1 — 穩(wěn)定性
B端產(chǎn)品0-1最應該重視的是產(chǎn)品的穩(wěn)定性,這也是B端產(chǎn)品第一大設計原則,產(chǎn)品穩(wěn)定壓倒一切。推動產(chǎn)品的穩(wěn)定性,首先產(chǎn)品的設計上不要做到大而全,而是小而精,滿足最小可用版本即可(MVP)。
0-1階段不要過于追求體驗和視覺美感,打造小而精快速上線才是王道,畢竟產(chǎn)品問世才會產(chǎn)生價值。
(1)如何定義小而精?
B端產(chǎn)品與C端產(chǎn)品不同,C端產(chǎn)品有一個核心功能即可上線,而B端產(chǎn)品通常是多個功能組成的業(yè)務線,所以小而精應該是滿足最小業(yè)務全場景閉環(huán),并不是以減少產(chǎn)品功能為依據(jù)。對于單一業(yè)務的功能定制,如下圖,依據(jù)主線業(yè)務定制功能,即A-B-C-D,對于周邊體驗性的、不影響主線業(yè)務的功能,此階段都可以先不要。
對于混合多業(yè)務的功能定制,應該分模塊開發(fā),如下圖,每塊就是一個業(yè)務流程,所以做好優(yōu)先級分模塊開發(fā)最優(yōu)。產(chǎn)品經(jīng)理需要注意的是,提前規(guī)劃好開發(fā)的優(yōu)先級,并與團隊的每個角色一起規(guī)劃探討后續(xù)的工作,這樣大家對后面的工作都能有一定的了解,在此階段能做到思考后續(xù)的功能增加。
(2)追求完美不重要
0-1階段產(chǎn)品的開發(fā)不要過于追求完美,完美需要花費團隊每一個人大量的時間和精力。
對于UI/UX設計師此階段不要過于強調自己的“價值”,不需要著重去思考產(chǎn)品體驗,也不需要設計太多的效果,這有可能會導致開發(fā)工作量增加,做到滿足最小可用版本即可,盡可能化繁從簡,UI/UX設計師這樣做,才是發(fā)揮了真正的價值。
對于技術開發(fā)來說,簡單的功能,開發(fā)人員心態(tài)也會更輕松,功能越多壓力越大,出現(xiàn)問題的數(shù)量也會變多,最后測試階段Bug就像打地鼠一樣一個一個冒出來,最終會導致產(chǎn)品遲遲不能上線。
2. 高效性
高效是B端產(chǎn)品設計必須要重視的一個方面,高效說的是用戶長時間使用產(chǎn)品的效率。B端產(chǎn)品通常是為了解決業(yè)務需求,一般非常重視工作效率,如果產(chǎn)品的功能和交互設計的不合理,就會直接導致產(chǎn)品使用者的工作效率降低,甚至最終會影響企業(yè)的業(yè)績。
案例解析:
筆者曾經(jīng)改版過一個巡查采集信息的產(chǎn)品,采集的信息為了保證真實性,后臺需要專人對信息做審核,對于龐大的數(shù)據(jù),如果審核功能設計的不合理,就會變得費時又費力。
而舊版的設計就是如此,頁面的設計把采集的信息用列表呈現(xiàn),審核人員需要點擊列表中的審核小按鈕進入詳情頁才可以進行審核,審核下一條需要重復前面的操作,交互上是標準的往復式操作邏輯,如下圖所示。
為了解決審核效率問題,改版了審核的交互設計,最核心的改變就是“一鍵審核”,下圖所示,同樣是列表呈現(xiàn),增加審核模式,點擊進入審核模式后,全屏展示(可以顯示更多內容),當點擊審核通過時,立馬切換下一條信息,這樣就實現(xiàn)了連續(xù)性的交互審核方式。
在此案例中,為了助力審核效率,UI設計上把主要需要審核的信息,全部固定呈現(xiàn)在第一屏,對于有些板塊信息過多時需要滾動查看,但也盡可能保證了信息不多時,能夠一屏全部呈現(xiàn)出來,這樣審核人員在不用挪動鼠標的情況下,只需要點點點即可完成每一條信息的快速審核。
同時,審核按鈕較大的設計,也是為了滿足審核人員能夠準確點擊,按鈕旁邊增加了待審核量的統(tǒng)計,能給用戶一種目標感。
3. 易用性
易用性是指用戶使用產(chǎn)品能夠快速上手,這包括易理解、易操作、吸引性等。
易用性在產(chǎn)品迭代過程中是需要著重思考并優(yōu)化的方面,用戶一般是通過產(chǎn)品使用的易用性來衡量產(chǎn)品的好與壞,哪怕產(chǎn)品很穩(wěn)定。舉個例子,筆者曾在過的一個家公司,財務報銷系統(tǒng)使用效率及其低下,出差員工報銷差旅費一般都需要花掉半天到一天的時間,因為產(chǎn)品操作難度大,以及線上線下結合的不夠好。
例如報銷功能入口在二級頁面不容易找到、當信息提交后沒有任何引導,不知道下一步該做什么,每次需要問有經(jīng)驗的老員工,然后老員工也是一頓操作加回憶,最后跟你說“好像應該打印單據(jù)找領導簽字了”。
不僅如此,產(chǎn)品報銷的表單設計,把各種分類全部集中在一起,使用者很難辨別應該填寫哪個,很多時候填了半天,發(fā)現(xiàn)把報銷填在了借款。這一系列不友好的產(chǎn)品體驗,最后只會導致員工不愿意出差,不想面對繁瑣的報銷工作。
做好產(chǎn)品的易用性,要遵循一些原則,首先是保持產(chǎn)品設計的一致性,讓用戶有熟悉感,不要讓用戶迷失在產(chǎn)品中,當用戶有疑惑時及時提醒,這點需要做可用性測試。
另外,要把產(chǎn)品首頁設計好,做好流量分發(fā),用戶通常只愛在首頁找東西,而不是二級頁面或者更深。B端產(chǎn)品有的服務企業(yè)員工,有的服務項目,比如OA系統(tǒng),服務的是企業(yè)員工,這類產(chǎn)品要有協(xié)同工作的功能,需要了解組織架構,善于從多個角色視角去看待問題,避免因為產(chǎn)品設計導致某個角色工作量增加。
服務項目的產(chǎn)品,對外有商業(yè)屬性,要做好個性化配置功能,因為客戶總是有個性化的需求,但也要遵循產(chǎn)品的原則。例如外賣的商家都希望有刪差評的功能,但其實這樣的功能是不可以有的,這會違背產(chǎn)品的商業(yè)邏輯,商家可以刪差評,服務意識就會很難上去。
4. 好看
B端產(chǎn)品0-1,好看是最后應該考慮的方面,但這并不代表不重要,而是當與穩(wěn)定性、高效性…不能并轡而行時,需要合理作出讓步。產(chǎn)品應該是先問世,功能和架構都得到了驗證后,然后再去著重優(yōu)化視覺層面以及提高產(chǎn)品體驗。
在視覺設計上,B端產(chǎn)品應該是干凈整潔,B端產(chǎn)品通常是為了工作,經(jīng)常長時間沉浸式使用,所以盡量少用過于強烈刺激性的色彩。
產(chǎn)品設計目標,應該是從用戶使用產(chǎn)品的效率性、便捷性出發(fā),不能讓視覺效果喧賓奪主,這也就是B端產(chǎn)品慣用冷靜理性的藍色調原因。
另外,產(chǎn)品的UI設計要善于運用第三方組件庫設計,比如選擇器、折疊面板、上傳、表格、表單等組件,這些成熟的組件都代表了用戶常用的操作習慣,同時組件的使用有利于和技術人員高效協(xié)作。
總結
綜上所述,B端產(chǎn)品設計優(yōu)先級方面應該是:穩(wěn)定性-高效性-易用性-好看。
B端產(chǎn)品0-1,功能上做到最小可用版本即可,這樣可以推動產(chǎn)品的穩(wěn)定性。對于高效性、易用性、好看都是產(chǎn)品上線之后,需要著重優(yōu)秀的方面。
最后
最后需要強調的是,產(chǎn)品設計原則沒有標準,以上觀點可能只適用于一部分B端產(chǎn)品的設計理念。產(chǎn)品設計對于不同行業(yè)、不同公司、不同決策者都會有很大的差異,沒有最好的設計原則,只有最適合你產(chǎn)品的原則。
作者:吳星辰,微信公眾號:互聯(lián)網(wǎng)設計幫
本文由 @吳星辰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!