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