隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，信息查詢變得更加便捷，給人們出行帶來了更大的便利。像是車站、旅游景點(diǎn)、大型線下活動(dòng)的場景中，主辦方或是管理方都會(huì)借助H5來整合地圖、周邊以及相關(guān)的欄目信息，便于用戶查閱。下面，藍(lán)橙互動(dòng)就以大運(yùn)會(huì)為例，為大家分享一下會(huì)場信息查詢H5該怎么做。

一、功能模塊

會(huì)場信息查詢H5中需要哪些功能模塊，要結(jié)合大運(yùn)會(huì)參賽者以及觀眾來決定，除了全局的關(guān)鍵詞搜索和多語言轉(zhuǎn)換功能之外，通常會(huì)按運(yùn)動(dòng)項(xiàng)目、時(shí)間以及所在區(qū)域三個(gè)維度向用戶提供信息查詢功能：

1、運(yùn)動(dòng)項(xiàng)目

顧名思義，這是按大運(yùn)會(huì)中不同的運(yùn)動(dòng)項(xiàng)目歸納分類信息，例如開閉幕式、田徑、游泳、籃球、排球等等，讓用戶可直接搜尋自己感興趣的項(xiàng)目。用戶選擇所需的項(xiàng)目即可獲取相關(guān)信息，包括場館名稱、場館功能（比賽、熱身、訓(xùn)練）、所在地點(diǎn)、交通距離和比賽時(shí)間等。

2、時(shí)間

時(shí)間是按比賽日的不同進(jìn)行分類，按時(shí)間順序?qū)拈_幕式到閉幕式以及期間的比賽項(xiàng)目進(jìn)行分類。用戶點(diǎn)擊后將展示當(dāng)天的比賽項(xiàng)目，選擇后即可了解該項(xiàng)目當(dāng)天的比賽場館、所在地點(diǎn)、交通距離以及比賽時(shí)間。

3、所在區(qū)域

區(qū)域則是以地區(qū)進(jìn)行劃分，例如成都大運(yùn)會(huì)中即可按成都的地區(qū)劃分：龍泉驛區(qū)、金牛區(qū)、武侯區(qū)、青羊區(qū)、高新區(qū)等等進(jìn)行分類，方便用戶查詢出行方便的目的地。用戶選擇區(qū)域后，會(huì)以場館進(jìn)行分類，點(diǎn)擊不同的場館可了解比賽項(xiàng)目、比賽時(shí)間、場館功能（比賽、熱身、訓(xùn)練）、所在地點(diǎn)和交通距離。

二、H5頁面設(shè)計(jì)

從功能上說，這個(gè)H5的主要功能為圖文信息展示，屬于工具型H5，因此H5頁面設(shè)計(jì)也要趨向于扁平，頁面簡單整潔，再輔以一些大運(yùn)會(huì)相關(guān)的裝飾元素即可。H5中文字信息的字體不宜超過三種，標(biāo)題可選用優(yōu)雅的襯線字體，方便閱讀，較長的介紹信息則采用非襯線字體，讓用戶能快速識(shí)別文字內(nèi)容，盡可能地提升用戶的閱讀體驗(yàn)。

三、功能完善

根據(jù)上述功能模塊以及頁面設(shè)計(jì)進(jìn)行H5制作，足以打造出一個(gè)易用的純工具型大運(yùn)會(huì)信息查詢H5，但在此基礎(chǔ)上增添一些用戶互動(dòng)功能，還能吸引更多用戶使用。例如針對(duì)比賽或場館設(shè)立評(píng)論和投票功能，用戶觀看比賽或是瀏覽場館時(shí)，可在評(píng)論區(qū)留言，與不相熟的同行者互動(dòng)交流，比賽過程中，還可為自己喜歡的選手進(jìn)行投票，并實(shí)時(shí)展現(xiàn)雙方的支持率，為比賽增添看頭等。信息展示時(shí)也可針對(duì)場館周邊（美食、交通、旅店等）進(jìn)行引導(dǎo)介紹，方便用戶做出行準(zhǔn)備。

以上就是本次為大家分享的大運(yùn)會(huì)會(huì)場引導(dǎo)H5設(shè)計(jì)方案，作為一個(gè)中長期的工具型H5，H5是以信息展示為主，功能開發(fā)的技術(shù)要求不高，制作時(shí)需要更注重于H5頁面的設(shè)計(jì)，做到好看、耐看，這樣才能讓人樂意使用。