Background

項目背景

量雲風力場是一家以能源重型設備、新能源發電爲主要運營方式的公司。風力發電是把風的動能轉化成電能的過程,監控系統則是收集風力發電機的瞬時數據,並把數據反饋給操作者的一個後台管理軟件。此次與荷勒合作是希望我們爲其重新設計一套具有現代風格且舒適耐看的界面。

量雲01.jpg

USER RESEARCH

用戶研究

風車監控系統的受衆人群相對于其它軟件而言會比較集中,大多是年輕的監控職員,用戶特點是長期面對電腦和進行機械操作,因此本次我們將會把用戶使用的舒適性作爲設計的重點。。

量雲02.jpg

Competitive Analysis

競品分析

市面上大部分的後台監控軟件都延續著老舊的版式,更新換代速度較慢,重要信息排布較雜亂、無主次的劃分、不友好的交互操作和混淆的視覺在一定程度上會影響著他們的工作效率,因此改版考慮的不只是界面的美觀,更多的是在操作體驗和視覺舒適度上下功夫。。

量雲03.jpg

Color scheme

色彩方案

考慮用戶使用的頻率和時長,界面配色避免了太鮮豔和太深沉的顔色,以飽和度較低的藍綠色和淺灰色爲主基調,象征著能源的供應,使用溫和的磚紅色作爲提醒色,不過于刺眼,提高用戶舒適度。

量雲04.jpg

UI Design

界面設計

根據産品以數據爲主的性質,在界面設計的時候需要以簡潔與舒適爲主要的方向,每個頁面顔色不超過三種,並且以線條區分板塊,減少數字與板塊間的幹擾。爲了使用戶更易于讀取風車的信息,我們將風車以插畫的形式展現,並以不同的顔色以區分狀態,風車信息一目了然。

量雲05.jpg

系統的設計規範,確保界面的易操作性

整體界面的系統規劃,各元素的協調統一,點擊區域與操作焦點做好區分,使操作及時的到反饋。列表中的元素重設計,盡量減少用戶在長期使用後所産生的視覺疲勞感。

量雲06.jpg

放大內容空間,優化圖表樣式 

圖表是産品最重要的功能區域,因此在設計時需要突出主體,去除不重要的修飾,以簡易細致的線條和色塊區分不同的數據,添加彈窗設置,有選擇的顯示詳細數據,使界面更加輕量化。

量雲07.jpg

在細節處做文章

爲了使界面在簡化的同時更有質感,我們在細節處添加了精細的處理,表格以單線區分,減少視覺的幹擾;表頭添加淺色陰影,自然劃分層級關系,同時在表格中的色塊以半透明顯示,使用戶能快速分辨出數據密集區域。

量雲08.jpg

簡化視覺元素

界面本著去繁爲簡的理念重新設計,規劃布局,移除不必要的裝飾性元素。複古、材質、複雜的背景等裝飾一律不要,增強可用性的同時也增強了主要視覺元素的支配性。

量雲09.jpg


更多案例