2009年3月14日 星期六

[課堂心得]3/10資訊結構與網站設計-組織系統


荷蘭觀光局網站的首頁
由於老師的PPT沒有合適的圖來放
所以就乾脆把尋找旅遊類的標竿網站任務跟本週心得結合吧


其實就內容而言,我覺得臺灣觀光局已經十分豐富
但是資料量多時,倘若沒有良好的資訊結構就失去意義(因為沒人找得到所需)
這也是我們想要改善的原因吧

由四大系統來看荷蘭觀光局The Netherlands Board of Tourism & Conventions (HBTC)
大約可以看到一些端倪:
一、組織系統(*****):
  • 內容以五個大類為主軸,滑鼠移過去直接出現子選單。
  • 階層架構非常明確,有三個部分可以顯現(如下圖)
二、標示系統(****):
  • 整體配色以橘藍為主,標題以鮮橘色,文字敘述以白底黑字
  • 圖形標示功能明顯,下拉選單、標題在滑鼠移過去時都會變色

三、導覽系統(***):
  • 支援式導覽:沒有網站地圖(因為不太需要,東西都整理在類目中)
  • 內嵌式導覽:整個視窗always一樣,只會改變中央資訊
四、搜尋系統(***):
        這算是最基本的東西,目前檯面上的網站不可能沒有
        不過老樣子,除非有做全部網頁的索引,不然還是「估狗」一下吧

五、其他主觀要素(***):
  • 內容主要為機構取向,較少觀光旅遊導向的資訊
  • 瀏覽圖片窗會隨時間更換
  • 整個首頁顯示只需一個視窗
  • 沒有多餘補丁廣告牌
  • 只有英文跟荷蘭文版
  • 資訊整理的沒話說,感覺東西很少,很有質感
總評(****):在Travel板的精華區看很久,只有HBTC有給我「簡單」的感覺

-------------------------不負責超主觀分析結束--------------------------

回到本週的課程,寶寶老師環繞在兩大主題探討
先放大綱啦~有興趣的人老樣子,自己去


p解剖資訊結構
n視覺化資訊結構
n資訊結構要素

p組織系統
n組織資訊之挑戰
n組織網站和Intranets
n組織綱要(organization schemes )
n組織架構(organization structures)
n建立統合的組織系統


首先老師討論視覺化的基礎,「我見故我信」的道理
如果第一眼就覺得掰掰了,那你要說他多有料也很難吧
這就是行銷與門面的重要性,這裡老師舉了兩個學校的「門面」

不過前者的首頁已經不是那個成穩的墨綠色、一個視窗放得下
其整個首頁的資訊結構算是東方化了
原本老師強調的高度結構化蕩然無存,有點可惜
以下是我去光顧時的門面(有興趣可以連去看..)

另一方面Gustavus Adolphus College則是一脈相傳的配色與版面

重點來啦!姑且不論這兩個學校網站的好壞
觀察到老師都評鑑哪些項目呢
可以兩個部分來看
第一部份就是比較主觀直覺的項目
  1. 視覺設計
  2. 資訊設計
  3. 互動設計
  4. 一致性設計
第二部分就是熟悉的四大系統(也就是資訊結構的四大要素)
  1. 組織系統
  2. 標示系統
  3. 導覽系統
  4. 搜尋系統
這兩大部分沒有排他性,彼此互相重疊,不過就公認的接受度而言
還是四大系統比較有系統性與客觀性(當然也別忘了使用者經驗五大元素

附帶一提就是網站設計端往往會忘記的一件事
使用者是來幹嘛的?
使用者的一舉一動,網站設計員最好都要知道
  • 我目前在哪裡:標示清楚,別讓人迷路
  • 我可以從這得到些什麼:資訊整理好,並呈現在「看得到」的地方
  • 我該怎麼獲取:明確的指引使用者,不是每個人都很熟這裡好嗎
  • 最新的消息是什麼:豐富歸豐富,但是從停止運作工廠裡出的車子你敢開嗎
  • 我該如何進一步跟你聯繫:聯繫方式越多越好,當然前提是你很空
開了一個頭,老師下半部分就談第一大系統 - 「組織」

-----------------------------------------------------------------------------------------

俗話說人的一切理解都由分類開始,打從娘胎以來我們就開始不停的分類阿比較阿
因此這個階段探討「組織系統(Organization Systems)

為了與使用者在瀏覽網頁時的心智模式作一個有效的連結(這句話很有學問...)
優質的組織系統能夠幫助使用者去理解、解釋以及掌握一個網頁所要交代的事物

不過資訊組織的重要性我想大家都很清楚,但就是難做(所以笑別人前,先看自己的...)
老師有提到以下幾點困難
  • 模糊性(Ambiguity):分類標籤難下
  • 異質性(Heterogeneity):不是所有資訊物件都能排排站來分,性質層級各不同
  • 主觀差異(Differences in perspectives):一樣的東西,換個時空就分就不一樣了
  • 行政因素(Internal politics):上級或老闆說的算,資訊被控制囉
接著就是介紹組織系統裡兩個幫派,「體系派(Shemes)」與「結構派(Stuctures)
首先,
依照「體系」來組織資訊的方法可以細分為二
  1. 絕對體系(Exact Schemes):字順、筆畫、年代、地區的分法
  2. 模糊體系(Ambiguous Schemes):主題(最常見)、任務工作(task, ex: Ebay)、個人需求(ex: 產品網站)、隱喻呈現(容易產生反效果)以及上述的混和(hybrid)
另一方面,
依照「結構」來組織資訊的方法,則有以下四種
  1. 階層式:由上而下的分類,常見的架構方式。類目上,可以是彼此互斥關係(很難)、父子(部分重疊)關係、交叉關係等方式處理
  2. 資料庫式:由下往上的分類,如關連式的資料庫建立
  3. 超文件式(HyperText):利用超連結串連關係,容易迷路
  4. 大眾分類法:最夯的分類方法,Free tagging it!
---------------------------------------------------------------------------------------

呼,我又隔了好幾天才打這篇



沒有留言: