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

深耕國土GIS領域 ,自然資源政務平臺交互及界面設計

深耕國土GIS領域 ,自然資源政務平臺交互及界面設計

圖標設計 | 交互設計 | 界面設計 | html開發

圖標設計 | 交互設計 | 界面設計 | html開發

云圖智造(北京)科技有限公司成立于2017年,總部位于北京中關村,是一家集地理信息數據、軟件、服務于一體的行業內領先的智慧云服務商,產品覆蓋政務云、不動產登記、房產、國土、規劃、測繪、自然資源等眾多領域,致力于為客戶提供全面、品質、專業的地理信息服務。

在界面設計開始之前,云圖的開發工作已經進行了一兩年,各項功能俱全,但是交互和用戶體驗不足,視覺也不盡人意。客戶是新疆克拉瑪依國土資源局,客戶可以說出使用不舒服的感覺,但無法提出應如何修改的建議。這是云圖智造第一次委托專業的設計公司,也非常謹慎,經過半年的選擇,最后確定與藍藍設計合作。

云圖克拉瑪依市自然資源政務平臺 產品定位

以軟件核心功能“自然資源領域辦公”為主,整合數據分析,資源規劃,公文辦理,人員管理等系統。形成”主核心功能為中心,多個功能為輔助“的辦公生態系統,提高資源審批流程運轉效率,實現各級各相關部門間的無縫銜接。

云圖克拉瑪依市自然資源政務平臺 目標用戶

目標用戶為自然資源領域相關從業人員,對相關業務熟悉,年齡分布較大,多在24~55歲之間。目標人群涵蓋城市及城鄉地區,對人機交互效率要求較高且使用頻率較高。主要進行辦公類操作,希望能夠便捷好用,易于理解。

云圖克拉瑪依市自然資源政務平臺 設計風格

人機交互方面,以簡單點擊交互為主,盡量避免復雜交互形式的出現;布局方面,以大間距和卡片式布局等主流布局為主,簡潔大方,突出主要信息。配色方面,主色采用配色自然資源行業傳統藍色,輔助色方面采用與克拉瑪依本地特色相呼應的橙色。

客戶給的原型

云圖克拉瑪依市自然資源政務平臺-原型

由于這個項目,客戶和項目經理在新疆,開發團隊在海口,設計公司在北京,當面溝通頭腦風暴條件不具備,于是我們換了一種方式:藍藍設計團隊使用上線的軟件進,之后給出交互建議,選擇了一些典型頁指出其中的不足,并放上類似頁面的設計作品,提出解決方式并做出ppt,開電話會議溝通,客戶和項目組認可后,進行設計工作。

在設計過程中客戶不再參與,只看結果。每一個流程和頁面由項目組講清需求,業務邏輯,藍藍設計提建議和思路,畫出原型,認可后視覺設計。

首頁設計了日常辦公和領導兩種角色頁面。經過內容梳理,原型的大部分內容空洞不必要,新設計增加了每天登錄最需要關注的業務處理:緊急.待辦.超期.月簽四種情況,并把公文和業務分開,每種類型重要的內容字體大號,色彩突出,輔助信息弱化。領導角色需要全局觀,增加了總全市重要數據和重要關注點信息。

頁面開發采用了Layui輕量級框架,簡單美觀。適用于開發后端模式,它在服務端頁面上有非常好的效果。頁面采用柵格布局適配1366-1920分辨率,適配主流的電腦屏幕,提升用戶閱讀的體驗。并且有三套換膚功能,用戶可以根據自己的喜好調整,便于后期維護。

其中導航部分采用三級導航,一級導航有多條不確定,在小屏幕的情況下采用收縮導航,隨著屏幕的遞減而相應的減少導航,二級導航采用固定向右的方式來完美適配小分辨下導航過多的情況。

圖表類采用Echarts開發,更加生動直觀的體現了每個模塊的變動。

定稿的首頁(領導角色頁面)

gis軟件界面設計

選址類型統計頁原型

云圖克拉瑪依市自然資源政務平臺-原型

此頁在和項目組溝通原型時,發現原型上列表下面總是空的,克拉瑪依一共就四個區,以后不會增加行數了,這個頁面顯的比較空。在和項目組溝通時,了解到這個頁面用戶關注的是:不同年份各區的單獨選址和多批次選址的項目數量,如果有地圖直觀看就更好了。所以在設計的時候,上面搜索改為直接進行年份選擇的時間線,右側加入了地圖,更加了簡單直觀。

在整個項目設計過程中,根據產品特點和設計需求結合業務場景,我們將頁面信息進行重新整合和視覺化提煉,力求以圖形化的語言,將頁面信息完整,生動展現出來。針對不同區域內容和信息屬性,我們進行圖文轉化,設計出不同的數據看板,同時簡化列表信息,優化信息排列、展示方式,在完整展示業務信息同時,豐富頁面層次,也避免了信息過多帶來的視覺壓力,提升用戶數據處理效率。

定稿的選址類型統計頁面

云圖克拉瑪依市自然資源政務平臺軟件界面設計gis軟件界面設計

在辦業務頁原型

云圖克拉瑪依市自然資源政務平臺-原型

統一的視覺語言是產品和UI設計中最重要額設計原則之一,全局化的設計是視覺統一的保證。藍藍設計在進行前期調研時發現,改版前的系統集成了較多功能,每種功能布局都不相同,這樣就會出現視覺語言的不統一。我們再后期的設計中,遵循“框架-布局-細節”的設計思路,將頁面功能重新梳理,提煉出全新的視覺語言和頁面布局,確保視覺的統一性。

目標人群和產品使用場景是決定產品設計的基礎性因素。我們在產品架構設計時,仔細研究目標用戶使用場景,模擬用戶操作過程中所有可能行為,精簡產品架構,優化頁面層級,合并頁面內容,創新頁面展示方式,運用大量的彈窗,toast提示等輕量化設計元素,力求將產品任意操作流程控制在4級頁面之內,減少冗余流程,提升頁面操作效率。

定稿的在辦業務頁面

在辦業務界面設計

UI培訓

在項目結束后,根據合同約定,準備了一次面對云圖全公司范圍的UI培訓,針對提出的問題一項項結合云圖的具體頁面,設計前后的對比,回溯了當時的研究、溝通和思考。當時沒有參與具體設計的其它研發人員和管理層由此也更清晰我們做了什么。總經理挺感動,覺得確實做了一些事情,通過外部UI咨詢公司的參與,把整個公司的UI認識和產品UI水準提升了。

UI培訓視頻講解

根據季節可換背景的登錄頁

云圖GIS界面設計
云圖克拉瑪依市自然資源政務平臺軟件界面設計

其它典型頁(總計設計40頁以內)

云圖克拉瑪依市自然資源政務平臺軟件界面設計
云圖GIS界面設計
云圖克拉瑪依市自然資源政務平臺軟件界面設計
云圖GIS界面設計

  返回

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

        • 亚洲高清一区二| 国产亚洲欧美日韩在线一区| 亚洲精品久久久久久久久| 免费视频亚洲| 另类天堂av| 最近中文字幕日韩精品| 亚洲国产一区在线观看| 日韩午夜激情| 亚洲欧美国产精品专区久久| 亚洲欧美综合精品久久成人| 久久成人综合视频| 欧美国产欧美综合| 国产精品v片在线观看不卡| 国产精品性做久久久久久| 韩国av一区二区| 亚洲激情亚洲| 亚洲欧美一区二区三区在线| 欧美一区二区三区在线观看| 欧美不卡激情三级在线观看| 国产精品国产三级国产普通话蜜臀| 国产小视频国产精品| 亚洲人永久免费| 久久成人免费网| 欧美激情一区在线观看| 亚洲欧美国内爽妇网| 女人香蕉久久**毛片精品| 国产精品美女一区二区| 亚洲精品免费在线播放| 久久国产精品99精品国产| 亚洲国产一区二区三区高清| 西西裸体人体做爰大胆久久久| 欧美xxx成人| 激情欧美一区二区三区在线观看| 亚洲一区自拍| 亚洲国产一二三| 久久青草福利网站| 国产视频一区免费看| 亚洲视频免费看| 亚洲黄网站黄| 免费成人在线观看视频| 国产一区二区主播在线| 久久亚洲免费| 欧美一区二区性| 欧美性猛交xxxx免费看久久久 | 欧美激情精品久久久久久黑人| 久久另类ts人妖一区二区| 亚洲天堂成人| 欧美日韩在线亚洲一区蜜芽| 亚洲精品影视| 亚洲国产精品一区二区三区| 久久亚洲欧美国产精品乐播| 韩国三级电影久久久久久| 欧美亚洲三级| 亚洲欧美在线aaa| 国产欧美一区二区精品性色| 欧美一级视频| 欧美亚洲综合久久| 国产亚洲人成a一在线v站| 午夜视频一区| 欧美一区二区在线播放| 国产欧美一区二区三区沐欲| 久久成人亚洲| 久久久久99| 亚洲欧洲在线看| 亚洲国产你懂的| 欧美日韩一区二区欧美激情| 亚洲一二三区在线| 亚洲一区二区三区四区五区午夜 | 欧美 日韩 国产精品免费观看| 久久精品国产免费看久久精品| 黑人一区二区| 欧美黑人在线观看| 欧美日韩一区二区三区视频| 午夜激情综合网| 欧美主播一区二区三区美女 久久精品人 | 国产欧美一区二区视频| 久久久www成人免费精品| 久久精品首页| 亚洲毛片一区| 亚洲欧美制服另类日韩| 韩日精品视频一区| 亚洲韩国日本中文字幕| 国产精品久久久久久久久久妞妞| 久久国产乱子精品免费女| 久久五月天婷婷| 亚洲视频中文字幕| 午夜一区不卡| 亚洲伦理中文字幕| 午夜精品福利视频| 亚洲国产精品久久精品怡红院 | 久久久99精品免费观看不卡| 国产精品免费一区二区三区观看| 欧美日韩精品免费| 久久精品国产在热久久| 麻豆视频一区二区| 亚洲永久精品国产| 欧美在线综合| 亚洲一区二区精品视频| 久久精品一区二区三区不卡牛牛 | 国产日产欧产精品推荐色| 欧美ed2k| 国产视频精品xxxx| 日韩视频在线一区| 国内久久精品视频| 99国产精品99久久久久久| 在线播放视频一区| 亚洲男人的天堂在线| 亚洲日本成人| 亚洲欧美清纯在线制服| 一本大道久久精品懂色aⅴ| 欧美怡红院视频| 亚洲欧美日韩系列| 欧美日韩精品一区| 亚洲国产成人精品久久| 韩日成人在线| 午夜精品国产| 午夜精品免费视频| 欧美伦理91| 亚洲国产精品ⅴa在线观看 | 99国产精品久久久久老师| 樱花yy私人影院亚洲| 午夜精品久久久久99热蜜桃导演| 一本一本a久久| 蜜臀久久99精品久久久画质超高清| 久久国产精品一区二区| 国产精品亚洲欧美| 亚洲综合第一| 亚洲欧美日本在线| 国产精品国色综合久久| 99视频一区二区| 亚洲午夜性刺激影院| 欧美日韩一区二| 一区二区黄色| 亚洲综合首页| 国产精品久久福利| 一区二区三区精品视频| 亚洲深夜av| 欧美日韩一视频区二区| 中文国产一区| 久久成人精品无人区| 黄色av成人| 久久免费视频网| 欧美激情网站在线观看| 亚洲欧洲日产国产网站| 欧美 日韩 国产精品免费观看| 亚洲高清av| 亚洲一区二区免费视频| 国产精品女人网站| 欧美在线网站| 欧美mv日韩mv国产网站app| 亚洲日本视频| 欧美日韩一二三区| 亚洲欧美激情四射在线日 | 香蕉久久夜色| 久久亚洲捆绑美女| 欧美黄色影院| 亚洲精品乱码久久久久久| 欧美黄色aa电影| 99成人免费视频| 欧美中在线观看| 在线日韩av片| 欧美日韩网站| 欧美自拍偷拍| 亚洲日本无吗高清不卡| 午夜电影亚洲| 亚洲激情网站免费观看| 国产精品久久久久9999吃药| 久久精品中文字幕一区二区三区| 亚洲国产高清自拍| 先锋影音久久| 亚洲精品久久久久| 国产区在线观看成人精品| 免费久久久一本精品久久区| 亚洲深夜福利| 欧美 日韩 国产精品免费观看| 中日韩午夜理伦电影免费| 国产揄拍国内精品对白| 欧美日韩午夜精品| 久久精品国产久精国产思思| 亚洲免费观看高清完整版在线观看熊 | 在线不卡免费欧美| 欧美激情精品久久久久久| 亚洲欧美日韩精品| 91久久精品国产91久久性色tv | 国产精品都在这里| 久久综合九色综合网站| 亚洲欧美另类久久久精品2019| 亚洲欧洲精品一区| 猛干欧美女孩| 久久本道综合色狠狠五月| 99在线热播精品免费| 玉米视频成人免费看| 国产欧美va欧美va香蕉在| 欧美日韩一区二区精品| 久久中文欧美| 久久国产精品毛片| 亚洲一区二区在线免费观看| 亚洲精品视频在线播放| 亚洲激情社区| 你懂的视频一区二区|