Information Architecture: Difference between revisions
Jump to navigation
Jump to search
(→線上資源) |
m (Text replacement - "Category:WebDesign" to "Category:Design") Tags: Mobile edit Mobile web edit |
||
(10 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
== 定義 == | == 定義 == | ||
資訊架構 (Information Architecture) | 資訊架構 (Information Architecture) 的定義為 | ||
* 「架構和組織資訊環境以幫助人們達到其目標的藝術和科學」。([http://www.oreilly.com.tw/product_web.php?id=a123_toc Louis Rosenfeld & Peter Morville], 2002) | |||
* 「幫助人們在現實世界或虛擬網路上,瞭解自己所處的環境,並且找到他們想要的東西。」(Information Architecture Institute, n.d.<ref>[http://www.iainstitute.org/what-is-ia What is Information Architecture? | IA Institute]</ref>) | |||
=== Rosenfeld & Morville的解釋 === | === Rosenfeld & Morville的解釋 === | ||
Line 21: | Line 24: | ||
== 延伸閱讀 == | == 延伸閱讀 == | ||
=== | === 資訊架構相關書籍 === | ||
* 架站前一定要上的10堂課:網站企畫成功術 (ISBN 9789861207445) 因為封面,暱稱「小超人」{{exclaim}} 已經絕版 | * 架站前一定要上的10堂課:網站企畫成功術 (ISBN 9789861207445) 因為封面,暱稱「小超人」{{exclaim}} 已經絕版 | ||
** 原文: Information Architecture: Blueprints for The Web (ISBN 0735712506) | ** 原文: Information Architecture: Blueprints for The Web (ISBN 0735712506) | ||
Line 30: | Line 33: | ||
* .com的策略規劃與設計 (ISBN 9574631303) | * .com的策略規劃與設計 (ISBN 9574631303) | ||
* 隨意搜尋 (ISBN 9867794974) | * 隨意搜尋 (ISBN 9867794974) | ||
* [http://www.books.com.tw/products/0010618801 Information Architecture 100:100個網站規劃必備的知識] (ISBN 9789865912918) | |||
=== | === 相關文章 === | ||
* IA Summit 2004心得記錄 http://hungryowl.typepad.com/iasummit/ | * IA Summit 2004心得記錄 http://hungryowl.typepad.com/iasummit/ | ||
: http://www.cs.nccu.edu.tw/~s8731/definition.htm | : http://www.cs.nccu.edu.tw/~s8731/definition.htm | ||
Line 42: | Line 46: | ||
* 陳啟亮 (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}} | |||
* [http://mixconf.tw/2018/news-17/ 要在網路時代與時俱進,IA 教父 Rosenfeld:首先,認清自己是開創者還是管理者] | |||
=== 參考資料 === | |||
<references /> | |||
相近主題: | |||
* 網頁親和力 ([[accessibility]]) | |||
* 易用性 ([[Usability]]) | |||
* [http://blog.sina.com.tw/sandychang/article.php?pbgid=40436&entryid=449711 可尋性] (Findability) | |||
* [https://zh.wikipedia.org/wiki/%E8%B3%87%E8%A8%8A%E7%B5%84%E7%B9%94 資訊組織] ([https://en.wikipedia.org/wiki/Knowledge_organization Knowledge organization], organization of information) | |||
* [[Web_design_glossary#.E7.94.A2.E5.93.81.E8.A6.8F.E6.A0.BC.E6.96.87.E4.BB.B6_.2F_.E4.B8.8D.E5.90.8C.E9.9A.8E.E6.AE.B5.E8.A8.AD.E8.A8.88.E6.96.87.E4.BB.B6 | 產品規格文件 / 不同階段設計文件]] | |||
Line 49: | Line 64: | ||
[[Category: | [[Category:Design]] |
Revision as of 10:32, 16 May 2022
資訊架構(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]
- 要在網路時代與時俱進,IA 教父 Rosenfeld:首先,認清自己是開創者還是管理者
參考資料
相近主題:
- 網頁親和力 (accessibility)
- 易用性 (Usability)
- 可尋性 (Findability)
- 資訊組織 (Knowledge organization, organization of information)
- 產品規格文件 / 不同階段設計文件
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