冬奧智能氣象APP設(shè)計案例/氣象行業(yè)UI界面設(shè)計/蘭亭妙微

2024-8-19    藍藍設(shè)計的小編

 

北京市氣象局冬奧智慧氣象項目由北京文澤智遠信息技術(shù)有限公司開發(fā),藍藍設(shè)計負責 UI設(shè)計部分。本項目歷時二年,經(jīng)歷無數(shù)修改及設(shè)計開發(fā)完畢后的推倒重來,在冬奧氣象專家的指導下,結(jié)合了國際賽事運動員和專業(yè)人士的習慣,設(shè)計出符合其產(chǎn)品特性的人性化界面。

冬奧智慧氣象 APP 是專門面向國內(nèi)外 IOC(國際奧委會)官員、冬奧會的組織與管理者、運動員與教練員以及關(guān)注冬奧會比賽進程的公眾用戶,通過該 APP 向國內(nèi)、國外用戶提供權(quán)威、準確、及時的官方氣象服務(wù)信息,并作為冬奧會官方氣象服務(wù)網(wǎng)站的有力補充,通過智能手機向用戶提供優(yōu)質(zhì)的冬奧氣象服務(wù)。該 APP 以冬奧比賽場地的預報、實況和預警的氣象服務(wù)為設(shè)計重點,面向不同用戶的天氣需求進行定制化開發(fā)。開發(fā)原則上以服務(wù)用戶為主,創(chuàng)新設(shè)計服務(wù)流程和服務(wù)模式,讓國內(nèi)外用戶能夠體驗到冬奧氣象服務(wù)的實用和貼心,并具有一定的科技感和獲得感。

移動端界面將主要的板塊內(nèi)容置于進入主頁最上面是,“搜索”“收藏”“個人中心”幾個功能,搜索可通過關(guān)鍵字查看場館或賽事,擊收藏可進入收藏頁面可以收藏場館,賽事,還可以給收藏的場館或賽事設(shè)置個性化的消息推送;點擊個人中心可進入到個人中心頁面

頁面右側(cè)是幾個氣象要素和交通的切換按鈕,通過切換不同的功能地圖會隨之變化,同時為了更方便查看地圖,切換按鈕在不需要時可以收起來。

進入主屏默認展示的是三大賽區(qū)的名稱以及溫度,當點擊某個賽區(qū)后可直接切換到該賽區(qū)。當切換到“張家口賽區(qū)“和”延慶賽區(qū)”時,頁面會展示每個站點,如右圖所示。

時間軸模塊,時間軸分為實況和預報兩部分,左右滑動時間軸,地圖實況會隨之有相應的變化。時間軸左側(cè)還有一個播放按鈕,當點擊播放時按鈕時時間軸便會自動播放。時間軸下面是地圖的圖例。

實況模塊,當用戶在京津冀地區(qū)時,進入主頁便會顯示當前位置的的實況信息,當用戶不在時便會顯示為“北京賽區(qū)”的實況信息。點擊地點名稱旁邊的小箭頭,可以切換到其它賽區(qū)或者站點的實況天氣。實時信息往上滑動便可以查看更多的氣象要素信息,如下圖。

時間軸和實況信息滑倒頂部的效果。

當在首頁選中多個站點時,詳情頁會將多個站點的氣象信息以折疊的方式同時展示。首先展示的是以天為單位的氣象信息。通過滑動上方的時間軸這里也會發(fā)生相對應的變化。。

時間的切換,通過“1分鐘”“10分鐘”和“小時”的切換可以展示不同層級的氣象信息。

圖形和列表展示形式的切換。列表的展示形式如右圖所示。

溫度、天氣現(xiàn)象和降水量的展示。

單個氣象要素收起的展示樣例。

氣壓、能見度的展示。相同單位的要素在一個模內(nèi)展示,可以更好的節(jié)省空間,方便用戶操作,同時可以進行兩個要素的對比。

站點收起的樣例。

天氣綜述模塊,天氣綜述只要是展示近段時內(nèi)總體的一個天氣情況,可以給將要來參賽或者觀賽人員的一個友好告知,做好相對應的準備。

 

 

下面是過程中的一些首頁版本。

更多資料,請移步至這里觀看。

 

藍藍設(shè)計(m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

 

 

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔