RAY3.0-國立故宮博物院網路線上報名系統

台北故宮

線上購票及導覽預約 系統流程優化 RAY 3.0 服務體驗設計 游宗晉 \ 詹曉容 \ 孫璿承 北宋 汝窯 青瓷蓮花式溫碗 高 10.3 、口徑 16x14.6 、底徑 8 公分 陶瓷

專案提要 來來來哩來故宮 公道價三百五！

本案擇以「國立故宮博物院」進行使用者體驗 (UX/UI) 的服務體驗進行優化。 經過初步的使用者訪談及團隊合議，考量故宮的 人員配置及需求後，提出一套「線上購票系統」 的流程優化，利用目前網站建置技術中主流的 「動態偵測」將導覽的功能融入購票流程中，並 逐各設計細項提供網站流程優化的建議。 本簡報將展示使用者訪談成果的收斂、系統建置 的架構圖、及高保真互動原型網站 (Prototype) 的亮點與最終呈現。

北宋 十二世紀 定窯 白瓷嬰兒枕 最高 18.5 、最長 27.7 、底 31x13 公分 陶瓷

定義專案範圍 國立故宮博物館網站首頁 (www.npm.gov.tw) 是一 般民眾最為熟悉的故宮北院網站。隨著故宮南院的 設立，故宮也計畫改善目前的電子票務流程。 從「線上預約導覽系統」開始著手，我們發現故宮 網站是由數個單獨的網站連結而成。目前的「線上 預約導覽系統」雖然功能十分完整，但是和主站及 購票之間的連結並不十分流暢。 在上個階段定義的關鍵問題中，我們決定提出一個 具體的服務體驗流程，提供給故宮參考，或許透過 這樣多方 ( 行政單位和見習的民眾 ) 的投入，能激 盪出更加便民耐用的訂票及預約導覽流程。

台北故宮 ( 主站 )

線上預約 導覽系統

外接服務 網站

架構限制 一個流暢的使用者體驗必須建構在 整體操作流程的順暢度。 在使用者訪談和網站體檢的過程 中，發現有一些現有架構上由於網 站之間的介接而流失的資訊，例： ● ●

線上購票時前往外站的提示會讓使 用者猶豫是否繼續前往下一頁 在首頁瀏覽語言 (?lang=en) 的變 數並沒有被帶入線上預約導覽系統

台北故宮首頁

普通參觀券線 上預約

您正離開本站 ？ 線上預約導覽系統 無語言切換只能用 中文報名

故宮網站搜尋 張大千 (Chang Daichien)

英文版頁面沒 有預約導覽的 連結

中英文說明同一頁 外籍人士無法識 讀、無法完成預約

？

網站架構改善

台北故宮 ( 主站 ) 外接 網站

線上預 約導覽 系統

台北故宮 首頁

民眾能更快 找到想要的 任務入口

查詢展覽 資訊

線上購票

動態偵測 ( 查詢剩餘導覽名額 )

網站架構改善

- 動態偵測說明

是否仍有 名額？

是

否

動態偵測 (Dynamic Detection) 是一種撰寫動態網站的技巧，只有 在 符合特定條件 時才會動態的彈出廣告資訊 ( 或內容 ) 。以此例 說明，若該特展尚有剩下的導覽名額，系統會掃取資料庫之後在 UI 上彈出一個橫幅按鈕詢問使用者是否願意加購數位導覽裝置。

服務體驗優化 第一階段使用者訪談 5 位 台灣散客 ｜ 中國自由行 ｜ 國際觀光客 ｜ 教育單位 ｜ 親子活動

關鍵問題整理與解決方案討論 製作低保真 Prototype

第二階段使用者訪談 3 位 台灣散客 ｜ 國際觀光客 ｜ 教育單位

彙整撰寫使用者訪問報告書 整理詳細數據、質性研究及設計建議

最終版解決方案 製作高保真 Prototype

最終版解決方案

高保真原型網站 High-fidelity Prototype: https://invis.io/QJT21UP27R5#/374674482_npm_Home

展覽分類

以為是特展

標準展與特展

Questions? 問題討論

清 青花釉裡紅煙壺 長 8.7 公分 陶瓷

各位長官 ~ 歡迎提問，我盡 量答！