网站资讯结构.PDF

第 28屆醫學圖書館工作人員研討會 第 28屆醫學圖書館工作人員研討會 網站資訊結構 網站資訊結構 謝寶煖 謝寶煖 台灣大學圖書資訊學系副教授 台灣大學圖書資訊學系副教授 2006年9月7日 2006年9月7日 .tw/~pnhsieh .tw/~pnhsieh pnhsieh@.tw pnhsieh@.tw 網站設計的演進 • 第一代 – Build it, and they will come. – 一人包辦的網站，不知道顧客怎麼用網站，也不知 道網站與組織目標的關係 • 第二代 – Advertise that you sell it online, and they will come. – 花大錢為網站打廣告，希望顧客上網交易 • 第三代： Customer-Centered Website – 建立powerful website ，提供真正有用的內容，創造 顧客的正向經驗 1 內容大綱 •資訊結構與資訊結構師 • 視覺化資訊結構 •首頁設計原則 Information Architecture, IA •資訊結構 • What is information architecture? • What does an information architect do? • The user experience • Flow and tasks • Deliverables – List of content and organization – Description of fuctionality – Wireframes 2 資訊結構是什麼 ? • 網站資訊結構是一個新領域，也才只有幾年的時間而 已，但是其未來的需求與成長是可以預見。 • 網站這個新媒體的蓬勃發展，使得整理大量資訊的需 求也愈來愈殷切。 • 資訊結構是以圖書館學與人機互動為基礎，所發展出 來的一門學問。（Van Dijck, 2003, 8 ） • 資訊結構是網站設計的新領域。 – 資訊結構和視覺設計 (visual design)或程式設計是不一樣的， 因為資訊結構關心的不只是網站的外觀，也不只是網站的功 能（ functionality ）。 • 資訊結構的目的是建立好用、滿足站主也滿足使用者 需求的網站。 • 資訊結構不是美工，也不是程式，而是溝通 。 好的資訊結構是簡單、清楚、優雅，是很容易使用的網站。 3 不好的資訊結構是迂迴的、不一致的、複雜的，是很難用的網站。 IA Definition — Quotes • “Architecture: The art or science of building […] a unifying or coherent form or structure.” —Webster’s Dictionary • “Information is data endowed with relevance and purpose.” —Peter Drucker, Economist • “[An IA is] 1) the individual who organizes the patterns inher