Information Architecture Donna Maurer Usability Specialist.

Slides:



Advertisements
Similar presentations
Metadata for Digital Content at the Library of Congress Jane Mandelbaum Information Technology Services Library of Congress May 2009.
Advertisements

Mine Action Information Center
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Information Architecture for Internal Users Anne Welsh Chambers Librarian, 18 Red Lion Court Information Officer, DrugScope, June 2003 – September 2007.
Gary Browning and Vincci Kwong Indiana University South Bend 2014 ILF District 1 Conference Responsive Web Design for Libraries.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
University Web Forum 27 June 2007 Mini Masterclass Information Architecture A crash course Presenter: Georg Hibberd.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Organising Information in your Website Steps and Schemes.
ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 26, 2004.
IA Natalia Shatokhina CS 575 Information Architecture.
Multimedia & Website Design Initial Planning (Part 2)
IA Information Architecture Natalia Shatokhina CS 575.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Web Site Design Howell Istance. SOFT Interactive Systems Web Site Design n Essentially the same process as when designing any interactive application,
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 8B.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
Cathy Bailey Comp 6626 Project # 2 10/23/2009. WireFrame Alternative #1 Scenario: Click on a state and a PDF document of the state’s two page profile.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Information Architecture IBE312
Administration Of A Website Information Architecture November 17, 2010.
Philadelphia Area SharePoint User Group Welcome to the Philadelphia Area SharePoint User Group Russ Basiura SharePoint Consultant.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
Commercial-in-Confidence 1 Information Architect and the Development Internet Application Tweek Presentation May 2001.
CHI 2003 Workshop on Designing Personalized User Experiences for eCommerce April 6, 2003 Keith Instone © 2003.
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.
Design h.d.mabuse | Design | Staff | Process | Clients | Cases Created in 1996, C.E.S.A.R gathers a highly qualified team of professionals,
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
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.
1 State Records Center Entering New Inventory  Versatile web address:  Look for any new ‘Special Updates’ each.
Delivering Usable Content: How to Write (and Edit) for the Web Amy Lawless, ORISE.
A Project Guide to UX Design:
Kcrw.org Dino Anastasia Mellanye Lackey Mary Morgan Abbey Potter.
DRUPAL AND INFORMATION ARCHITECTURE MICHAEL WAYNE HARRIS INFORMATION ARCHITECT USER EXPERIENCE & WEB SERVICES.
SUMMON ® 2.0 DISCOVERY REINVENTED. What is Summon 2.0? A new, streamlined, modern interface New and enhanced features providing layers of contextual guidance.
The Promise of Information Architecture Keith Doyle Web Content Architect University of Salford.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Definition of a taxonomy “System for naming and organizing things into groups that share similar characteristics” Taxonomy Architectures Applications.
LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
WISER : OxLIP+ Workshops in Information Skills and Electronic Research Oxford Libraries Information Platform Craig Finlay Gillian Beattie.
4 April 2001Jesse James Garrett · · Measuring Information Architecture Quality · 1.
Large Corporation Web Sites Efficient process Maximum effectiveness.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Human Centric Computing (COMP106) Assignment 2 PROPOSAL 23.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Web Content Development Dr. Komlodi Class 1: Introductions, Elements of Web Design.
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
CERN IT Department CH-1211 Genève 23 Switzerland t Services and Resources Web IT Services and Resources Web Pages A Proposal Tim Bell 1.
Library Instruction Services Redesign Danielle Skaggs Fall 2006.
Building a Better Compass David Dewar & Simon LeadlayFebruary 8 th 2002 System Design  Design principles for operating systems, suites of applications.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Web Development A Visual-Spatial Approach
Taxonomies & Classification for Organizing Content
Information Architecture
Kapi’olani Community College
Anatomy of IA Search Browse “Invisibles” Interface Query Language
Designing for the World Wide Web
Phases of Designing a Website
Presentation transcript:

Information Architecture Donna Maurer Usability Specialist

About me Consultant for Step Two Designs Previously government departments Designing intranets & websites, business applications Usability testing, user research, information architecture Studying Master of Human Factors (UQ)

Lecture overview What is information architecture Information can be arranged and accessed in many ways Design process for information architectures Information architecture for interactive systems Information architecture for ubiquitous systems

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

Information is arranged in many ways Date Alphabetical Geography Topic Hierarchy Faceted Organic Combination Good IA allows access to information in many ways

By date

Alphabetical

By geography

By audience

By task

By topic

By category

Organic organisation system

About hierarchies UC Home Future students Entry into UC About UC courses UC College Campus life Current students Announcements OSIS Academic dvisions & schhols Studying at UC Staff Announcements OPUS Directories & maps Academic dvisions & schhols

Getting around - navigation

Navigation Every page of a site should let you know: – Where am I – What’s here – Where can I go now – Where have I been People don’t always work from the home page – they get to a page from a link or from a search

Types of navigation Global navigation – Persistent across a site – Allows access to major parts of the site Local navigation – Lets you move around the current ‘section’ Contextual navigation – Inline links, to anywhere Supplemental navigation – Helpers – site map, A-Z index See also – Related links

Navigation

Social navigation

Labeling Good labels – Are understandable by the reader – Are consistent within the site – Clearly describe where you are going next Labeling is not easy – it is as complex as structure and navigation Where to get labeling ideas: – User research – Search terms – Referrer terms – Call centre/people in contact with users

Search What to search Query structure - how to search it Relevance - which results are the most important How to display the results

Metadata ‘Data about data’ – Title – Description – Authored date – Keywords Historically used to improve searching – search can use the metadata fields Also can be used to relate information together

In an IA project Research – Business needs – User requirements – Content – Gives me an understanding of the domain Understand technical opportunities or limitations Design site structure (site map) Design navigation and page layouts (wireframes) Design metadata, search and relationships Usability test throughout the process Creates a blueprint for the site – technical work after blueprint created and tested

IA for interactive sites Sites that are primarily about ‘doing things’ use IA differently – Fewer pages than a large informational site, so site map may show workflow not structure – Navigation and labeling still important More emphasis on scenarios Wireframes show a lot more detail and show all screens Design process is very similar

The elements of user experience

IA for ubiquitous computing Depends on the ubicomp device – For this assignment, interaction is more important – Navigation – getting around the interface – Labeling always important Design process is similar As information becomes embedded into our environment, accessing that information will become important…

IA Resources Books – Information Architecture for the World Wide Web – Louis Rosenfeld & Peter Morville – Elements of user experience – Jesse James Garrett – Information Architecture – Blueprints for the Web – Christina Wodtke – Don’t Make Me Think – Steve Krug Online – Boxes and Arrows – – IAslash - – IAwiki – Some blatant self-promotion – My weblog – – My organisation –