IA Natalia Shatokhina CS 575 Information Architecture.

Slides:



Advertisements
Similar presentations
Information Architecture for Indexers Presented by Fred Leise American Society of Indexers National Conference Galveston, Texas May 18, 2002 © 2002 ContextualAnalysis.
Advertisements

Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
1 DAFFODIL Effective Support for Using Digital Libraries Norbert Fuhr University of Duisburg-Essen, Germany.
Innovation in Search? Tom Reamy Chief Knowledge Architect KAPS Group Knowledge Architecture Professional Services
University Web Forum 27 June 2007 Mini Masterclass Information Architecture A crash course Presenter: Georg Hibberd.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
IA Information Architecture Natalia Shatokhina CS 575.
The Subject Librarian's Role in Building Digital Collections: Where Information Management and Subject Expertise Meet Ruth Vondracek Oregon State University.
Expanding Enterprise Roles for Librarians Tom Reamy Chief Knowledge Architect KAPS Group Knowledge Architecture Professional Services
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Lecture Two Database Environment Based on Chapter Two of this book:
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Usability Driven GUI Design Portal as a Gateway to Intranet Resources Matthew Winkel Usability Analyst.
Information Architecture IBE312
Administration Of A Website Information Architecture November 17, 2010.
Information Architecture Donna Maurer Usability Specialist.
PBA Front-End Programming Development Organisation.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
IBE312 Information Architecture 2013 extracted from IA: Moreville and Rosenfeld, 2007 Ch. 10 Research Ch. 11 Strategy Ch. 12 Design & Documentation.
Database Environment 1.  Purpose of three-level database architecture.  Contents of external, conceptual, and internal levels.  Purpose of external/conceptual.
IBE312 (2014) Information Architecture: Part I – Introduction Notes for Chapters 1-2 Modified for 2014 (JMD) with earlier notes by Hans Fredrik Nordhaug.
The Information School at the University of Washington Information Architecture What is it Bob Boiko UW iSchool ischool.washington.edu Metatorial Services.
CS598CXZ Course Summary ChengXiang Zhai Department of Computer Science University of Illinois, Urbana-Champaign.
Multimedia Specification Design and Production 2013 / Semester 2 / week 7 Lecturer: Dr. Nikos Gazepidis * Notes by Dr Trevor Baker.
Information Architecture for Librarians or The top 10 things you can do to improve your website.
Evaluation of digital collections' user interfaces Radovan Vrana Faculty of Humanities and Social Sciences Zagreb, Croatia
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
M ODULE 5 – S HARE P OINT 2010 C ONTENT T YPES.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
A Project Guide to UX Design:
IBE312: Information Architecture Summary Information Architecture: Part I - Introduction.
Information architecture
DRUPAL AND INFORMATION ARCHITECTURE MICHAEL WAYNE HARRIS INFORMATION ARCHITECT USER EXPERIENCE & WEB SERVICES.
The Promise of Information Architecture Keith Doyle Web Content Architect University of Salford.
LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.
Web Content Development Dr. Komlodi Class 2: Defining & Practicing IA.
1 CS430: Information Discovery Lecture 18 Usability 3.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
PBA Front-End Programming Development Organisation.
1 Chapter 1 Introduction to Databases Transparencies.
Information Architecture & Design Course Overview -Syllabus -Requirements & Preferences -IA & Design Readings -Group Projects IA Overview -What is IA?
Text Analytics Workshop Tom Reamy Chief Knowledge Architect KAPS Group Knowledge Architecture Professional Services
Intellectual Works and their Manifestations Representation of Information Objects IR Systems & Information objects Spring January, 2006 Bharat.
Advanced Semantics and Search Beyond Tag Clouds and Taxonomies Tom Reamy Chief Knowledge Architect KAPS Group Knowledge Architecture Professional Services.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Metadata and Meta tag. What is metadata? What does metadata do? Metadata schemes What is meta tag? Meta tag example Table of Content.
Information Architecture Strategy Recommendation Highlights Presented by Cord Woodruff, Ph.D. September 5, 2001.
Web Content Development Dr. Komlodi Class 1: Introductions, Elements of Web Design.
Navigation and Menus Will Meurer. Topics Navigation Basics Navigational Elements Other Navigation Techniques Implementation Usability Take Away Points.
Achieving Semantic Interoperability at the World Bank Designing the Information Architecture and Programmatically Processing Information Denise Bedford.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Jane Greenstein Content Strategy & UX February, 2016.
IFORMATION ARCHITECTURE INTRODUCTION Presentation by Tatevik Zargaryan 10/06/2016copyright All Rights Reserved 1.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Web Development A Visual-Spatial Approach
Systems Analysis and Design in a Changing World, 6th Edition
VI-SEEM Data Repository
Taxonomies & Classification for Organizing Content
Informatics 121 Software Design I
User IA: Blogs, WIKIs & RSS feeds
Informatics 121 Software Design I
Informatics 121 Software Design I
Taxonomies and Classification for Organizing Content
Informatics 121 Software Design I
Tried and True Process to Ensure Business Value with Your SharePoint Deployment Jeffrey Travis United States - EST April 16th /17th, 2014.
Presentation transcript:

IA Natalia Shatokhina CS 575 Information Architecture

Outline What is IA IA for WWW Pervasive IA Example

Architecture of a cup Weight and size conductive to being held in hand Relationship between walls and bottom that allows containment Open top, for consumption of liquid Create architecture==Describe the essense

Definition of IA (from “Polar Bear book”) 1. The structural design of shared information environments 2.The combination of organization, labeling, search, and navigation systems within web sites and intranets. 3.The art and science of shaping information products and experiences to support usability and findability 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape

Information organization Librarians put the collection of books within framework of information architecture that facilitates access to those materials Information architects perform a similar role but within the context of websites and digital content.

Effective IA design model IA Content Context Users Audience, tasks, needs,info- seeking behavior, experience Business goals, funding, politics, culture, technology, resources Document/data types, content objects, volume, existing structure

IA starts with User Study user needs and behavior to pick up a correct user behavior model Types of behaviors known item seeking exploratory search exhaustive search How to learn about user behavior? search analytics method context inquiry method

IA Components Organization systems (how we categorize information) Navigation systems (how we browse or move through information) Searching systems (how we search information, e.g executing a search query against an index) Labeling systems (how we represent the information, e.g.Terminology )

Visualizing IA Organization systems search Navigation systems

Organization system The grouping of like content together Provides a way to browse the structure of the site Schemes: chronological geographical alphabetical

Navigation and Search systems Global Local Contextual Supplemental Global Navigation Contextual Local Where I am? What is related to what’s here? What’s nearby?

Labeling system The interface to the organization scheme - the names of the different categories Appears in the words in the navigation systems One of the most important aspects and one of the most difficult to do. Needs to reflect the content and the user - must be written in user’s language

Designing labeling system The proprietor of this website ditched conventional wisdom, utilizing terminology they knew their users would better understand. In fact, the whole store is premised on this innovative nomenclature scheme, and it's been frightfully successful… labels

Classification schemas Two classification models: Faceted (Item is tagged with set of attributes and values and organization of these objects emerges from this classification and from how user decides to access them). Hierarchical (only one place for an item according to classification scheme) Category Subcategory 1Subcategory 2 Item

Faceted classification example facets Item = particular wine FacetValue Type of wine Red, White Wine Regions California, France …………..

Process of IA Design of complex web-sites requires an interdisciplinary team that involves graphic designers, software developers, content managers, usability engineers and other experts Research -> Strategy -> Design -> Implementation -> Administration Research phase - review background, understand goals,business context, existing IA, content and intended audience Strategy phase - define the highest two or three levels of the site’s organization and navigation structure. Suggest candidate document types and metadata schema. Design phase- creating detailed blueprints, wireframes and metadata schema that will be used by graphic designers, programmers, content authors.

Research Background search Presentations and meetings Stakeholders interviews Technology assesment Context Heuristic evaluation Metadata and content analysis Content mapping Benchmarki ng Content Server log & clickstream analysis Use cases and personas Contextual inquiry User interviews and testing Users

IA iceberg Interface Wireframes, Blueprints Metadata, Classification scheme, Thesauri Information architecture strategies, Project plans Users Needs, behaviors Content Structure, meaning Context Culture, technology

Some trends… Organizing search (collaborative tagging - tag clouds, “I’m feeling lucky” button) RIA Information Visualization (newsmap) Person-based organization : google personalized search Social navigation (amazon collaborative filtering)

Definition of IA (revisited) 1.The structural design of shared information environments 2.The combination of organization, labeling, search, and navigation systems within web sites and intranets. 3.The art and science of shaping information products and experiences to support usability and findability 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape

From wikipedia “ Pervasive computing”: ……At their core, all models of ubiquitous computing (also called pervasive computing) share a vision of small, inexpensive, robust networked processing devices, distributed at all scales throughout everyday life and generally turned to distinctly common-place ends. Pervasive IA? Future directions: developing pervasive IA 1.Understand of how information is used, how it flows, and how it fits within the user’s world (its context) 2.Create a systematic description of the information content of a given product, service, or environment. (categories…etc.)

Pervasive design example (by Maya Design company) Carnegie library in Pittsburgh Paper “Designing for a pervasive information environment”: the importance of information architecture” Goal: to design public library environment “Pervasiveness” of the situation: After observing customers and talking with librarians we had much more complete picture of the kinds of information available and how people accessed that information. We discovered for example that information a customer is seeking might reside in multiple media (books, bulletin boards, magazines, microfiche, newspapers, videotapes, posters, electronic articles and other people) in different locations (building, floors, shelves, computers) with different access and organization methods..The variety and complexity of these choices demonstrate the pervasiveness of information in a library

References Information Architecture for world Wide Web, Peter Morville and Louis RosenFeld, O’Reilly, 2007 H.L.McQuaid, A.Goel, M.McManus. Designing for a pervasive information environment: the importance of information architecture, Wikipedia Faceted Search (Synthesis Lectures on Information Concepts, Retrieval, and Services), Daniel Tunkelang. information-architecture-strategy-presentation