Information Architecture: Difference between revisions
Jump to navigation
Jump to search
m (→定義) |
(→延伸閱讀) |
||
Line 48: | Line 48: | ||
* 陳啟亮 (2010). [https://www.academia.edu/12253845/%E5%BB%A3%E7%BE%A9%E7%9A%84%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B_%E7%8B%B9%E7%BE%A9%E7%9A%84%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B_%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B%E5%B8%AB%E5%9C%A8%E5%8F%B0%E7%81%A3 廣義的資訊架構,狹義的資訊架構:資訊架構師在台灣] | * 陳啟亮 (2010). [https://www.academia.edu/12253845/%E5%BB%A3%E7%BE%A9%E7%9A%84%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B_%E7%8B%B9%E7%BE%A9%E7%9A%84%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B_%E8%B3%87%E8%A8%8A%E6%9E%B6%E6%A7%8B%E5%B8%AB%E5%9C%A8%E5%8F%B0%E7%81%A3 廣義的資訊架構,狹義的資訊架構:資訊架構師在台灣] | ||
* [http://www.jianshu.com/p/5763090456b7 信息架构:入门完全指南 - 简书] 原文: [http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/ Complete Beginner's Guide to Information Architecture | UX Booth] | * [http://www.jianshu.com/p/5763090456b7 信息架构:入门完全指南 - 简书] 原文: [http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/ Complete Beginner's Guide to Information Architecture | UX Booth] | ||
* [https://ditldesign.squarespace.com/news/2017/6/24/- 做好資訊架構讓使用者不迷路 / 銘傳大學資管系助理教授 陳書儀 — Design Information & Thinking Lab] Max老師解釋,資訊架構就是在「組織與簡化資訊,命名並導覽資訊空間,以及提供方法,讓人蒐尋資訊,並與資訊內容互動」。 {{access | date = 2017-06-25}} | |||
相近主題:網頁親和力([[accessibility]]), 易用性([[Usability]]), [http://blog.sina.com.tw/sandychang/article.php?pbgid=40436&entryid=449711 可尋性](Findability) | 相近主題:網頁親和力([[accessibility]]), 易用性([[Usability]]), [http://blog.sina.com.tw/sandychang/article.php?pbgid=40436&entryid=449711 可尋性](Findability) |
Revision as of 11:38, 25 June 2017
資訊架構(Information Architecture)
定義
資訊架構 (Information Architecture) 的定義為
- 「架構和組織資訊環境以幫助人們達到其目標的藝術和科學」。(Louis Rosenfeld & Peter Morville, 2002)
- 「幫助人們在現實世界或虛擬網路上,瞭解自己所處的環境,並且找到他們想要的東西。」(Information Architecture Institute, n.d.[1])
Rosenfeld & Morville的解釋
資訊架構又可分成組織系統(organization system)、標示系統(labeling system)、導覽系統(navigation system)、搜尋系統(search system)等四部份。(Rosenfeld & Morville, 2002)
- 組織系統(Organization System)分為組織系統綱要(organization schema)與組織結構(organization structure)兩類。組織系統綱要分成精確型組織綱要、模糊型組織綱要、混合型綱要等三種。精確型組織綱要適合已知款目檢索(known-item searching)的使用者,而模糊型組織綱要則協助尚未明確知道款目的使用者找到資訊。組織結構則分成階層式、超文字、關聯式資料庫模式等類型。(Rosenfeld & Morville, 2002; 謝寶煖、周秉貞,民93)
- 標示系統(Labeling System)目的是有效地溝通訊息,因此不須佔用太多網頁版面,避免使用者過多的認知負擔。標示系統分為導覽系統(Navigation System Choices)、索引詞彙(Index Terms)、連結(Contexual Links)、標題(Headings)、圖形等標示(Rosenfeld & Morville, 2002)
以約會 (Dating) 解釋資訊架構
- 需求分析(Requirement Analysis)
- 競爭分析(Competitive Analysis) - 情敵分析
- 目標對象定義(Audience Definition)
- 使用者腳本(User Scenarios) - 描述使用者可能的想法/行為
- 內容調查(Content Survey) - 檢閱古龍香水、盛裝、禮物、或者合適的音樂是否出現在合適的地方或時機。
- 流程(Process Flows) - 約會節目安排,例如除了安排吵雜的大腳車秀(Monster truck show),也許「潛在的伙伴」其實想要點浪漫的約會。因此需要事先好好瞭解「使用者腳本」。
- 地圖(Sitemap) - 網站地圖。約會的地圖與可能的路徑。
- 網格圖(Wireframe) - 頁面的骨架-瀏覽系統。比方說抵達電影院,在電影院的選擇好位置讓約會更美好。
延伸閱讀
資訊架構相關書籍
- 架站前一定要上的10堂課:網站企畫成功術 (ISBN 9789861207445) 因為封面,暱稱「小超人」 已經絕版
- 原文: Information Architecture: Blueprints for The Web (ISBN 0735712506)
- 簡中: 锦绣蓝图 (ISBN 9787115213631)
- 資訊架構學-網站應用 (ISBN 9867794125) 因為封面,暱稱「北極熊」
- 原文: Information Architecture for the World Wide Web, 3rd Edition -- Designing Large-Scale Web Sites (ISBN 978-0-596-52734-1)
- Information Architecture, 4th Edition -- For the Web and Beyond (ISBN 978-1-4919-1168-6)
- .com的策略規劃與設計 (ISBN 9574631303)
- 隨意搜尋 (ISBN 9867794974)
- Information Architecture 100:100個網站規劃必備的知識 (ISBN 9789865912918)
線上資源
- IA Summit 2004心得記錄 http://hungryowl.typepad.com/iasummit/
- http://www.cs.nccu.edu.tw/~s8731/definition.htm
- 網站易用度與資訊架構規劃
- http://www.cs.nccu.edu.tw/~s8731/indextwo.html
- IAwiki
- Asilomar Institute for Information Architecture (AIfIA)
- Information Architecture Listing
- tools of IA cited from 簡單的網
- 陳啟亮 (2010). 廣義的資訊架構,狹義的資訊架構:資訊架構師在台灣
- 信息架构:入门完全指南 - 简书 原文: Complete Beginner's Guide to Information Architecture | UX Booth
- 做好資訊架構讓使用者不迷路 / 銘傳大學資管系助理教授 陳書儀 — Design Information & Thinking Lab Max老師解釋,資訊架構就是在「組織與簡化資訊,命名並導覽資訊空間,以及提供方法,讓人蒐尋資訊,並與資訊內容互動」。 [Last visited: 2017-06-25]
相近主題:網頁親和力(accessibility), 易用性(Usability), 可尋性(Findability)
Web site design and development process
- Information gathering: Research surveys
- Planning: Before you start to build a website, Content development strategy | Register domain name, Choose web hosting | Information architecture | Data model: Data type, Data flow | Documentation: Request For Proposal | Licensing
- Design: CSS tools, Free fonts, Free photos, Emoji & icons
- Testing & delivery: Usability test, check browser compatibility | Web testing | Speed up websites: Web Ping, Software acceptance test plan | Promote your web
- Maintenance: Site backup & restore test, Software update (OS patch or CMS security update)
- Need help? Community, I need inspiration, Web design glossary