内容管理ContentManagement.ppt
1,內 容 管 理Content Management,謝 寶 煖國立台灣大學圖書資訊學系副教授pnhsiehccms.ntu.edu.twhttp:/www.lis.ntu.edu.tw/pnhsieh/2001年5月10日,網 路 資 源,2,知識管理是什麼,建立系絡context形成思考模式,激發創新,價值相關性新穎性,顯性化蒐集分類彙整同化傳佈,承諾、分享交換、建立關係,Knowledge Is Power,especially in the Internet age.,On the Internet,Content is King!,4,知識管理,我要什麼我有什麼,如何取得（誰有）內部：Intranet外部：Internet如何提供（給誰）內部：Intranet外部：Internet,消弭知識差距（knowledge gap）,5,網頁數量,根據200年二月Inktomi和NEC研究中心的估計，目前Internet上有10億份的可索引網頁。搜尋引擎Google可以搜尋 1,346,966,000 網頁（含PDF檔）。（索引7億5百萬頁）Source:Danny Sullivan,“Search Engine Sizes,”The Search Engine Report,April 6,2001.http:/,6,到了2002年網頁的數量會比人口數量還多!(2002年推估人口數為：6,234,250,387),網頁成長量,每天有4,400個新網站,7,網站集客力（MediaMetrix）,8,資訊專家與內容管理,2000年10月英國的企業調查顯示83公司認為網站是重要的工具77知道公司網站上的資訊過時,9,圖書館員在網頁開發中扮演的角色,10,On the Internet,Content is King!,網頁設計技術網頁內容開發與管理網站內容那裏來？網站內容如何加值？網站內容如何架構？網站內容如何更新？,11,何謂內容？,內容就是有用的資訊書有內容，讀者才會閱讀期刊有內容，讀者才會瀏覽網頁有內容，讀者才會點閱，才會停留文章消息廣告圖片,12,何謂內容管理？Content Management,維持網站內容新顈、正確性、一致性，以及再利用、再創作的方法文歸文，圖歸圖內容擁有者就是網頁出版者（template）內容創造者就是網頁出版者結構化的流程 版本管理：不同媒體形式，內容版本一致,13,內容創建策略,結構 化內容創建法空白的網頁讓人頭腦打結以大綱或模組化內容架構來幫助不熟悉HTML的內容擁有者創建網頁內容剪輯式內容創建法KM發揮資訊代理的角色，需要選擇和編修現有資訊，傳播到組織內。內容創建不必從無到有，從現在的資源中編選也是一種內容的創建,14,Brown University,15,16,跟著游標動，但以齊左齊右排列,標題和URL,17,Low-graphics version,18,每頁固定位置,標題和URL,19,每頁格式一致：頁首左邊是標題和URL，右邊是圖示功能,20,每頁格式一致：頁尾是讀者意見、最近更新日期和版權,21,http:/info.med.yale.edu/caim/manual/,22,網站開發過程,網站定義與規劃（Site difeintion and planning）資訊結構（Information architecture）網站設計（Site design）網站建置（Site construction）網站行銷（Site marketing）追蹤、評估和維護（Tracking,evaluation and maintenance）,23,網站定義,目標為何？對象是誰？Web surfersNovice and occasional usersExpert and frequent usersInternational users,24,使用者導向之網頁評估準則,25,資訊結構,網站的內容與組織內容庫（content inventory）有什麼缺什麼內容結構（content architecture）Site mapsThumbnailsOutlinsTable of contentsSite prototype,26,資訊結構：使用對象,華大圖書館首頁 http:/www.lib.washington.edu,27,28,組織資訊五步驟,將內容切割成邏輯單元“Chunking”Information：7 22-3頁界定單元間的重要性依重要性架構內容單元據之建構網站分析功能性和美感,29,網站內容與讀者閱讀時間,http:/info.med.yale.edu/caim/manual/intro/design_strategies.html,30,線性網頁編排,適用於：訓練教材、操作手冊、申請手續等需逐步學習者,31,非線性的網頁編排,32,網站要有清楚結構,樹狀結構圖網站地圖組織性顏色管理版面編排,33,網頁結構與顏色管理,34,35,36,網站設計(1),內容要素Text（編輯、校對）Graphic design specific cautionsPage templatesHeader/footer,graphics,logos,buttons,backgroundsIllustrationsPhotography,37,網站設計(2),功能與邏輯要素Javascript scripts,Jave appletsDatabase tables and programming interaction prototypesSearch engines,38,網站建置,介面設計（Interface design）網頁設計 vs.印刷文件設計基本的編輯和圖表設計原則不變變的是hypertext links使用者可以毫無前情提要地進到網站的任一頁每個網頁都要有：資訊性標題建置者（作者或機構）建置日期或更新日期至少有一個連結到首頁首頁的URL,39,網頁設計小原則1,每頁都要放圖書館的logo和名稱、URL、網頁建立日期logo要連到首頁，除了首頁以外（千萬別超連結到本頁自己連自己）logo和相關識別資訊請固定在同一個位置請看兩個例子Library of CongressThe University of Southern Mississippi 2,3,40,美國圖會圖書館網站，每個圖資人都該到此一遊我好羨慕寬頻上網！,41,42,43,44,45,46,網頁設計小原則2,網站超過100頁，請提供站內搜尋(search),47,網頁設計小原則3,每個網頁都應該有標題瀏覽器怎麼顯示網頁搜尋引擎怎麼找到網頁、呈現網頁FrontPage之例(newpage1)網頁標題應該是層屬的，如USM之例例：圖書館名稱網頁內容,48,網頁設計小原則4,網頁架構和版面安排，幫助讀者掃描和篩選/忽略不相關的大段文字內容也應有適當簡潔的大小標題，增加內容的可讀性切記：沒有標題的網頁讀者不會有耐心看的，那我們豈不是做虛功內容再有價值，版面編排不好，網友也不想看，點閱率和回閱率都不會,49,標題可以捉住讀者視線,50,你可以再靠近一點視覺掃描與版面結構,51,螢幕只能顯示網頁的一小部份，重要資訊要讓讀者一進來就可以看到,52,讀者的網頁視覺是有限的,53,捲動捲軸依然清晰明確,54,55,官方版,56,寶煖版,57,網頁設計小原則5,善用超連結與其將有關某一主題的資料全部編成一個超長的網頁，請用超連結來建構內容頁首目次之利用方便網友跳過不相關的資訊，節省時間（不抱怨就是滿意）,58,標題獨立出來，結構更清楚,59,60,網頁設計小原則6,圖檔請提供文字說明(alt)使用者可以選擇不下載圖檔以節省連線時間搜尋引擎可以索引圖檔之說明文字，也可以搜尋檔案較大時（或超連結）請提供檔案大小看不清楚的圖檔不用上網,61,有圖無圖一樣美,62,網頁設計小原則7,提供link title，讓使用者在點選前可以預覽超連結的標題,63,網頁設計小原則8,從善如流，網友是以其他網站的經驗來利用圖書館網站上網逛排名前20名的網站是怎麼設計的90以上的網站都這麼設計，這是實務標準，依樣畫葫蘆60-90的大站都這麼設計，這是慣例，可以採用60以下的大站這麼設計，還沒有取得共識，可以自由發揮,64,CNETs Yellow Fever,1996 CNET帶動了左幅索引的網頁設計熱，然而1999 CNET網站已放棄這種設計左邊橫幅至少需佔20螢幕，然而使用者上網是為了內容而不是閒逛(navigation)浪費畫面，但對使用者是有幫助的Fitts Law滑鼠移動的路徑愈短愈好；那麼功能列不是應該放在捲軸旁邊不是更節省使用者的時間,65,使用者進到一個新網頁時，是先看內容。而閱讀習慣是由左到右，所以內容應該由左開始編排，使用者自然會看到右邊的功能列，知道下一步該怎麼走。若放在左邊，則使用者必須先忽略功能列，先讀內容。,66,網頁設計小原則9,以真正的讀者做可用性測試人都有盲點，都會有奇怪的理所當然,67,Nielsen網頁設計十項錯誤,頁框（frame）無法bookmarkURL失效列印困難，易出錯用超炫科技讀者crash一次就不會再回來了（VRML）,68,看我！看我！,When everything is emphasized,nothing is emphasized.過度使用顏色、動畫、跑馬燈、閃爍和圖片，還有背景音樂優先順序：搜尋引擎的技術是不是可以應用到圖書館網站和webpac熱門精選其他人都看,69,複雜的URLhuman-readable directory&filename減少使用者打錯字的機會全部小寫不要用特殊符號,70,孤兒頁每頁都要有所屬，因為使用者可能直接進到網站中的任何一頁每頁都應該可以回到首頁每頁都應該有標題和logo,71,少了navigation support不要假設讀者和我們一樣了解圖書館網站網站設計要有清楚結構提供網站地圖輔助讀者,72,擅改連結的顏色預設連結顏色（default link color）藍色文字表示點這裏(click here)紫色表示點閱過了(visited)可以幫助網友了解網站架構和點閱歷史(navigation history)，節省時間如果我們改變連結的顏色，甚色全部改成同樣顏色，網友就搞不清楚到底看過了沒有，會不再地點閱拜訪過的網頁，造成不滿，影響回客率,73,過時的資訊建立新網頁和維護舊網頁一樣重要把網站想像成花店和超市，有不新鮮的花和貨品在架上有多煞風景，多壞形象（活動是去年的.）處理方式,74,下載時間過長超過10秒，讀者就沒興趣了在網路上，大家稍有耐心可以忍受15秒開新視窗不能用back,75,網站之衡量與評估,利用率（Usage）設計（Design）內容分析（Content analysis）網站定位（Web site positioning）讀者回饋（Patron feedback）學習標竿（Benchmarking）,資料來源：Jeanie M.Welch,“Gee-Look What We Did!Methods of Measurement and Evaluation of the Effectiveness of Departmental and Individual Web Sites in Academic Libraries,”Evaluating and Using Networked Information Resources and Services,ASIS 1999 Mid-Year Meeting May 24-26,Pasadena,California.,76,網站可用性(Web Usability),瀏覽器(Browser utility usability)網站功能性(Website functionality usability)網站內容(Website content usability),資料來源：Ping Zhang and Jiangping Chen,“What is Web Usability Anyway?A Conceptual Study on Usability in the Web Environment,”Evaluating and Using Networked Information Resources and Services,ASIS 1999 Mid-Year Meeting May 24-26,Pasadena,California.,77,Web Usability,78,常識知識,
