國家氣象中心 — 智能網(wǎng)格預(yù)報應(yīng)用分析平臺V3.0
發(fā)表于：
01
項(xiàng)目背景
國家氣象局于我們公司近幾年一直保持合作關(guān)系，由于面對復(fù)雜氣象數(shù)據(jù)處理需求，以及國家氣象局對精細(xì)化預(yù)報、多模式對比分析的業(yè)務(wù)要求，構(gòu)建一套專業(yè)、易用的智能網(wǎng)格預(yù)報應(yīng)用分析平臺迫在眉睫。
我們分析用戶的關(guān)鍵業(yè)務(wù)場景：在氣象預(yù)報業(yè)務(wù)中，精準(zhǔn)、高效的網(wǎng)格預(yù)報分析是提升氣象服務(wù)質(zhì)量的關(guān)鍵。我們在也頁面功能架構(gòu)上進(jìn)行信息歸類區(qū)分層級，視覺上按信息層級重新劃分模塊，保證信息高校傳遞，交互精確引導(dǎo)，提升用戶體驗(yàn)。
02
項(xiàng)目概述
產(chǎn)品定位
打造氣象預(yù)報全流程智能分析中樞，覆蓋數(shù)據(jù)可視化、多模式對比、預(yù)報調(diào)整與決策支持。整合氣象大數(shù)據(jù)，實(shí)現(xiàn)從基礎(chǔ)網(wǎng)格預(yù)報展示，到國家級 / 省級指導(dǎo)預(yù)報協(xié)同，再到模式對比、國省對比的全鏈路業(yè)務(wù)支撐，成為氣象工作者日常分析、決策的核心工具 。
目標(biāo)用戶
需求精準(zhǔn)數(shù)據(jù)解析、多模式快速對比，依賴產(chǎn)品視圖、分時視圖及模式對比功能，高效開展預(yù)報分析的氣象預(yù)報員；關(guān)注國家級 / 省級預(yù)報協(xié)同、整體預(yù)報效能，通過概覽性數(shù)據(jù)（如地圖分布、預(yù)報時效列表）把控業(yè)務(wù)節(jié)奏的氣象業(yè)務(wù)管理者；
設(shè)計風(fēng)格
色彩以沉穩(wěn)深藍(lán)色為主色調(diào)（契合氣象行業(yè)屬性），搭配淺灰、白作為輔助色，保證界面莊重感； 布局采用模塊化設(shè)計，左側(cè)聚焦功能導(dǎo)航（產(chǎn)品視圖、預(yù)報時效等），中間突出地圖核心展示區(qū)，頂部聚合業(yè)務(wù)功能（多源實(shí)況、模式對比等），層級清晰、操作路徑短，讓用戶快速觸達(dá)關(guān)鍵功能 。
03
設(shè)計亮點(diǎn)與價值
布局清晰合理：
采用側(cè)邊欄+主視圖的經(jīng)典布局，左側(cè)分類收納功能（產(chǎn)品視圖、中國網(wǎng)格等模塊），層級分明，方便用戶快速定位；頂部導(dǎo)航整合多模塊（多源實(shí)況、數(shù)值預(yù)報等），信息聚合有序，操作路徑短。
預(yù)報分析閉環(huán)
全維度分析
數(shù)據(jù)可視化友好：地圖 + 色階圖例結(jié)合，直觀呈現(xiàn)氣象數(shù)據(jù)分布；多預(yù)報模式（國家級、省級等
）分屏對比，便于業(yè)務(wù)人員快速分析差異，輔助決策。
精準(zhǔn)定位
多模式對比
風(fēng)格適配場景：深色頂部導(dǎo)航 +
淺色地圖底版，既保證專業(yè)感，又讓數(shù)據(jù)展示清晰；整體色調(diào)沉穩(wěn)，契合氣象局內(nèi)網(wǎng)嚴(yán)謹(jǐn)、實(shí)用的業(yè)務(wù)屬性。
預(yù)報分析閉環(huán)
全維度分析
04
設(shè)計效果
設(shè)計前后對比
設(shè)計前后對比
界面布局
更聚焦核心任務(wù)，操作路徑更短
舊版
左側(cè)導(dǎo)航欄功能堆疊（產(chǎn)品視圖、中國網(wǎng)格等多層級展開），頂部功能區(qū)分散（數(shù)據(jù)源、區(qū)域選擇與預(yù)報對比等功能并列），界面元素多且雜，用戶需頻繁跳轉(zhuǎn)查找功能。
新版
簡化左側(cè)導(dǎo)航，突出「多模式對比」核心場景，將高頻功能（如降水量、氣溫分類）前置；頂部聚焦數(shù)據(jù)源與預(yù)報模型切換，地圖區(qū)占比更大。布局更貼合氣象分析 “看數(shù)據(jù)、比模式” 的核心流程，減少視覺干擾與操作步驟。
交互體驗(yàn)
功能關(guān)聯(lián)更緊密，效率顯著提升
舊版
預(yù)報對比、分屏展示等功能為獨(dú)立彈窗 / 菜單，與地圖、時間軸聯(lián)動弱，多任務(wù)操作時易 “斷檔”。
新版
將「國家級指導(dǎo)報 / 省級預(yù)報」與「多模式對比」深度整合，地圖區(qū)直接呈現(xiàn)雙模型（CMA - GFS/CMA - MESO）對比，時間軸與預(yù)報時效聯(lián)動更直觀。比如 3
小時降水量分析，可在同一視圖下快速切換模型、對比數(shù)據(jù)，交互閉環(huán)更完整，大幅提升分析效率。
功能呈現(xiàn)
數(shù)據(jù)可視化更精準(zhǔn)，業(yè)務(wù)價值強(qiáng)化
舊版
數(shù)據(jù)展示偏 “平鋪”（如全國網(wǎng)格預(yù)報僅作基礎(chǔ)呈現(xiàn)），多模式、多區(qū)域?qū)Ρ刃枋謩忧袚Q，難快速挖掘差異。
新版
聚焦「北京網(wǎng)格」等典型區(qū)域，強(qiáng)化模型對比可視化（雙模型同屏、時間標(biāo)簽對齊），降水?dāng)?shù)據(jù)（3
小時降水量）以更直觀的方式呈現(xiàn)差異。通過縮小分析范圍、突出關(guān)鍵模型對比，讓氣象預(yù)報員更快定位數(shù)據(jù)價值，輔助決策更高效。
視覺風(fēng)格
專業(yè)與簡潔平衡，信息層級更清晰
舊版
深色側(cè)邊欄與地圖區(qū)色彩對比度高，但功能區(qū)元素?fù)頂D，視覺層次模糊。
新版
采用淺色側(cè)邊欄 + 簡潔卡片式設(shè)計，地圖區(qū)邊界、模型標(biāo)簽更清晰，色彩搭配（如紅色時間標(biāo)簽、綠色數(shù)據(jù)圖例 ）既保留氣象行業(yè)專業(yè)感，又通過色彩區(qū)分強(qiáng)化信息層級，讓復(fù)雜數(shù)據(jù) “易讀性” 大幅提升。
