《内容管理ContentManagement.ppt》由会员分享，可在线阅读，更多相关《内容管理ContentManagement.ppt（78页珍藏版）》请在三一文库上搜索。
1、1,內 容 管 理 Content Management,謝 寶 煖 國立台灣大學圖書資訊學系副教授pnhsiehccms.ntu.edu.tw http:/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,知識管理,我要什麼
2、 我有什麼,如何取得 （誰有） 內部：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:/ (2
3、002年推估人口數為：6,234,250,387 ),網頁成長量,每天有4,400個新網站,7,網站集客力（MediaMetrix）,8,資訊專家與內容管理,2000年10月英國的企業調查顯示 83公司認為網站是重要的工具 77知道公司網站上的資訊過時,9,圖書館員在網頁開發中 扮演的角色,10,On the Internet, Content is King!,網頁設計技術網頁內容開發與管理 網站內容那裏來？ 網站內容如何加值？ 網站內容如何架構？ 網站內容如何更新？,11,何謂內容？,內容就是有用的資訊 書有內容，讀者才會閱讀 期刊有內容，讀者才會瀏覽 網頁有內容，讀者才會點閱，才會停留
4、文章 消息 廣告 圖片,12,何謂內容管理？ Content Management,維持網站內容新顈、正確性、一致性，以及再利用、再創作的方法 文歸文，圖歸圖 內容擁有者就是網頁出版者 （template） 內容創造者就是網頁出版者 結構化的流程 版本管理：不同媒體形式，內容版本一致,13,內容創建策略,結構 化內容創建法 空白的網頁讓人頭腦打結 以大綱或模組化內容架構來幫助不熟悉HTML的內容擁有者創建網頁內容 剪輯式內容創建法 KM發揮資訊代理的角色，需要選擇和編修現有資訊，傳播到組織內。 內容創建不必從無到有，從現在的資源中編選也是一種內容的創建,14,Brown University,
5、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 ma
6、rketing） 追蹤、評估和維護（Tracking, evaluation and maintenance）,23,網站定義,目標為何？ 對象是誰？ Web surfers Novice and occasional users Expert and frequent users International users,24,使用者導向之網頁評估準則,25,資訊結構,網站的內容與組織 內容庫（content inventory） 有什麼 缺什麼 內容結構（content architecture） Site maps Thumbnails Outlins Table of contents
7、Site prototype,26,資訊結構：使用對象,華大圖書館首頁 http:/www.lib.washington.edu,27,28,組織資訊五步驟,將內容切割成邏輯單元 “Chunking” Information：7 2 2-3頁 界定單元間的重要性 依重要性架構內容單元 據之建構網站 分析功能性和美感,29,網站內容與讀者閱讀時間,http:/info.med.yale.edu/caim/manual/intro/design_strategies.html,30,線性網頁編排,適用於：訓練教材、操作手冊、申請手續等需逐步學習者,31,非線性的網頁編排,32,網站要有清楚結構,樹
8、狀結構圖 網站地圖 組織性 顏色管理 版面編排,33,網頁結構與顏色管理,34,35,36,網站設計 (1),內容要素 Text（編輯、校對） Graphic design specific cautions Page templates Header/footer, graphics, logos, buttons, backgrounds Illustrations Photography,37,網站設計 (2),功能與邏輯要素 Javascript scripts, Jave applets Database tables and programming interaction prot
9、otypes Search engines,38,網站建置,介面設計（Interface design） 網頁設計 vs. 印刷文件設計 基本的編輯和圖表設計原則不變 變的是hypertext links 使用者可以毫無前情提要地進到網站的任一頁 每個網頁都要有： 資訊性標題 建置者（作者或機構） 建置日期或更新日期 至少有一個連結到首頁 首頁的URL,39,網頁設計小原則1,每頁都要放圖書館的logo和名稱、URL、網頁建立日期 logo要連到首頁，除了首頁以外（千萬別超連結到本頁自己連自己） logo和相關識別資訊請固定在同一個位置 請看兩個例子 Library of Congress T
10、he University of Southern Mississippi 2,3,40,美國圖會圖書館網站，每個圖資人都該到此一遊我好羨慕寬頻上網！,41,42,43,44,45,46,網頁設計小原則2,網站超過100頁，請提供站內搜尋(search),47,網頁設計小原則3,每個網頁都應該有標題 瀏覽器怎麼顯示網頁 搜尋引擎怎麼找到網頁、呈現網頁 FrontPage之例 (newpage1) 網頁標題應該是層屬的，如USM之例 例：圖書館名稱網頁內容,48,網頁設計小原則4,網頁架構和版面安排，幫助讀者掃描和篩選/忽略不相關的大段文字 內容也應有適當簡潔的大小標題，增加內容的可讀性 切記：
11、沒有標題的網頁讀者不會有耐心看的，那我們豈不是做虛功 內容再有價值，版面編排不好，網友也不想看，點閱率和回閱率都不會,49,標題可以捉住讀者視線,50,你可以再靠近一點 視覺掃描與版面結構,51,螢幕只能顯示網頁的一小部份， 重要資訊要讓讀者一進來就可以看到,52,讀者的網頁視覺是有限的,53,捲動捲軸依然清晰明確,54,55,官方版,56,寶煖版,57,網頁設計小原則5,善用超連結 與其將有關某一主題的資料全部編成一個超長的網頁，請用超連結來建構內容 頁首目次之利用 方便網友跳過不相關的資訊，節省時間（不抱怨就是滿意）,58,標題獨立出來，結構更清楚,59,60,網頁設計小原則6,圖檔請提供
12、文字說明(alt) 使用者可以選擇不下載圖檔以節省連線時間 搜尋引擎可以索引圖檔之說明文字，也可以搜尋 檔案較大時（或超連結）請提供檔案大小 看不清楚的圖檔不用上網,61,有圖無圖一樣美,62,網頁設計小原則7,提供link title，讓使用者在點選前可以預覽超連結的標題,63,網頁設計小原則8,從善如流，網友是以其他網站的經驗來利用圖書館網站 上網逛排名前20名的網站是怎麼設計的 90以上的網站都這麼設計，這是實務標準，依樣畫葫蘆 60-90的大站都這麼設計，這是慣例，可以採用 60以下的大站這麼設計，還沒有取得共識，可以自由發揮,64,CNETs Yellow Fever,1996 CN
13、ET帶動了左幅索引的網頁設計熱，然而1999 CNET網站已放棄 這種設計左邊橫幅至少需佔20螢幕，然而使用者上網是為了內容而不是閒逛(navigation) 浪費畫面，但對使用者是有幫助的 Fitts Law滑鼠移動的路徑愈短愈好；那麼功能列不是應該放在捲軸旁邊不是更節省使用者的時間,65,使用者進到一個新網頁時，是先看內容。而閱讀習慣是由左到右，所以內容應該由左開始編排，使用者自然會看到右邊的功能列，知道下一步該怎麼走。若放在左邊，則使用者必須先忽略功能列，先讀內容。,66,網頁設計小原則9,以真正的讀者做可用性測試 人都有盲點，都會有奇怪的理所當然,67,Nielsen網頁設計十項錯誤,
14、頁框（frame） 無法bookmark URL失效 列印困難，易出錯 用超炫科技 讀者crash一次就不會再回來了 （VRML）,68,看我！看我！,When everything is emphasized, nothing is emphasized. 過度使用顏色、動畫、跑馬燈、閃爍和圖片，還有背景音樂 優先順序： 搜尋引擎的技術是不是可以應用到圖書館網站和webpac 熱門精選 其他人都看,69,複雜的URL human-readable directory & filename 減少使用者打錯字的機會 全部小寫 不要用特殊符號,70,孤兒頁 每頁都要有所屬，因為使用者可能直接進到網
15、站中的任何一頁 每頁都應該可以回到首頁 每頁都應該有標題和logo,71,少了navigation support 不要假設讀者和我們一樣了解圖書館網站 網站設計要有清楚結構 提供網站地圖輔助讀者,72,擅改連結的顏色 預設連結顏色（default link color） 藍色文字表示點這裏(click here) 紫色表示點閱過了(visited) 可以幫助網友了解網站架構和點閱歷史(navigation history)，節省時間 如果我們改變連結的顏色，甚色全部改成同樣顏色，網友就搞不清楚到底看過了沒有，會不再地點閱拜訪過的網頁，造成不滿，影響回客率,73,過時的資訊 建立新網頁和維護舊
16、網頁一樣重要 把網站想像成花店和超市，有不新鮮的花和貨品在架上有多煞風景，多壞形象（活動是去年的.） 處理方式,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 Measur
17、ement 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) 網站功能性 (Web
18、site 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,常識 知識,