嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

智能城軌平臺界面設計

智能城軌平臺界面設計

html前端 | 交互設計 | 視覺設計 | 圖標設計

html前端 | 交互設計 | 視覺設計 | 圖標設計

北京和利時集團是一家從事自主設計、制造與應用自動化控制系統平臺和行業解決方案的高科技企業集團。集團具有系統集成國家一級資質,是國家級的企業技術中心。集團主要包括過程自動化(DCS)、工廠自動化(PLC及驅動)、核電站數字化儀控系統、高速鐵路、城市軌道交通自動化等業務單元。

智能城軌綜合業務平臺是和利時把城軌行業經驗和互聯網技術結合,采用云原生技術,打造的一個能夠涵蓋智慧城軌業務的通用工業互聯網平臺。藍藍設計此次為本平臺提供人機交互優化+UI視覺整體設計方案;基于美觀、易理解、一致、交互、效率、熟悉、靈活、容錯、可預測、簡潔設計理念,遵循通用設計原則和模塊設計原則,打造高效可靠,廣泛適用的專業產品。

產品定位

智能城軌綜合業務平臺主要應用城市軌道交通行業,涵蓋城市軌道交通業務主要場景,的通用工業互聯網平臺。集區域數據監測,硬件管理,資源管理,設備調度等專業性功能,采用可視化,模塊化設計理念,可自由定制產品功能,滿足不同用戶的需求。

目標用戶

目前平臺主要核心場景是是地鐵監控,主要面向地鐵運營人員、軟件開發人員、組態人員、系統維護人員。擁有各領域專業的知識儲備,有一定的軟件操作基礎,年齡段相對較低,使用場景相對固定,主要在指揮大廳或各系統控制點操作系統,對系統專業性,易用性要求較高。

設計風格

平臺整體設計采用扁平設計風格,綜合運用場景化設計,模塊化設計,結合平臺自身屬性,進行布局優化和視覺設計。通過定制化的圖標和科學的配色,界面整體營造出出現代感和科技感,符合工業互聯網平臺的產品定位,且獨具特色。

首頁設計圖

優化視覺焦點,突出核心數據,讓用戶高效的獲取最有價值內容

針對原型界面,我們和客戶深入溝通后發現,用戶在平臺中查看數據視覺動線共分為3個層次,第一層:初步瀏覽,這一層用戶主要關心系統核心數據,主要包括當前資源占用情況,和虛擬機狀態,瀏覽頁面耗時相對較短,如無特殊情況即可略過;第二層:進一步查看細節信息,如系統通知、狀態及排名等信息,這一層用戶主要關注最新信息的更新,針對最新消息的提示或狀態變更的提示應當與其他信息明顯區分;第三層:辦理業務,這一層用戶會點擊進入二級或三級頁面執行業務,這一層應當是用戶使用系統最核心目的,用時也是最長的階段。

針對上述情況,我們在設計新版頁面時,從交互邏輯和視覺展示層面分別進行優化:

1.優化頁面層級,將一級菜單置頂顯示,同時首頁隱藏二、三級菜單,最大化利用首頁空間的同時,明確操作區域,簡化信息展示,減少不必要信息的視覺干擾。

2.優化視覺重量,人眼一般通過識別物體的大小,形狀,顏色這三個維度來區分視覺的主次關系,我們利用這一原則,把用戶關心的“資源情況”“車站狀態”等信息增大顯示面積,同時利用圖形/圖表來加重視覺重量,引導用戶視線聚焦核心數據。

3.優化信息顯示,改版后的產品相較原型增加許多數據,這樣單屏無法顯示全部數據,我們依據用戶習慣,將“虛擬機狀態”放在第二屏展示,用戶可點擊頁面箭頭實現數據的切換。“虛擬機狀態”部分,我們通過模擬立體方式展示設備之間拓撲關系圖,為用戶帶來直觀沉浸式的體驗。

原首頁原型
智能城軌平臺界面設計

以用戶為中心,提升人與平臺的友好視覺互動體驗

人機交互遵循“信息呈現(獲取)-操作指令-結果反饋”的循環,信息呈現便是人機互動的首要環節,我們在信息呈現時,盡可能以圖形化方式表達,減少用戶認知負擔,將單個的數字轉化為儀表盤,直觀地表現出資源占用情況,預警報警等多重含義,營造數據展示氛圍的真實感。

虛擬機狀態模塊,針對不同設備繪制對應立體圖標,通過圖標顏色區分設備狀態,力求以直觀的方式將信息傳達給用戶。

深度打磨產品細節,賦予產品設計靈魂

分析問題

界面原型左側導航區域層級過多,且區分不明顯,容易引起視覺混亂;內容區域信息展示和可操作性操作區分不明顯,部分功能堆疊較多,但信息展示較少,空間浪費嚴重。

解決問題

我們優化了頁面層級,將一級和二級菜單分開顯示,同時區分二、三、四級菜單,增加“選中”樣式,明確當前頁面所在位置,增加菜單收起功能,收起后只顯示圖標,節省頁面空間。

內容區域,我們優化了視覺顯示重心,把左側導航樹結構上下貫通顯示增強功能屬性和視覺重量,底部信息區域縮窄至于圖元編輯區域同寬,增加頁面空間利用率

右側屬性區域,把圖層和屬性模塊上下并聯排列,同時優化原有表格顯示樣式,明確“可編輯”“只讀”“可操作”等組件狀態和樣式,最大化利用頁面空間。

智能城軌平臺界面設計 智能城軌平臺界面設計
智能城軌平臺界面設計

于細節處見大文章

頁面中重新設計的圖標,不僅更加貼合功能含義,也更加精美,能夠完美匹配系統風格。

圖形組態頁面中,將圖標分為示意性圖標和功能性圖標2大類,示意性圖標即為導航菜單/樹形控件中圖標,功能性圖標依據屬性不同右分為操作類圖標和繪制類圖標;操作類圖標對應系統全局功能,以藍色為主色;繪制類圖標主要用于繪制各種圖元結構,適用范圍僅限于頁面中央繪圖區,以黑色為主色。

豐富的組件庫設計,為產品提供強大的擴展能力

針對產品頁面無法涵蓋到的部分廠家,我們提前推斷并提供了詳盡的擴展組件,涵蓋一般通用平臺常用的業務場景,方便平臺的擴展,滿足模塊化,通用平臺的設計初衷。

智能城軌平臺界面設計

其他典型頁設計

智能城軌平臺界面設計-藍藍設計
智能城軌平臺界面設計-藍藍設計
智能城軌平臺界面設計-藍藍設計
智能城軌平臺界面設計-藍藍設計

  返回

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 亚洲精品人人| 亚洲综合社区| 欧美在线免费视屏| 亚洲一区二区三区在线视频| 亚洲私人黄色宅男| 亚洲免费在线观看视频| 午夜视频久久久| 欧美一区二区三区视频在线观看| 亚洲免费视频中文字幕| 午夜日韩av| 久久噜噜噜精品国产亚洲综合 | 亚洲午夜激情网站| 久久综合久久美利坚合众国| 久久天天狠狠| 欧美高清自拍一区| 亚洲第一黄色网| 欧美承认网站| 一区二区三区导航| 性欧美1819sex性高清| 性欧美办公室18xxxxhd| 久久免费视频在线观看| 欧美激情1区| 国产精品99久久久久久久女警 | 久久久精品欧美丰满| 麻豆国产va免费精品高清在线| 欧美日韩精品免费观看视一区二区 | 欧美视频在线免费看| 国产一区再线| 99在线精品观看| 久久精彩免费视频| 亚洲精品123区| 欧美怡红院视频一区二区三区| 欧美国产日韩视频| 国产主播一区二区三区四区| 一区二区三区欧美亚洲| 鲁大师成人一区二区三区| 一区二区三区四区精品| 另类专区欧美制服同性| 国产精品影音先锋| 一区二区免费在线观看| 欧美国产1区2区| 小黄鸭精品密入口导航| 欧美成人精品在线播放| 国产视频在线观看一区| 亚洲一区二区三区精品视频| 欧美激情精品久久久久久黑人 | 亚洲欧美国产一区二区三区| 欧美激情精品| 久久久噜久噜久久综合| 国产模特精品视频久久久久| 99国产一区| 男女精品网站| 久久精品国产综合| 国产综合在线视频| 久久国产精品一区二区三区四区| 一本色道久久88亚洲综合88| 欧美国产日韩精品免费观看| 亚洲国产精品嫩草影院| 男同欧美伦乱| 久久久久国色av免费观看性色| 国产模特精品视频久久久久| 欧美亚洲三区| 午夜精品一区二区三区在线播放| 国产精品女主播| 亚洲永久精品大片| 一区二区高清| 欧美午夜a级限制福利片| 一区二区三区毛片| 一本色道久久综合亚洲精品婷婷| 欧美日本中文| 蜜桃久久av| 夜夜精品视频| 欧美激情网友自拍| 日韩网站在线看片你懂的| 女人天堂亚洲aⅴ在线观看| 久久久水蜜桃av免费网站| 一区二区视频免费完整版观看| 久久综合国产精品| 久久亚洲综合网| 亚洲肉体裸体xxxx137| 亚洲人成人一区二区在线观看| 欧美日韩黄视频| 欧美一区视频在线| 久久久精品国产99久久精品芒果| 在线国产欧美| 亚洲日本成人| 国产精品一卡二卡| 久久中文字幕一区| 欧美国产精品va在线观看| 亚洲私人黄色宅男| 欧美在线观看一二区| 亚洲国产精品嫩草影院| 日韩视频在线观看一区二区| 国产精品久久久久久久久久ktv| 欧美专区在线播放| 久久婷婷蜜乳一本欲蜜臀| 亚洲精品久久嫩草网站秘色| 一区二区三区高清在线| 精品99视频| 一区二区欧美亚洲| 一色屋精品视频免费看| 99国产精品| 一区免费观看| 一区二区三区免费看| 狠狠色狠狠色综合系列| 亚洲精品久久久久| 国内免费精品永久在线视频| 日韩午夜剧场| 亚洲国产二区| 午夜精品久久一牛影视| 亚洲精品久久久蜜桃| 欧美与黑人午夜性猛交久久久| 亚洲精品一区二区三区蜜桃久| 午夜精品视频| 亚洲综合日韩在线| 欧美片第1页综合| 欧美成年人在线观看| 国产亚洲精品久久久久久| 一本一本久久a久久精品牛牛影视| 在线观看成人av电影| 午夜精品www| 午夜精品理论片| 欧美日韩三级在线| 亚洲国产专区| 亚洲国产日韩欧美在线动漫| 久久精品盗摄| 欧美伊人久久大香线蕉综合69| 欧美美女福利视频| 欧美激情无毛| 亚洲第一页自拍| 久久久久久久久久久成人| 久久久成人网| 国产一区二区在线免费观看| 亚洲综合第一| 欧美一级理论性理论a| 欧美区在线观看| 国产精品久久久久久超碰| 亚洲激情电影中文字幕| 尤物yw午夜国产精品视频| 亚洲综合第一| 亚洲欧美日韩国产| 国产精品久久午夜| 亚洲性夜色噜噜噜7777| 在线视频日韩| 欧美日韩极品在线观看一区| 亚洲伦理在线观看| 夜夜爽av福利精品导航| 欧美日韩裸体免费视频| 99国产精品99久久久久久粉嫩| 在线视频一区二区| 国产精品第一区| 亚洲欧美美女| 麻豆精品视频在线观看视频| 一区二区三区亚洲| 六月婷婷一区| 亚洲精品在线观看免费| 亚洲一区二区三区在线看| 国产精品视频区| 久久成人免费电影| 欧美成人免费网| 亚洲免费不卡| 国产精品成人一区二区三区夜夜夜| 亚洲性xxxx| 久久综合中文字幕| 日韩视频二区| 国产精品一区二区你懂得| 欧美中文在线字幕| 亚洲国产精品久久久久秋霞不卡| aa成人免费视频| 国产乱码精品| 久久综合伊人77777蜜臀| 亚洲精品美女久久久久| 欧美在线日韩| 亚洲国产一区二区三区a毛片| 欧美日韩色婷婷| 久久成人资源| 亚洲精品视频中文字幕| 久久九九久久九九| 亚洲美女电影在线| 国产一区久久| 欧美日韩国产限制| 欧美在线短视频| 亚洲精品永久免费| 欧美aⅴ99久久黑人专区| 亚洲私人影院| 91久久午夜| 国内精品久久久久久久影视蜜臀| 欧美精品一区二区在线观看| 久久狠狠亚洲综合| 亚洲一区二区三区四区在线观看| 美女网站久久| 欧美在线影院在线视频| 一卡二卡3卡四卡高清精品视频| 黄色另类av| 国产农村妇女毛片精品久久莱园子 | 欧美日本韩国一区二区三区| 久久精品1区| 亚洲视频综合| 夜夜嗨av一区二区三区网站四季av | 欧美一区二区高清|