1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
Chapter 11 Designing the User Interface
Information Architecture Information Architecture (IA) is a process of identifying the objectives for building a Web site and then constructing a comprehensive.
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.
Internal information 1 EPi/Policy training UK September 12, 2008.
Web Site Navigation.
Organising Information in your Website Steps and Schemes.
Content Organisation Based on Chapter 4 Mc Cracken.
Information Architecture Professor Larry Heimann Carnegie Mellon University Lecture Notes — Fall 1999.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Coolheads Consulting Copyright © 2003 Coolheads Consulting The Internal Revenue Service Tax Map Michel Biezunski Coolheads Consulting New York City, USA.
Hierarchy/navigation and types of navigation in print and electronically.
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
What do you hate most about the web?
Chapter 13: Designing the User Interface
Information Architecture Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Administration Of A Website Information Architecture November 17, 2010.
Search Engine Optimization March 23, 2011 Google Search Engine Optimization Starter Guide.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Designing for the Web 7 Useful Design Principles.
Development and Design of Multimedia Titles UNIT E Bob Griffin MM110 – Communicating with Multimedia.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
Basic Web Design Robby Seitz UM Webmaster Powers Hall.
Organization Systems Schemes for organizing web sites.
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
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 4. Content Organization In this chapter you will learn about: Organizational schemes: classification systems for organizing content into groups Organizational.
3231 Software Engineering By Germaine Cheung Hong Kong Computer Institute Lecture 12.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
1999 Asian Women's Network Training Workshop Tools for Searching Information on the Web  Search Engines  Meta-searchers  Information Gateways  Subject.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
3.02C Website Organization 3.02 Develop webpages..
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Living Systems Model Overview Why a new ID Model? Living Systems Model Phases Examples.
Information Architecture & Design Week 7 Schedule - Design Critiques due Now - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations.
IWM 14 Information Architecture: Designing Navigation.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Chapter 4: Content OrganizationCopyright © 2004 by Prentice Hall What do you hate most about the web? Number one answer: I can’t find what I’m looking.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
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.
After testing users Compile Data Compile Data Summarize Summarize Analyze Analyze Develop recommendations Develop recommendations Produce final report.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Colby Smart, E-Learning Specialist Humboldt County Office of Education
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Organization Systems. What do we need it for? We need to organize information thus enabling people to find the right answers to their questions via supporting.
Content, Visual and Navigation Copyright © 2004 by Prentice HallMcCracken & Ayres 1.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
3.02C Website Organization
Unit 14 Website Design HND in Computing and Systems Development
Anatomy of IA Search Browse “Invisibles” Interface Query Language
HCI and Hypermedia/WWW
Planning and Storyboarding a Web Site
4.01 Examine web page development and design.
Presentation transcript:

1999 Asian Women's Network Training Workshop

A short discussion about Information Architecture

1999 Asian Women's Network Training Workshop What we will cover 1Organization 2Navigation 3Labeling 4Searching and Browsing 5Conceptual Design

1999 Asian Women's Network Training Workshop Organizing Information  how we organize our information tells the world about who we are, what we are, what we stand for  challenge of ever-growing WWW: more freedom to publish information, greater responsibility in organizing information

1999 Asian Women's Network Training Workshop Organizing Information  classification systems are built on language which is often ambiguous (not clear)  challenge of putting together information in different formats: text, graphics, sound, etc.  as information providers our view of how information should be organized may differ with those of the users

1999 Asian Women's Network Training Workshop Organizational Schemes  alphabetical  chronological  geographical  topical  task-oriented  audience-specific  metaphor-driven  hybrid schemes

1999 Asian Women's Network Training Workshop Organizational Structures  heirarchy: top-down approach  relational database model: bottom-up approach

1999 Asian Women's Network Training Workshop Designing Navigation Systems Provide Context  it should be clear to users that they are in your site  indicate to user here location within the heirarchy of the site Provide Flexibility  allow user to jump across branches (lateral navigation), or  between multiple levels (vertical navigation)

1999 Asian Women's Network Training Workshop Types of Navigation Systems  Heirarchical  Global  Local  Adhoc

1999 Asian Women's Network Training Workshop Navigation Elements  navigation bars  frames  pull down menus  remote navigation elements like: table of contents, index, site map, guided tour

1999 Asian Women's Network Training Workshop Labeling  labels are needed to represent large groups of information effectively and efficiently without taking up too much of a page’s vertical space  can be textual (use words) or iconic (use graphics)  used as links to information in other pages  used as headings that break up and identify groups of information on the same page (

1999 Asian Women's Network Training Workshop Example of labels  Main, Main Page, Home, Home Page  Search, Find, Browse, Search/Browse, Site Map, Contents, Table of Contents, Index  Contact, Conctact Us, Contact Webmaster, Feedback  Help, FAQ, Frequently Asked Questions  News, What’s New  About, About Us, About, Who We Are

1999 Asian Women's Network Training Workshop Why use labels?  users’ time is precious  we want our users to feel that we are reliable  we want the site’s labels to speak the same language as our users (this is real challenge in Asia!)

1999 Asian Women's Network Training Workshop A good labeling systems should be planned.

1999 Asian Women's Network Training Workshop Some Tips  make your labels descriptive and differentiated from one another (example global vis-à-vis international)  use the same label consistently across your the site  scope notes can be helpful  study how other sites use labels  consult existing thesauri  consult intended users

1999 Asian Women's Network Training Workshop Searching or Browsing?  Users need to find information in our site more easily  Confusion over searchability and findability  Some many users want to search a site, others just want to browse

1999 Asian Women's Network Training Workshop Users have different needs  some users don’t have time to browse  some users serach when they don’t necessarily need know what they are looking for

1999 Asian Women's Network Training Workshop Users search for information differently  known-item searching: they know exactly what they are looking for  existence searching: they know what they want but don’t know how to describe it  explanatory searching: they know how to phrase their question but don’t know exactly what they are hoping to find, they are just exploring  research: they want everything that’s available on a given topic

1999 Asian Women's Network Training Workshop Not all users are looking for the same thing. Anticipate the most common types of needs and ensure that these needs are met.

1999 Asian Women's Network Training Workshop Search Engines, when to build them  when the site has grown in volume of informaton and in complexity of organization  if the site contains highly dynamic content, e.g. updated on a daily basis  when you are ready with the responsibility of designing, configuring and maintaining a search engine

1999 Asian Women's Network Training Workshop Searching and Browsing  users often alternate between searching and browsing  users often don’t know if they need to search or to browse

1999 Asian Women's Network Training Workshop Conceptual Design Designing our Web site involves answering the following:  How should the information be organized?  How does the heirarchy look like?  How will the information be labeled at the highest level of heirarchy?  Are we implementing searching or browsing or both?

1999 Asian Women's Network Training Workshop Collaborative Methods for Designing  Using White Boards and Flip Charts to illustrate the architecture  Using metaphors to communicating complex ideas and generating enthusiasm  Using scenarios  Using Architecture Blueprints  Using Architectural Page Mockups  Using design Sketches  Using Web-based Prototypes