跳到主要內容區塊

政府網站營運交流平台-中文

網路趨勢與社群應用分享

故事地圖

本文來介紹一下Story Map,從字面上看來可直覺譯為故事地圖,這個主題之前就想分享,直到最近有人詢問某個主題在地圖上呈現如何無障礙使用的問題時,再次勾起記憶。先到所來詢問的網站看看,可以發現它僅將資料呈現在地圖上的需求做出來,這點幾乎是國內政府網站的共通點,並未考慮使用者會如何使用它,也就是沒有考慮到使用者經驗這一部分。既然是共通點,這裡就不提供連結網址或畫面,透過文字描述,大家用點想像力。首先進入所提的頁面,是一個佔據很大版面的臺灣地圖,一眼看到的是地圖上顯示縣市名稱還加上當地今天天氣的圖示(這好像不是該網站要呈現的重點),然後再注意到地圖上比較不常見、像是象徵建築或機構的圖示,應該是標示這個網站所要呈現資訊的位置,點進去果然是如此,出現資訊內容的標題,然後有項目可以再點選,再次點進去後,就離開這個地圖而到達內容頁面,再找到資訊內容的過程之中,網站並沒有提供太多的資訊,然而這樣的內容到底有幾個、範圍多大、完整的資訊在哪,讓人摸不著頭緒!好了,就先探索到此,注意到了沒,這裡用"探索",如果這是一個讓人玩探索的遊戲,那~它做到了!

這裡還是再回來回答無障礙使用的問題,網站無障礙規範分成可感知、可操作、可理解及穩健性等4大原則,這種地圖類型的應用要能無障礙使用,最基本的大部分集中在可感知、可操作的設計考量上,也就是最簡單的來說要能使用鍵盤操作,以及非文字內容具有傳達相等意義的替代文字,如此,基本上任何使用者皆能順利操作。不過這裡有一個很重要的問題需要仔細思考,也就是這樣的資訊傳達能不能讓看的人理解,這就進入可理解的原則部分,不過網站無障礙規範就沒有規定能理解的資訊要多麼完整,因為它無法得知怎樣的程度稱為完整,而這部分是內容提供者應該要注意的事情,規範所能及的也僅止於針對其所提供出來的內容,提供無障礙設計的指引。

為什麼一開始要提故事地圖的概念呢,原因是可以用它來處理上述所遇到的問題,這裡有許多應用故事地圖的案例,包含各種應用的主題、產業別。故事地圖顧名思義可理解為從講故事的角度對應到地圖的呈現,而不是從地圖的角度去探索故事,雖然說是地圖,但其實它也可以是照片、圖片、文件等媒體。想想一個故事的形式是否讓人能更容易理解、是否更能生動的呈現、是否更容易讓人按照故事流程操作地圖呢,一般人不論男女老少大都喜歡聽故事,甚至會沈浸在故事之中,並且殷切期盼進入下個故事篇章,這點應該是肯定的。

故事地圖示意

在故事流層面處理好之後,無障礙使用主要處理非文字內容的替代文字、鍵盤導覽操作,以及標題語意的處理如H1-H6,Esri提供Story Map應用模組,針對無障礙操作部分提供細緻的處理,很值得參考的應用案例。使用故事地圖來傳遞政府機關想與民眾溝通的資訊內容,不僅內容可被有架構、有系統地組織起來,資訊內容傳達可更完整清楚,操作上也比較生動有趣,讓民眾更容易看得懂,同時符合無障礙使用,可謂一舉多得。