Information Architecture

1. InformationArchitecture Yaşar Tonta Hacettepe University Department of InformationManagement 06800, Ankara, Turkey yasartonta@gmail.com @yasartonta yunus.hacettepe.edu.tr/~tonta/tonta.html

2. Plan • Design • What is IA? • IA Components • Structuretypes • Organizationsystems • Labelingsystems • Navigationsystems • Searchingsystems • Logic • Neuro web design • Conclusion

3. Hierarchy of Needs Source: UniversalPrinciples of Design, p. 107

4. Weakest Link Source: UniversalPrinciples of Design, p. 211  'the deliberate use of a weak element that will fail in order to protect other elements in the system from damage.'

5. Face-ismRatio Source: UniversalPrinciples of Design, p. 72

6. Eye-trackingStudies Source: http://www.useit.com/alertbox/banner-blindness.html

7. Bad (interaction) design Source:http://www.wired.com/threatlevel/2009/06/new-atm-malware-captures-pins-and-cash/ • Which is morelikely? • Collectmoneyandwalkaway, leavingthecardbehind • Takeoffthecardandwalkaway, leavingyourmoneyuncollected

8. Badcolorschemeselection Source: http://thevisualcommunicationguy.com/2013/09/05/design-equivalents-of-bad-grammar/; http://thevisualcommunicationguy.com/2013/07/11/top-10-most-annoying-misuses-of-punctuation/

9. Badwording

10. MostEffectiveDesignElements Source: http://www.useit.com/alertbox/banner-blindness.html Plain text Faces Cleavage and other "private" body parts

11. What is IA? The structural design of shared information environments. The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability. An emerging community of practice focused on bringing principles of design and architecture to the digital landscape.

12. Little IA / Big IA Source: Dillon, A. (2002) Information Architecture in JASIST: Just where did we come from? JASIST, 53(10), 821-823. Little IA: the application of information science to webdesign, which considers, for example, issues of classification and information retrieval. Big IA: information architecture involves more than just the organization of a website; it also factors in userexperience, thereby considering usability issues of information design.

13. IA connectsPeopletoContent Source: http://www.sitepoint.com/the-web-design-process-part-2-information-architecture/

14. VennDiagram of IA Businessgoals, business model, funding, politics, culture, technology, resources, andconstraints Audience, tasks, needs, informationseeking behavior, experience Document/data types, contentobjects, volume, metadata, existingstructure, organization Source: Morville & Rosenfeld, 2006

15. InformationArchitecture • Informationorganization / design • Informationlabeling • Navigationdesign • Informationaccess • Informationsearch • Informationclassification • Interfacedesign • Findability • Usability

16. andmore . . . Source: P. Morville, Understandng IA, http://prezi.com/aafmvya6bk7t/understanding-information-architecture/

17. RelatedDisciplines Source: Morville & Rosenfeld, 2006 • Graphicdesign • Software development • Usabilityengineering • Interactiondesign • Experiencedesign • Enterprisearchitecture • Contentmanagement • Knowledgemanagement

19. InformationArchitect Source: P. Morville, Understandng IA, http://prezi.com/aafmvya6bk7t/understanding-information-architecture/

21. IA Concepts Source: Morville & Rosenfeld, 2006

22. IA Systems Source: Morville & Rosenfeld, 2006 Source: Morville & Rosenfeld, 2006

23. IA Deliverables Source: Morville & Rosenfeld, 2006

24. IA Components Source: Morville & Rosenfeld, 2006 • Structuretypes • Organizationsystems • Labelingsystems • Navigationsystems • Searchsystems • Logic

25. StructureandOrganizationSchemes Source: Morville & Rosenfeld, 2006 • Hierarchical, hypertextual (web), linear • Alphabetical • Chronological • Geographical • Ambiguousones • Topical • Task-oriented • Audience-oriented • Metaphor • Hybrids

26. OrganizationStructures Source: Morville & Rosenfeld, 2006 Top-down (hierarchical) Bottom-up (DBMS) Hypertext (web)

27. Questionsanswered . . . Source: Morville & Rosenfeld, 2006

28. LabelingSystems Source: Morville & Rosenfeld, 2006 Contextuallinks Headings Navigationsystemchoices Indexterms

29. Types of NavigationSystems Source: Morville & Rosenfeld, 2006

30. SearchSystems Source: Morville & Rosenfeld, 2006

31. “Whatwefindchangeswhowebecome” Cartoon by Doug Sheppard and Katrin L. Salyers

32. Integratedbrowsing, searching Source: Morville & Rosenfeld, 2006

33. Possible Futures of Search Source: Peter Morville, IA Summit 2008

34. Logic: Metadata Ontologies Taxonomy Classificationsystems Subjectheadings Folksonomies

35. Int’lClassification of Diseases (ICD) T2bN1M1 IVc

36. ControlledVocabularies Source: Morville & Rosenfeld, 2006

37. Thesauri Source: Morville & Rosenfeld, 2006

38. Folksonomies Source: http://scimaps.org/maps/map/design_vs_emergence__127/

39. Folksonomies (cont’d) Source: http://arxiv.org/ftp/cs/papers/0512/0512085.pdf Source: http://arxiv.org/ftp/arxiv/papers/1105/1105.5912.pdf

40. ResearchFramework Source: Morville & Rosenfeld, 2006

41. ResearchMethodsandTools Source: Morville & Rosenfeld, 2006

42. ContentMap Source: Morville & Rosenfeld, 2006

43. Developing IA Strategy Source: Morville & Rosenfeld, 2006

44. horizontal gluedot is attached to the end of this arrow vertical gluedot is attached to the end of this arrow VisualVocabularyTools Source: J.J. Garret, www.jjg.net

45. Jesse James Garret’sVisualVocabulary

46. Blueprints Source: Morville & Rosenfeld, 2006

47. Blueprints (cont’d) Source: Morville & Rosenfeld, 2006

48. Sketchingwireframes Source: http://www.boxesandarrows.com/view/sketchy-wireframes

49. Wireframes Source: Morville & Rosenfeld, 2006

50. Wireframes (cont’d) Source: Morville & Rosenfeld, 2006