Process for Online Visibility: From Information Architecture to Killer Content
The anatomy of ia
1. The anatomy ofan informationarchitecture( I.A.) Seraphim LiQianying 3202834
2. Intro… Look into IA from a conceptual perspective The importance and difficulty to make IA visualize Components of IA Examples
3. What is i.a.? Information Architecture (IA) is the cohesive structure that brings all of a website’s pieces together in a uniform manner. After the strategic plan, IA is the single most important element driving website success. http://www.nngroup.com/events/tutorials/ia.html
4. Make I.A. to be recognized… - why is it important? It is a new field! “I don’t believe if I can’t see it!” The field is abstract! “I won’t get it if I can’t see it!” It is unfair! “You won’t reward me if you can’t it!”
5. Make I.A. to be recognized… - why is it difficult? It is not easy to be understand! Not everyone knows it is important! Sometimes what you see doesn’t mean everything! “You can’t help but notice the site’s colors.” (Morville & Rosenfeld, 2006) Something must be hidden behind! “You’d learn something about its suporting technology…” (Morville & Rosenfeld, 2006)
8. Organization systems How we categorize information Navigation systems How we browse or move through information Search systems How we search information Labeling systems How we represent information (Morville & Rosenfeld, 2006) Components of IA
9. How to look? Labeling systems Search system Organization systems Navigation system
10. Organization systems How we categorize information Navigation systems How we browse or move through information Search systems How we search information Labeling systems How we represent information (Morville & Rosenfeld, 2006) Components of IA
11. Better categorizing I.A. COMPONENTS Browsing Aids Search Aids Content and tasks “Invisible” components
12. BROWSING AIDS Organization systems Site-wide navigation systems Local navigation systems Sitemaps/ Table of contents Site indices Site guides Site wizards Contexual navigation systems (Morville & Rosenfeld, 2006)
13. search AIDS Search interface Query language Query builders Retrieval algorithms Search zones Search results (Morville & Rosenfeld, 2006)
14. Content and tasks Headings Embedded links Embedded metadata Chunks Lists Sequential aids Identifiers (Morville & Rosenfeld, 2006)
16. Examples of I.A. sites Google Icious.us http://abc.qq.com/ http://ninemsn.com.au/ … … Actually, almost all sites can be included…
17. Related readings Morville, P. and Rosenfeld, L. (2006) Information , Architecture for the World Wide Web 3rd Ed., Sebastopol: O’Reilly, pp.41-54. Cardello, J. and Whitenton, K. and Goldfield, G. (2010) Information Architecture 1: Structuring and Organizing Web-Based Information, Nielsen Norman Group, http://www.nngroup.com/events/tutorials/ia.html Barker, L,. (2005) What is information architecture? Step Two Design, http://www.steptwo.com.au/papers/kmc_whatisinfoarch/index.html The Information Architecture Institute http://iainstitute.org/ About.com:webdesign/ HTML http://webdesign.about.com/od/informationarchitecture/Information_Architecture.htm