Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

ORGANIZING THE CONTENT Physical Structure
1 COMM 1213 H1 COMP 4923 X1 HTML Page Structure and Navigation (Readings: Ch. 5 Lazar)
local structure – single screen global structure – whole site
Information Architecture Information Architecture (IA) is a process of identifying the objectives for building a Web site and then constructing a comprehensive.
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.
Web Site Navigation.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Overview of Navigation Readings Matt Koehler CEP 909 Nov 14, 2001.
Design Activities in Usability Engineering laura leventhal and julie barnes.
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.
User Centered Web Site Engineering Part 2. Iterative Process of User-Centered Web Engineering Prototype Evaluate Discovery Maintenance Implementation.
Information Architecture Professor Larry Heimann Carnegie Mellon University Lecture Notes — Fall 1999.
MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Chapter 13: Designing the User Interface
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Administration Of A Website Information Architecture November 17, 2010.
Information Architecture Donna Maurer Usability Specialist.
Chapter 14 Designing the User Interface
Logos, Icons, and Descriptive Graphics Cindy Taylor.
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
IBE312 Information Architecture 2013 extracted from IA: Moreville and Rosenfeld, 2007 Ch. 10 Research Ch. 11 Strategy Ch. 12 Design & Documentation.
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
Multimedia for the Web: Creating Digital Excitement Planning the Multimedia Web Site.
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
1 WEB Engineering E-Commerce Strategy & Management COM350.
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.
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Definition of a taxonomy “System for naming and organizing things into groups that share similar characteristics” Taxonomy Architectures Applications.
New Ideas for IA Readings review - How to manage the process Content Management Process Management - New ideas in design Information Objects Content Genres.
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.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Information Architecture & Design Week 7 Schedule - Design Critiques due Now - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Information Architecture & Design Week 5 Schedule -Planning IA Structures -Other Readings -Research Topic Presentations Nadalia your Presentations.
Information Architecture & Design Week 6 Schedule -Group Project Plan Due -Browsing and Searching for IA -Other Readings -Research Topic Presentations.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Navigation Design. Presentation Overview Focus on the User Build the Information Architecture Design the Navigation Presentation of Navigation Home Page.
Characteristics of Information on the Web Dania Bilal IS 530 Spring 2006.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
INFM 700: Session 3 Organization and Navigation (cont’d) Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 23, 2011 This work is licensed.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Information Architecture & Design Week 6 Schedule - Browsing and Searching for IA - Other Readings - Research Topic Presentations - Class Work (if time)
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.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Objective % Select and utilize tools to design and develop websites.
Designing a site (2/4) Conceptual Design – 1h
Objective % Select and utilize tools to design and develop websites.
Taxonomies & Classification for Organizing Content
Anatomy of IA Search Browse “Invisibles” Interface Query Language
Designing for the World Wide Web
HCI and Hypermedia/WWW
Planning and Storyboarding a Web Site
Project HE Assignment Web Site Design
Developing a Web Site.
Presentation transcript:

Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations

Anatomy of IA Search -Engine -Index -Results Navigation - Links -Buttons -Page (Site) -Browser Site Maps -Guides and Wizards -Links, Hierarchies and Taxonomies Labels

Structural Anatomy for IA Headings Embedded Links Metadata (appearance) Chunks of Content Lists Steps Identifiers -Navigational Help -Logos(?)

Organizing Information Alphabetical -Directories (Big) -Lists (Smaller) Chronological -Local -Global Geographical Ambiguous -Odd -Rules once known… Personal

Wurman’s Hatracks (LATCH) Location Alphabet Time Category Hierarchy

Organizing Information… Topic -Yellow Pages -Layers Task -Shop -Learn Audience -Experts -Beginners Metaphor Hybrids

IA Structures Top Down -Centralized -Not always just one Bottom Up -Content Driven -Technology Driven Broad and Deep -Grouping -Dynamic (Personalization) Links Creativity Balance

Questions for IA -Who? Purpose Help! -What? Purpose Content -Where? Navigation Wayfinding -When? What’s New? What’s Old? -How? Search? Browse? -Why?

Deliverables That Clarify & Focus Concept Maps -Overview of Design Goals Functions (Groups) Wireframes (GUI) Storyboards -Scenarios -User Perspective Block Diagrams -Flowcharts -Diagram Conventions Flow Maps -Window/Screen Design -High Fidelity Views

Structure & Memorability Site Size & Structure vs. User(s) Perception -Lynch’s Study (to the Web) Landmarks (Passini) Paths (Passini) Districts Nodes (with Hubs) Edges (boundaries) -Algorithm for Landmark Detection (? & Not Effective) -Browsers vs. Searchers -Four Experiment Web Sites Logs Structure User Feedback

Structure & Memorability Results Support Strong Mental Models to make Wayfinding Easier Very Structured Sites are More Usable (and seem smaller) Design Strongly Hierarchical Sites to Make Them Seem Smaller Site Size Has Little Effect on User Navigation and Mental Models User’s Site Drawings Showed Strong Hierarchical Structure -Not much cross-linking drawn

Structure & Memorability Results... Strongly Hierarchical Sites had more Nodes (Pages) accessed “Higher” Nodes are More Memorable More Visits to a Node Increased its Memorability Structural Landmarks Poor Predictors of (Actual) Behavioral Landmarks Strongly Hierarchical Sites May Not Be By Design, but By Perceptual and Cognitive Styles (?) Small Study, but conforms to HCI past

Concept Maps -A Visual Technique for Design -(Relatively) Traditional -Applied in Many Fields Knowledge Structures (Learning) Arguments (Viewpoints) -Software Makes this Possible & Applicable Keywords Structure Mining and Generation -Semantic Networks as Concept Maps -A Modeling Language? (Scripts) -Design and Evaluation Tool (for Groupwork) -As Web Site Amplification (extra window or app?)

You Are Here: Maps 101 We All Know Maps (or do we?) Artistry Accuracy Draw to Scale North as Up/Top Location in Context Standards and Consistency Details (at the right time and place) Scope Views (multiple)

Memory, Structure & Scent for IR Lostness Measures -Optimal Paths -Number of Links and Unique Visits Reaction Times -Completeness -Timeouts Ratings Statistical Analysis -Specific -Over Fitting Links are Easier than other studies? -Numbers and Memory -Menu Design Context of Study

Memory, Structure & Scent for IR Design for a Balance of Depth and Breadth -Favor Breadth over Depth -Support for Task Breadth (Navigation) Balance in Design for Tasks and Functions Numbers of (Menu) Items -Short Term Memory -Design for Long Term Memory -Labels and Affects More Time to Evaluate Larger Structures Search and Browse vs. Breadth and Depth Foraging Support (Optimal Path) Visual (Recognitions) vs. Cognition (Decisions)

Limits of Structure (Bernstein) Hypertext as Craft to Engage Readers Garden & Wilderness Metaphors -Signs -Guideposts Navigation Not Always the Problem -Lots of Navigation Devices (% of page) -Could Be Poorly Written Text Disorientation May Open Other Possibilities -Excitement -Attention

Limits of Structure… Navigation Ease Lets Users Exit Quickly -Were they really finished with the task? Revisitation suggests closure The Central Page (not always the home page) -Were there other elements to explore? Overriding the Content Paths Get “Worn Out” (Commonality) What About Discovery? The Fastest/Shortest Path Is Not Always the Best -Give Readers both Wilderness and Parks to invite adventure or staying.

What’s Next? Presentations Proposal Overview