資結期中報告主題提案

編輯歷史

時間 作者 版本
2017-07-03 08:28 – 08:28 (unknown) r0 – r1
顯示 diff
+ 資結期中報告主題提案
+
+
+ 形式:
+ 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.其他優點
+ -首頁設計簡單明瞭
+ -有大幅的觀光照片,讓人一目瞭然這個地方的重要風景
+ -有些內文可以調整字體大小
+ -首頁畫面會更動