嫩草影院久久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>

        • 亚洲精品国产精品国自产观看浪潮| 亚洲精品国产精品国自产在线| 亚洲人成网站色ww在线| 性欧美大战久久久久久久久| 久久婷婷麻豆| 亚洲精品一区二区三区四区高清| 在线成人小视频| 欧美激情日韩| 欧美一区二区成人| 亚洲国产精品成人| 亚洲欧美一区二区三区在线| 国产精品老牛| 鲁大师成人一区二区三区| 99视频精品在线| 欧美高清在线一区| 先锋影音久久| 在线视频一区二区| 精品av久久久久电影| 欧美午夜理伦三级在线观看| 美女啪啪无遮挡免费久久网站| 噜噜噜91成人网| 欧美亚男人的天堂| 有坂深雪在线一区| 亚洲色诱最新| 99国产麻豆精品| 91久久精品一区二区三区| 亚洲一区二区三区久久 | 亚洲国产天堂久久综合网| 99国产成+人+综合+亚洲欧美| 午夜日韩福利| 欧美日韩一二三四五区| 麻豆精品传媒视频| 国产精品日韩在线观看| 欧美人与性动交a欧美精品| 美女网站在线免费欧美精品| 国产精品久久久久77777| 欧美日韩精品综合在线| 欧美大片免费观看在线观看网站推荐| 午夜精品美女自拍福到在线 | 亚洲日本成人| 欧美激情1区| 狂野欧美激情性xxxx欧美| 亚洲欧美视频一区| 欧美国产日韩在线| 欧美在线91| 久久精品国产亚洲一区二区| 亚洲视频综合| 亚洲性视频网址| 欧美成人久久| 精品不卡一区二区三区| 先锋影音网一区二区| 亚洲伦理网站| 亚洲私人影吧| 欧美日韩少妇| 在线亚洲激情| 亚洲最快最全在线视频| 欧美精品网站| 永久555www成人免费| 亚洲午夜在线观看| 免费在线成人av| 美女脱光内衣内裤视频久久影院 | 亚洲国产日韩欧美在线动漫| 国产嫩草一区二区三区在线观看 | 亚洲免费在线电影| 亚洲日韩欧美视频| 久久精品国产99精品国产亚洲性色| 一区二区激情小说| 亚洲国产综合在线| 欧美久久久久久| 一区二区三区欧美亚洲| 一本久道综合久久精品| 欧美一区亚洲二区| 黄色日韩网站视频| 亚洲午夜av在线| 亚洲少妇最新在线视频| 久久精品91| 欧美视频在线视频| 伊人久久成人| 亚洲国产cao| 午夜视频久久久久久| 国内视频一区| 亚洲欧美日韩在线不卡| 欧美一级理论性理论a| 国产在线乱码一区二区三区| 亚洲一区二区三| 免费观看久久久4p| 国产伦精品一区二区三区在线观看 | 免费观看30秒视频久久| 毛片av中文字幕一区二区| 亚洲人成网在线播放| 亚洲最新视频在线| 国内成+人亚洲+欧美+综合在线| 男女精品视频| 欧美一区二区黄色| 最新亚洲一区| 亚洲午夜国产成人av电影男同| 国产一区二区三区最好精华液| 亚洲一区二区免费视频| 欧美一级专区免费大片| 亚洲免费观看在线视频| 欧美国产视频一区二区| 欧美吻胸吃奶大尺度电影| 久久亚洲精选| 国产精品成人一区二区艾草| 蜜臀av一级做a爰片久久| 欧美三级在线视频| 女人天堂亚洲aⅴ在线观看| 国产精品久久久久久久久久久久久久| 久久久久久久久久码影片| 亚洲一区二区三区免费观看 | 久久精品国产69国产精品亚洲| 欧美大片免费观看| 麻豆精品网站| 国产伦精品一区二区三区免费| 亚洲国产日韩欧美| 国产真实乱偷精品视频免| 99精品久久免费看蜜臀剧情介绍| 国产自产2019最新不卡| 亚洲无毛电影| 亚洲视频你懂的| 欧美激情亚洲国产| 欧美大秀在线观看| 狠狠色伊人亚洲综合网站色| 国产精品99久久久久久久女警| 日韩视频在线观看一区二区| 久久免费少妇高潮久久精品99| 黄色小说综合网站| 亚洲欧美日韩人成在线播放| 中文av字幕一区| 欧美激情精品久久久久久蜜臀 | 欧美激情亚洲视频| 精品成人一区| 久久五月天婷婷| 蜜臀a∨国产成人精品| 国产一区二区三区在线观看免费| 亚洲欧美中文日韩在线| 欧美一级专区免费大片| 久久婷婷亚洲| 欧美成人精品在线视频| 精品av久久久久电影| 久久九九99| 免费欧美高清视频| 亚洲国产日韩精品| 一本色道久久综合精品竹菊| 午夜视频久久久久久| 欧美激情一二区| 亚洲人人精品| 亚洲在线播放| 久久久亚洲综合| 亚洲午夜激情网页| 欧美午夜不卡在线观看免费| 亚洲一品av免费观看| 午夜影院日韩| 狠狠色综合色区| 欧美不卡一区| 亚洲一区bb| 美女视频一区免费观看| 一本一本大道香蕉久在线精品| 国产精品va在线播放| 欧美一区二区精美| 欧美搞黄网站| 亚洲影音一区| 一区视频在线| 欧美日韩精品在线视频| 欧美亚洲免费电影| 亚洲高清影视| 欧美一级一区| 91久久久一线二线三线品牌| 欧美日韩一区在线观看| 欧美一级免费视频| 亚洲国产一区二区视频| 亚洲欧美在线免费观看| 在线色欧美三级视频| 性久久久久久久| 欧美激情一区二区三区四区| 亚洲在线中文字幕| 亚洲电影免费观看高清完整版在线观看| 欧美成人精品一区二区| 午夜精品久久久久久久久| 亚洲国产视频直播| 久久久久久婷| 国产综合欧美| 国产精品a久久久久久| 久久漫画官网| 亚洲视频网站在线观看| 亚洲第一精品久久忘忧草社区| 小嫩嫩精品导航| 亚洲精品乱码久久久久久黑人| 国产日韩欧美中文| 亚洲欧美精品在线| 欧美一区二区三区四区在线观看 | 亚洲女女做受ⅹxx高潮| 91久久在线播放| 激情国产一区二区| 国产日韩在线一区| 国产精品久久久久久亚洲毛片| 欧美精品一区在线发布| 麻豆91精品| 久久夜色精品国产亚洲aⅴ| 香蕉国产精品偷在线观看不卡|