UI設計公司/北京蘭亭妙微/藍藍設計UI設計案例-中節能現金流抗壓測試軟件交互及界面設計

中國節能是以節能環保為主業的中央企業。中國節能以生態文明建設為己任，長期致力于讓天更藍、山更綠、水更清，讓生活更美好。經過多年發展，中國節能已構建起以節能、環保、清潔能源、健康和節能環保綜合服務為主業的4+1產業格局，成為我國節能環保和健康領域規模大、實力強、專業覆蓋面廣、產業鏈完整的旗艦企業。

中節能現金流抗壓測試軟件是一套可以科學分析企業存量項目現金流量，隨著外部條件（利率/匯率/收入到帳時間）變化，預測未來現金流量的軟件系統。此次麥浪科技和藍藍設計合作，進行軟件升級改版，進行交互方式的優化，參考了國際上后臺管理軟件的設計優點，風格簡約而不簡單，邏輯清晰，大數字及動效的使用，讓用戶體驗更佳。

產品定位

通過現金流抗壓測試軟件，可以為企業存量項目現金流進行全方位壓力測試，和評估，并預測下一階段企業現金流量，為企業財務體系運轉體統數據存量數據支撐和增量數據預測?，F金流抗壓測試軟件是中節能財務體系中重要一環，是企業財務系統和業務現金流系統之間的安全屏障。

目標用戶

中節能企業內部財務人員使用，年齡分布較大，普遍年齡在20-50之間。目標使用人群辦公場所相對固定，主要集中于辦公室；對人機交互效率要求較高且使用頻率較高。主要進行辦公類操作，希望系統能夠便捷好用，穩定安全且易于理解。

設計風格

交互方面，采用平鋪設計方案，將信息盡可能多的呈現在同一級頁面中，同時對類別區域加以區分，在保證信息傳遞清晰流暢的同時，盡量減少用戶點擊行為和點擊次數，提高辦公效率。視覺方面，以大為主，采用大間距，大對比，大字號的設計思路，保證頁面呼吸感和節奏感的同時，兼顧信息傳遞，在主要業務頁面突出產品的功能屬性。

在交互原型設計過程中，藍藍與麥浪同事進行了深入的溝通，我們多次前往麥浪公司以及中節能公司了解業務，在確保對業務完全理解的情況下，充分吸收用戶意見，與麥浪同事反復修改交互原型圖，打磨交互細節。最終通過客戶評定，確定交互原型。

在項目進行過程中，麥浪同事也提供很多支持

根據手繪原型圖，制作并優化原型設計圖

客戶最終確定的交互原型圖

頁面設計

頁面設計過程中，藍藍按照先定風格再深入設計的原則，先期提供不同風格的首頁和登錄頁，供客戶選擇，待確定系統整體視覺風格后，再進行后續頁面的設計。

本系統首頁主要是核心數據的總覽和展示，經過與客戶討論，首頁主要顯示“資產”“負債”“現金流”等方面的內容。在確定展示內容之后，藍藍設計嘗試將行業特色和產品結合，運用情景化的設計，把行業“風機”融入進首頁中來，同時深色的背景和多種元素的組合，也把科技感體現了出來。

設計過程中提供的其他方案

功能至上

藍藍對每個頁面功能性也做了區分，并且根據頁面的功能屬性調整優化設計方案。

本系統按照頁面屬性分類，大致分為2類：圖表展示和數據計算。針對圖表展示類型的頁面，藍藍采用平鋪的展示方式，盡可能多的將數據呈現給用戶，提高頁面數據展示效率，減少用戶交互行為。平鋪展示這種方式對數據的分類展示要求較高，經過與客戶溝通確認后，藍藍按照信息優先順序進行排版，針對數字類型信息，采用橫向平鋪，針對圖表展示信息，采用卡片和色彩區分不同類型的數據。藍藍還把頁面操作區域放置在頁面頂部，并采用吸頂設計，不會隨著頁面滾動而消失，在保證數據展示最優的同時，兼顧操作便利性。

數據計算類型的頁面，偏向操作性，對頁面交互、跳轉邏輯較高。本系統中，需要操作的功能大多集中在數據的輸入和計算相關的范圍內。在交互層面，藍藍與客戶反復溝通，優化頁面層級和交互邏輯，將不必要的功能隱藏展示，或者將原本在1頁顯示的信息分頁展示，并在原型圖中予以確認和展示。在視覺層，藍藍采用大字號的方式來突出需要輸入的信息，并利用色塊/圖形化展示等方式，區分信息層級。在保證交互便利的同時，完整展示業務信息，豐富頁面層次，也避免了信息過多帶來的視覺壓力，提升用戶數據處理效率。