網站架構與規劃說明 – 雙軸線導覽
主題樂園的相關資訊或活動，會有很大的比例跟「地理定位」有關，如餐飲商店或特洛伊城堡可能有最新的表演節目、優惠方案或設施更新，除了在主網站的公告訊息區可看到全部的最新資訊外，應該還可以在使用者以「地圖導覽模式」查詢時，直接在該主題區看到這些訊息。
這即是「雙軸線」導覽的模式，也是常被提到的「多維網站架構」，適合應用於本案，僅需細部修正DISP 平台的上稿系統，即可達到本目的，規劃示意如下：
這即是「雙軸線」導覽的模式，也是常被提到的「多維網站架構」，適合應用於本案，僅需細部修正DISP 平台的上稿系統，即可達到本目的，規劃示意如下：
雙軸線導覽實作範例：從主題專區或導覽地圖，都可查詢到天旋地轉的資訊
功能元素 – 網站介面採駕駛艙模式設計
情境型的網站常因為營造氛圍的需求，需佔用到頁首的黃金區域，造成使用者閱讀網頁的不便。
對於這個兩難的情況，常用的解決方式是採用「駕駛艙操作模式」的介面設計，以互動「面版」的模式，避免使用者需拖拉網頁才能看到需要的資訊。
Element 功能元素 – 技術面解決方案
為了達到互動的效果，網頁常需要用到Flash 的RIA 技術，然而全Flash 的網站，無論在開發成本及後續擴充維護上，都需要投入很大的資源，並不實用，最新的常用解決方案為混搭技術的使用，採用Flash 與Ajax 等技術混搭設計，兼顧互動性及網頁維護上的靈活性。
瀏覽者情境的導入
進入網站前，先以Welcome 動畫，帶領瀏覽者穿越時光隧道，脫離現實生活，進入一個魔幻現實的新場域…..
操作介面功能設計說明
網站主導覽版面以3D空間的方式設計，引領網友進入一個脫離現實生活的情境與心情。明確切割為A、B、C、D 四區，如下圖所示。
A 區採用Widget 的面版模式設計信息公告面版，上稿者可自由選擇不同類型的面版，如CF播放、圖文式、純文字式…，並設定其內容，透過自動上下架的模式呈現於本區。本區具有「便利貼」的意象，使用者可自由拖拉、上下切換面版，放大檢視有興趣的訊息，兼具趣味性及實用性。
Widget 面版模式概念示意
B 區提供「主題切換」的功能，讓網站經營者可以在單一頁面中，容納多主題的內容。切換主題時，整個情境設計及公告內容也會隨之變換。一方面解決龐雜資訊歸類的問題，一方面增加使用者操作互動的樂趣。
切換到「夜世界」主題範例
C 區為World Map 互動式園區地圖導覽，於後詳述。
D 區提供「附屬功能/快速連結」的功能，舉例而言，可將下拉導覽列或是近期主推、常用的功能集中於本區。
以下為下拉導覽列範例：
D 區提供「附屬功能/快速連結」的功能，舉例而言，可將下拉導覽列或是近期主推、常用的功能集中於本區。
以下為下拉導覽列範例：
採用內視窗技術延伸內容呈現模式說明
對於一般性網站資訊的查詢，如園區資訊、最新公告…..，如果能以不換頁的模式呈現，一方面可將使用者維持在目前的情境，一方面也可節省主機頻寬資源及便利使用者閱讀（不需向下拖拉）。
目前最新且穩定的模式為採用內視窗技術達成以上的效益，其於本案的實作範例如下圖所示：
目前最新且穩定的模式為採用內視窗技術達成以上的效益，其於本案的實作範例如下圖所示：
World Map 設計理念說明
關於本網站的第二條導覽軸線World Map ，在介面及互動形式上，主要堅持直觀容易上手的原則，透過視覺化的操作介面，亦可以直接突顯園區各主題區的定位與特色，不會造成見樹不見林或見林不見樹的弊端，特別適用於主題樂園園區資訊的呈現。其實作畫面如下：
全區地圖式導覽
全區地圖式導覽
快速移動導覽視窗及縮放
預覽設施資訊/右方導覽列可快速分區查詢或用關鍵字查詢
點選特定設施後，以內視窗呈現詳細資訊
主題式的導覽動線實作
除了透過World Map 地圖式查詢外，本網站在動線設計上，也提供主題式的分類查詢，先以三大主題城區為分類，以不同的進場動畫及設計風格，帶領使用者進入該城區的氛圍，再於各城區以遊樂設施、餐飲商店、主題表演及最新消息四大分類，幫助瀏覽者清楚而快速掌握各區的詳細資訊。
網站實作畫面如下：
進場情境動畫：
網站實作畫面如下：
進場情境動畫：
各區主題首頁
遊樂設施分層查詢例
完成所有規畫後的結果，呈現在義大遊樂世界官方網站/http://www.edathemepark.com.tw
沒有留言:
張貼留言