前言
設計師需要了解的B端與C端的設計差異
其實在接觸B端不久后,就可以明顯感受到C端和B端產品設計存在較大的反差。其商業屬性、產品定位、目標用戶、設計表達、業務流程等都會有很大的不同,在設計策略上也更多偏向于用戶使用效率的提升。
以下簡單陳列B/C端設計差異。
設計思路
B端與C端設計思路相似,不過B端需要更強的業務理解能力和交互設計能力
現將設計思路用下圖概括
項目背景
DataCloud 基本業務流程
隨著公司發展壯大,數據分析、數據可視化的需求場景越來越多,因此誕生了這款產品。主要為公司的業務人員和數據分析師做便捷化的數據分析運算,主要功能包括:業務數據管理、大數據分析建模、BI可視化、AI建模等。
產品角色介紹
目前該產品主要為公司內部服務,所以涉及角色相對來說并不復雜,主要包含以下幾種:
尋找機會點
案例一:BI可視化報表界面優化
BI可視化是這款產品的重要輸出結果,其結果會涉及多方人員、角色,為了方便,不同產品和業務線的可視化界面都會匯總到此頁面。而根據業務或者需求類型,會將報表概括為經營、用戶、設備等多種標簽,且會隨著業務類型而拓展。
業務流程及用戶心理
在與業務方、數據分析師、產品經理以及內部UI等溝通后,將問題梳理為以下幾個方面:
設計策略
其實到這里就可以明顯感受到,B端解決問題多以業務、使用效率為主,很少有需求方會提到UI或視覺方面的問題,所以在做具體方案落地時,要優先從業務角度思考,使方案既可以滿足用戶需求,又可以提升使用效率。
多方案產出
在具體產出方案的時候,不能僅產出一種方案,需要從不同角度產出多個方案,然后與業務方/需求方等進行溝通
設計驗證
方案出來之后,還需要和需求方求證,界面是否符合需求等等
在于產品、業務方溝通后,最終選擇了方案一,在結構、布局上的優化要比一味加強視覺可用性更高,且對于未來標簽不斷擴展的情況下,不同色彩仍然會造成識別困難,且擴展性差。
案例二:離線開發界面優化
此頁面可以說是承載了本產品最重要的功能,數據分析師通過此界面任務建模,則系統將會以此模型自動進行數據分析。
設計策略
此頁面改版較為復雜,一方面是底層權限體系的邏輯問題,另一方面就是歷史遺留的視覺和交互問題,基于不同的問題則需采取不同的方案。
多方案對比
離線開發的多方案更多體現在交互層面,需要不斷地和產品經理以及需求方、用戶溝通,來保證最終的使用效果可以達到預期。
方案一
權限體系的修改較為復雜,且先按住不表
方案一的主要修改有:
- 側邊導航結構的修改;
2. 多窗口狀態的不同圖標表示,以及同一工作流下的層級關系表示;
3. 不同場景的表格規范化;
4. 顏色層級的調整;
方案二
方案二的主要修改有:
- 側邊導航在原先的基礎上,機型視覺規范化、交互多樣化的優化;
2. 多窗口的層級進一步優化,使其符合用戶使用習慣;
3. 不同場景的表格規范化;
4. 顏色層級的調整;
最終方案
最后在于多方溝通的情況下,選擇了與原版交互更為相近的方案二,盡可能少的減少用戶的學習成本。