如何做好B端的工作臺設計?來看高手的總結+實戰案例!

引言

在這個流量見頂的時代,互聯網競爭越來越慘烈,各公司業務的滲透難度變高,產品模式方面管理成本的越來越重,而運營效率越來越舉足輕重,互聯網的巨頭們也開始布局 2G/2B 領域,來進一步對傳統的企業和行業進一步提升效率、促動變革,最終實現創新和顛覆。

這一系列的現象給 B 端市場打開了空前的局面,然而業務種類的豐富及用戶使用場景的越來越復雜,一定程度上給用戶處理業務增加了負擔,這時一個好的工作臺設計變得更為重要,那作為優秀的交互設計師,如何進行 B 端的工作臺設計呢?接下來我們針對這個問題跟大家展開討論一下。

更多工作臺干貨:

一、了解工作臺

1. 工作臺的定義

工作臺從字面上理解“工作的臺面”,跟工作相關,那最根本目的就是增效,怎么幫助用戶提高工作效率并快速的進入工作的狀態。

對應 B 端的產品中, 工作臺就是以展示與用戶相關概要信息的頁面。通過各種概要信息幫助使用者快速了解之前的工作情況、當前的任務進度以及之后的工作安排等,從而達到提高效率的目的。

2. 工作臺的特點

B 端產品的業務種類越來越多,信息系統越來越繁雜,那我們討論工作臺的特點時就不再脫離開 B 端產品的業務屬性來分析,以下我們將通過對 B 端業務維度,進行了常見工作臺類型的分析,從而幫助大家拆解工作臺的功能尋求設計機會點。

① 功能聚合類

釘釘、飛書這類是典型的功能聚合型平臺,主要業務特色是功能大而全,具有很強的普適性;那最需要解決的問題是怎么幫助用戶在大量的應用中快速找到所需的功能 。

在這一特色下,設計的機會點可重點突出常用功能,通過用戶實際的使用頻率或者用戶個性化設置自定義常用功能;同時可根據需求程度增加全功能搜索等輔助功能幫助用戶查找。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

② 強數據類

最典型的是 IB 數據分析平臺,例如神策數據、growing io 等 ,該類型工作臺比較明顯的特點是通過大量的數據來傳遞關鍵性信息,借助圖形化的手段,清晰有效地傳達與溝通信息,從而促成用戶的決策。下圖中列舉了兩個圖表組件平臺供設計師們參考使用。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

主要設計機會點在于一個是如何從各式各樣的圖表中選擇出符合用戶所需要的數據圖表,另一個就是通過對圖表細節的的處理,既能表達出復雜數據關系,又能統計到不同場景下的數據維度;然而這是另一個大的課題遂不展開論述。

③ 強業務類

強業務屬性的平臺一般多個使用角色,業務種類繁多,使用場景復雜,具有很強的平臺特色。其工作臺的設計也不再具有明顯特征,那我們通過查找相關競品羅列出一些常見工作臺功能模塊。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

待辦事項

待辦事項或任務用于提醒用戶當前待處理的工作事項,一般會輔助一些具體數值來起到強提醒的目的,在設計中可適當考慮在當前頁面通過彈窗的方式能快捷處理,避免下鉆到更深頁面提交工作效能。

不同平臺不同角色的待辦內容不同,客戶管理類平臺的待辦更多是強業務指引,例如待審核訂單、待發貨訂單、待處理退款等;企業后臺類的待辦任務更多的是流程審批,比如請假審批、報銷審批、用章審批。

常用功能

快捷功能板塊是承載用戶常用功能的快鏈入口,幫助用戶節省從導航欄上逐個下鉆的時間,快速定位至想要功能開展對應工作。為滿足用戶個人習慣偏好可設置通過用戶的使用頻率或自定義常用功能。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

核心業務數據概覽

一般以具體的數值 或者可視化圖表的方式呈現。客戶管理類平臺常根據需求統計一些關鍵節點的的信息,比如支付訂單數、支付金額、支付人數和訪問數等,從而方便用戶通過數據進行客戶活動的策略調整。

資訊公告

通常業務通知、系統級或企業級的公告及平臺一些專業資訊信息,在首頁集中展示最主要方便用戶快速查看,避免重要信息遺漏。

營銷推廣

一般平臺用來推廣新功能、新業務或者廣告等會在工作臺首頁中外漏流量轉化入口;入口樣式可看推廣力度,大到橫條 Banner,小到文字鏈;

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

個人信息

針對多角色使用的平臺,可通過個人信息快速進行身份識別,例如企業網銀系統中一些中小型企業可能一人兼職兩種角色,不同角色的使用權限不同,清晰的標識用戶的基礎信息及角色標識有利于更迅速的開展接下來工作。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

工作臺的設計對于不同的平臺屬性、不同的角色,所需功能模塊不同,而相同功能模塊的重要程度也不同,因此要根據具體平臺有針對性地進行合理布局。下面我們將針對如何進行 B 端工作臺設計進行展開分析。

二、工作臺的設計剖析

近期我們剛好接到九江企業網銀的體驗優化項目,該項目是典型的強業務性平臺,根據上文介紹的常見工作臺功能模塊,九江企業網銀又是如何搭建的屬于本平臺特色工作臺的呢?我們進行了如下設計深挖:

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

1. 明確設計目標

本次項目伊始,我們和行內業務人員及典型企業代表進行了深入的探討和溝通,且針對行業內標桿的企業網銀進行全方位的競品分析。

針對整個工作臺頁面明確一個主線的敘事邏輯。首先明確該頁面的主要核心是什么,其次是可以通過什么興趣點來撬動用戶,最后是整體頁面的延伸點。這樣我們的設計目標就有了明確的定義。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

2. 定義人群分層

隨著用戶群越來越大,不同的用戶群體分割越來越明顯,不同用戶的生長周期也發生了一些變化,那么不同的用戶所需的信息需要不同的頁面來承載;

那我們在不同的人群分層可以根據項目成熟度分為兩種方式,一種通過認知和意愿進行分層處理,在現有成熟的數據基礎上,將用戶可以分為全新用戶、嘗試型用戶、成長型用戶、核心用戶等等一些更細分的領域;那比較普適的分層,可以簡單直接的把用戶分為新用戶和老用戶兩種。

九江銀行的用戶體量還未進一步提高,為保證分析的準確性,我們采用普適分層法,分為新用戶和老用戶兩種。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

3. 提取分層人群的特征

根據實際數據確定人群的占比,明確該角色重點專注的問題,通過怎么幫助用戶解決問題進行內容策略的制定,然后再進一步確定設計策略。

在 B 端平臺中往往會存在多角色使用的場景,所以在用戶分層特征提取前,需要先一步關鍵角色的概括,這樣分層人群的特征會更細致準確。九江企業網銀中我們分為老板和財務人員 ,針對兩種角色進行以下的分層人群特征提取。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

根據上述分析,提取關鍵詞, 明確人群分層關鍵特征。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

4. 定義分層信息框架

結合前面我們針對該頁面主體敘事邏輯定義,梳理出整個頁面的功能模塊優先層級,再結合角色人群分層結論進行信息框架制定,該環節需按照具體平臺分析結論綜合考慮后設計。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

5. 具體設計點展示

老板-新用戶

為了更貼近的老板使用場景及整個平臺全員快速使用戶,將初始操作任務化,能更清晰引導老板完成企業初期的權限分配任務,降低學習成本。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

老板-老用戶

企業正常運作一段時間后,老板更多專注企業內部經營狀況,通過數據圖表化的方式更清晰傳遞數據,幫助老板決策進行企業管理,例如公司支取業務 top10、資產負債一覽圖等。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

財務-新用戶

通過關鍵數據的顯示及外露對應的業務快捷操作入口,提高財務工作效率,以及根據個人習慣自定義常用功能來幫助用戶更快識別產品的業務,為進一步財務工作全面增效。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

財務-老用戶

待辦事項中以業務指標為基準明確工作進度,以數量多少為前提強化任務操作和查看。常用功能個人習慣自定義常用功能來幫助用戶更快識別產品的業務,為進一步財務工作全面增效。

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

三、總結

體驗之路,任重道遠。工作臺的體驗優化需符合平臺調性,貼切用戶自身的特點,以提升使用效率,滿足用戶內心價值點為設計出發。

以上就是 B 端工作臺設計的所有內容了,希望此文對設計的小伙伴們有所幫助,如果有不同見解也歡迎大家留言交流。

歡迎關注團隊微信公眾號:兆日 UCD

如何做好B端的工作臺設計?來看高手的總結+實戰案例!

收藏 169
點贊 49

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。