資結期中報告主題提案
形式:
1.什麼網站+連結
2.它可以改變什麼
一、東京觀光官方網站http://www.gotokyo.org/tc/index.html
1.組織
優點
主題概念不致偏題,因此如果瀏覽者想要找尋特定方向的資訊,循
著其預設的分類可以取得所需
缺點
資訊相當地多,但區塊的分類與編排感覺有些混亂,版面亦然。
2.標籤
優點
-->字體大小、語言、色彩容許瀏覽者部分自訂
-->曾經點過的選項會變色提示(不一定每個區塊的選項皆如此)
-->適度的超連結
-->文意清晰
-->提供site map使用
缺點
-->文字型或圖像型的標籤沒有區分明顯,因此顯得版面雜亂,彷彿文字鑲在
圖片海中。
-->字體採用最簡易的新細明體,雖然配色想要呈現設計感,兩者同時陳現顯得有些半成品的感覺(雖然資訊量完全不是半成品)
-->標籤的頁面轉換設計並不統一
3.導覽
優點
-->導覽列相當清楚、顏色區分
-->下拉清單呈現的資訊完整
-->導覽分列族群選擇
缺點
-->分群導覽的標籤並不是相當明顯
-->導覽列本身可點選這件事並不是很明顯;導覽列區塊有些可以下拉清單、有些則否,造成體感上的不協調。
-->雖然有導覽的層級路徑,但並不是很顯著
4.搜尋
優點
-->一般頁面有兩個搜尋區塊,其中一個是Google站內搜尋、另一者是觀光景點搜尋(這類還可以自訂搜尋範圍);進入區塊節慶活動,還會依照特色另開一個搜尋。
-->觀光景點搜尋區塊相當詳細確實。
缺點
-->兩種搜尋的擺放位置差太遠,尤其後者如果不向下捲動頁面,容易沒有發現。
二、交通部觀光局 http://www.taiwan.net.tw/
→組織
缺點:
-每一區塊的版面都拉太長了,無法剛進首頁就知道有什麼東西
-首頁過長,且還沒有top按鈕,滑得有點累
→label
優點:
-字夠大,不會看得很吃力
-mouseover時會變色
缺點:
-icon和中文無明顯關聯(oh bear、無障礙旅行、樂活旅行、銀髮族)
-點擊超連結後不會變色,而且不會跳出新視窗(在原視窗轉換)
-子項目並不會呈現在頁面左邊
-相關網站這個label只有在網站導覽裡面會出現
→搜尋
優點:
-有提示詞
-icon清楚明瞭
-全文檢索
-有熱門關鍵字
缺點:
-搜尋結果頁面有點醜
→導覽
優點:
-有building context
-按連結會自動在新視窗顯示
缺點:
-網站logo不明顯
-沒有local navigation
-分頁中沒有navigation menus
-按過的連結不會用不同顏色顯示
三、韓國觀光公社 http://big5chinese.visitkorea.or.kr/cht/index.kto
→組織
優點:
-各區塊標示明顯
缺點:
-排版有點過於單調
-圖片跑馬燈的地方過小
→label
優點:
-點進分頁後會有label列在左邊
- mouseover時會變色
缺點:
-反白不會消失,一直存在
-點擊label後會有黃色框框,不美觀
-點進子標題後得更小標題排列方式不好看
→搜尋
優點:
-搜尋結果依子標題分類
-搜尋框簡單明瞭
-有提示字詞
-全文檢索
→導覽
優點:
-有local navigation
-會把所在位置變成粗體
-相關連結會自動跑出新視窗
缺點:
-子標題和更小的標題區分不明顯,一起列出來過長
-沒有building context
-不會用不同顏色顯示已點擊過的連結
四、日本政府觀光局 http://www.welcome2japan.tw/
→label
優點:
- mouseover時會變色
缺點:
-東瀛魅力的標題可能容易讓人不知道是指什麼
-label需要點了之後才會呈現有什麼東西,且要再按一次才會收回來
→搜尋
優點:
-利用google的自訂搜尋
缺點:
-網站內搜尋得字不會自動消失
→組織
優點:
-首頁跑馬燈部分大小剛好
缺點:
-兩旁資訊過多,有點眼花撩亂
→導覽
優點:
-點擊超連結會開新視窗
-網站標題清楚明顯呈現
-有building context
-有local navigation
-頁面最底下有可以返回最上面的按鈕
缺點:
-沒有網站地圖
-無法回上一頁
五、中國旅遊之最-中國大陸旅遊資訊網http://tourismofmost.com/index.html
→優點:這個網站很不錯,資訊相當豐富,而且首頁的圖片有mouse over的設計,讓使用者能快速得知該景點的基本特色,若有興趣也可以利用超連結,獲得進一步的訊息
→缺點:可惜它的版面設計似乎過寬,以至於必須縮小比例才能一次看到整個畫面,不需再左右橫移
→搜尋系統:無此功能。本網站只提供瀏愛覽,但是因為各主題的分類清楚,查找容易;而且點選"網站導覽",便可一目了然
→組織系統:以旅遊景點的最主要特色為分類依據;導覽標籤6個,麵包屑最多也只到第3階層,都符合規定;沒有分眾設計
→標示系統:超連結點擊後不會變色,只有導覽列的超連結mouse over時會有highlight效果;因為文章內容都不長,並無設計"標題標示";網站用色以橘、灰、黑為主;使用照片作為icon,都附有文字說明,易理解且美觀;內文有用大標區分段落;"網站導覽"有2欄文字,符合先縱再橫的設計
→導覽系統:導覽列和麵包屑列的設計都具一致性,且都固定於網頁最上方;往下滾動頁面後,導覽列會消失,因此不太方便
p.s.sorry不知為何一直無法貼上截圖,之後如果ppt需要用時,我再弄
六、日本旅遊活動http://www.visit-japan.jp/index.html
網站的旅遊資訊豐富,首頁即用slideshow吸引使用者的目光,且資訊都以電腦畫面大小切割,使人一目了然。但部分資訊未經嚴謹的分類,瀏覽時會有點沒脈絡> <
- 搜尋
- 使用google 自訂搜尋(如下所示)
- 檢索結果以相關or 日期排序
- 不會因搜尋而開新分頁(使用者不會因此迷路)
- 組織
- 資訊以時間排列
- 符合階層架構最多3個的原則
- 分眾: 有針對旅行社人員的Label
- 缺點
- 主流覽列標籤為8個,不符MAGIC 7的原則
- 標示
- 滑鼠移至導覽列上方時會由黑色變灰色,而點選時會由黑色變紅色
- 有SITE MAP(內容同導覽列)
- 內文有段落標題
- 導覽
- 以麵包屑表示使用者的路徑
- 嵌入式導覽系統(僅訪日教育旅行、日本多樣心動符合)
- 輔助式導覽系統(site map)
- 具有情境感(下移導覽列不會消失;字體、頁面設計方式一致)
- 具場景感(不同頁面有不同氛圍)
- 具一致性(結構在不同網頁仍一致)
- 缺點
- 導覽列用的詞不太容易理解(e.g.日本多樣心動內容是"不同主題的旅行",但要進入頁面才知道此意涵)
七、東北角暨宜蘭海岸國家風景區 http://www.necoast-nsa.gov.tw/user/main.aspx?lang=1
1.組織
- 優點
-主瀏覽列標籤在7個範圍內
- 缺點
-階層架構有超過3個的情況

2.標籤
- 優點
-游標移至有圖示的連結會變色or出現相關可點選的內容
-有分段的文章,標題會用色塊表示、也會有分段的連結(可直接跳到某一段)

- 缺點
-使用「全文檢索」是否不直觀

-照片與中文文字連接性低

-游標移至文字的連結,部分不會變色。若還有相關可閱讀的內容也需要另外再按一次才會出現
-變換語言多了「GO」,有點多此一舉

3.導覽
- 優點
-有用麵包屑表示使用者路徑
-簡單明瞭、容易上手
-用色、文字有一致性
-重要連結標籤隨時都在
-有網站導覽
- 缺點
-同樣的連結標籤,在同一網站重複出現在不同地方有其必要性?
-頁頂的標籤會被滑掉
4.搜尋
優點
-有推薦搜尋關鍵字自動跳出
-可依更新時間、點閱次數排序搜尋結果
-搜尋結果的呈現很清楚,也有標示被歸在哪一類中
缺點
-搜尋框的位置難找
-全文檢索、查詢→用詞不親民
5.其他優點
-首頁設計簡單明瞭
-有大幅的觀光照片,讓人一目瞭然這個地方的重要風景
-有些內文可以調整字體大小
-首頁畫面會更動