<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 杭州市公安局槍械物聯(lián)智控平臺UI設計

    杭州市公安局槍械物聯(lián)智控平臺UI設計

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

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

    杭州市公安局槍械物聯(lián)智控平臺是管理全市公安系統(tǒng)配槍人員槍支狀態(tài),人員狀態(tài)的系統(tǒng),根據(jù)對槍械基礎數(shù)據(jù)的掌握和實時動態(tài)的告警分析,從而在管理層面做到 掌握數(shù)據(jù)-發(fā)現(xiàn)問題-分析問題-解決問題 的目的和效果。未來,槍械物聯(lián)智控平臺將接入杭州城市大腦平臺,為完善杭州數(shù)字化城市建設保駕護航。

    藍藍此次負責項目的界面布局優(yōu)化,視覺設計,h交互優(yōu)化he html 切圖工作。通過和客戶溝通及原型梳理,我們把頁面分為槍支庫存板塊,槍支實時動態(tài)數(shù)據(jù)板塊,槍支位置地圖板塊,管理數(shù)據(jù)緯度板塊。每個板塊均可以衍生二級彈出頁面。按照確定的交互方式,設計每個步驟的界面。

    產(chǎn)品定位

    杭州市公安局槍械物聯(lián)智控平臺集合數(shù)據(jù)展示,人員定位,報警預警,數(shù)據(jù)統(tǒng)計,實時態(tài)勢感知等功能,按照機構分為“市局”“分局”“派出所”三級,三級組織界面通用,根據(jù)權限不同,展示不同內(nèi)容。本平臺既支持數(shù)據(jù)總覽,也支持數(shù)據(jù)分級展示詳情,滿足夸級別的數(shù)據(jù)查看及管理需求。

    目標用戶

    目標用戶為各級公安機構指揮調(diào)度人員,和部分決策人員。年齡主要分布于20-40歲之間,也有部分年齡較大的領導人員。辦公場景相對固定,多在室內(nèi)且大部分情況下投屏于大屏展示。由于公安行業(yè)的特性,大屏需要保證全天24小時不同光線情況下清晰展示信息,對頁面整體對比度和配色舒適度要求較高。

    設計風格

    視覺方面使用大屏常用的深色背景,主色采用藍色配色,通過整體排版,元素的設計,來凸顯科技感。頁面布局方面,采用模塊化布局,不同信息類型塊使用不同的顏色,便于區(qū)分信息類別;扁平化的視覺元素+無框式的設計,最大程度地減少頁面元素的干擾,提升頁面內(nèi)容承載量。

    杭州市公安局槍械物聯(lián)智控平臺UI設計

    從業(yè)務訴求出發(fā),深入洞察核心功能,重塑頁面功能布局

    在平臺設計前期,我們通過訪談形式了解到當前產(chǎn)品存在的問題主要是:產(chǎn)品邏輯布局混亂,操作區(qū)域與數(shù)據(jù)展示區(qū)域發(fā)生重疊,交互邏輯不清晰,數(shù)據(jù)展示方式單一,難以快速定位獲取關心的數(shù)據(jù)。針對以上問題,我們從「產(chǎn)品為誰設計」「用戶在哪里使用平臺」「用戶怎么使用平臺」「用戶多久用一次」「用戶為什么關心這些數(shù)據(jù)」等維度深入研究所思考,將產(chǎn)品需求和用戶心理分析透徹,形成完整立體的用戶畫像,爭取為用戶設計出操作更人性化、視覺效果更好的界面。

    杭州市公安局槍械物聯(lián)智控平臺UI設計
    杭州市公安局槍械物聯(lián)智控平臺UI設計 杭州市公安局槍械物聯(lián)智控平臺UI設計

    聚焦核心數(shù)據(jù),優(yōu)化信息顯示層級,打造敏捷高效的人機交互閉環(huán)

    聚焦核心數(shù)據(jù),優(yōu)化信息顯示層級,打造敏捷高效的人機交互閉環(huán)

    此外,在地圖上我們采用了浮動式的彈出框,即點即看;彈窗內(nèi)亦支持擴展,保證信息層級的清晰和交互過程的流暢。

    通過分層分步驟展示信息的方式,不僅簡化數(shù)據(jù)的呈現(xiàn),還豐富了頁面層級,形成立體化的人機交互閉環(huán)。

    充分運用大小、虛實、對比等視覺理論,達到視覺與功能的完美結(jié)合

    工作人員在觀看大屏數(shù)據(jù)時難免需要面對很多冗余的數(shù)據(jù),如何讓用戶在眾多數(shù)據(jù)中迅速找到當前工作中最需要的數(shù)據(jù)、迅速鎖定焦點、提高工作效率,是我們設計師所要思考解決的問題。

    藍藍設計在經(jīng)過用戶調(diào)研和交互梳理后,把“槍支數(shù)據(jù)”等基礎數(shù)據(jù)以卡片樣式放置在頁面中部頂端;通過圖文結(jié)合,大小對比,虛實對比等視覺表現(xiàn)手法讓界面信息主次分明,焦點突出,比例協(xié)調(diào),滿足人眼閱讀習慣和業(yè)務數(shù)據(jù)的展示需求。

    杭州市公安局槍械物聯(lián)智控平臺UI設計
    杭州市公安局槍械物聯(lián)智控平臺UI設計

    結(jié)合具體使用場景,提供人性化解決方案

    雖然用戶使用的是統(tǒng)一的數(shù)據(jù)平臺,但不同部門,角色之間關心的數(shù)據(jù)獲取,展示也存在一定差別。如果使用一致界面布局,雖然可以滿足用戶獲取數(shù)據(jù)的需求,但用戶獲取關鍵數(shù)據(jù)效率必然會下降,時間也會更長,這與我們當初強調(diào)高效地信息展示原則相悖,因此我們針對不同角色提供不同的布局方案,將數(shù)據(jù)展示等核心功能結(jié)合不同部門具體訴求,提供專門的視覺交互解決方案:

    平臺用戶分為三個等級,分布為市公安局,市分局和派出所,三者為從屬關系,前兩者數(shù)據(jù)信息一致,派出所則沒有“訓練槍支實時數(shù)據(jù)”,且屏幕尺寸也和前兩者有有所區(qū)別,我們針對派出所主屏單獨進行適配和信息顯示優(yōu)化,保證派出所用戶獲取信息同樣高效流暢。

      返回

    主站蜘蛛池模板: 久热精品视频第一页| 99精品无人区乱码在线观看| 国产精品亚洲A∨天堂不卡| 精品欧美一区二区在线看片| 69堂国产成人精品视频不卡| 在线精品国产一区二区三区| 国产精品秘入口福利姬网站| 国产精品夜色一区二区三区| 亚洲∧v久久久无码精品| 精品水蜜桃久久久久久久| 国产精品臀控福利在线观看| 久久精品中文闷骚内射| 亚洲综合国产精品第一页| 久久精品无码一区二区三区日韩 | 欧美日韩在线亚洲国产精品| 精品视频一区二区三三区四区| 日韩一区二区三区精品| 国内精品久久久久久久影视麻豆| 四虎在线精品视频一二区| 国产成人精品久久二区二区| 国产精品丝袜黑色高跟鞋| 久久久久久国产精品无码超碰| 亚洲欧美精品丝袜一区二区| 亚洲精品欧美二区三区中文字幕 | 精品露脸国产偷人在视频| 国产成人精品久久亚洲高清不卡| 老司机69精品成免费视频| 久久99国产综合精品女同| 国产亚洲曝欧美不卡精品| 亚洲精品乱码久久久久66| 国产精品免费观看视频| 亚洲欧洲国产日韩精品| 精品久久一区二区三区| 国产精品嫩草视频永久网址| 国产一区二区三区久久精品| 精品久久久久久久| 久久精品国产影库免费看| 免费精品99久久国产综合精品| 午夜精品视频在线观看| 国产精品九九九| 精品无码国产自产拍在线观看蜜|