<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 深耕國土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界面設計

      返回

    主站蜘蛛池模板: 久久久久久亚洲精品不卡| 婷婷五月深深久久精品| 99re6在线精品免费观看| 国产精品水嫩水嫩| 国内精品久久久久影院网站| 日韩一级精品视频在线观看| 久久er国产精品免费观看2| 精品午夜国产人人福利| 亚洲精品无码久久久久sm| 91午夜精品亚洲一区二区三区| 男人的天堂精品国产一区| 精品久久久久久中文字幕| 精品欧美小视频在线观看| 华人在线精品免费观看| 亚洲精品一级无码中文字幕| 秋霞午夜鲁丝片午夜精品久| 亚洲精品人成无码中文毛片| 97精品一区二区视频在线观看| 久久久久久亚洲精品无码| 国产VA免费精品高清在线| 69国产成人综合久久精品| 久久精品亚洲男人的天堂| 93精91精品国产综合久久香蕉| 国产中老年妇女精品| 四虎国产精品永久在线无码| 99久久伊人精品综合观看| 国产精品无码一区二区在线观一| 久久99精品国产麻豆| Xx性欧美肥妇精品久久久久久 | 亚洲AV蜜桃永久无码精品| 国产亚洲色婷婷久久99精品| 久久亚洲AV永久无码精品| 国产精品久久永久免费| 久久久免费精品re6| 精品久久久久久无码人妻热| 久久九九有精品国产23百花影院| 日韩精品乱码AV一区二区| 亚洲Av无码精品色午夜| 亚洲国产综合精品中文字幕| 久久久精品无码专区不卡| 久久国产精品偷99|