產(chǎn)品定位

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

目標用戶

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

設(shè)計風(fēng)格

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

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

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

聚焦核心數(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ù)、迅速鎖定焦點、提高工作效率，是我們設(shè)計師所要思考解決的問題。

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

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

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

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