defining information architecture

57
Designing for People Information Architecture Interaction Design Interface Design Experience Design

Upload: sfenton

Post on 02-Jul-2015

80 views

Category:

Design


0 download

DESCRIPTION

Serena Fenton Introduction to an information architecture course. Images by Serena Fenton or from the Internet (sources noted). Maya design redesign for Carnegie libraries; images from Maya publications.

TRANSCRIPT

Page 1: Defining Information Architecture

Designing for People

Information Architecture

Interaction Design

Interface Design

Experience Design

Page 2: Defining Information Architecture

What is Information

Architecture?What defines usability?

Page 3: Defining Information Architecture

Interaction Design:

Ease of use?

Page 4: Defining Information Architecture
Page 5: Defining Information Architecture
Page 6: Defining Information Architecture

User Focused Design:

a Short HistoryErgonomics

Page 7: Defining Information Architecture

Henry Dreyfuss (1904-1972)

Industrial Designer

Proposed ergonomic

standards Joe and Josephine

Designing for People, 1955

Page 8: Defining Information Architecture

Measurements

based on 1944 US

army statistics

Page 9: Defining Information Architecture
Page 10: Defining Information Architecture

Henry Dreyfus

Designs the Phone

Page 11: Defining Information Architecture

Phases of Design

Research

Analysis

Design

Implementation

Page 12: Defining Information Architecture

1955

Page 13: Defining Information Architecture

We bear in mind that the object being worked on is going to be ridden in, sat upon, looked at, talked into, activated, operated, or in some other way used by people individually or en masse.

When the point of contact between the product and the people becomes a point of friction, then the industrial designer has failed.

On the other hand, if people are made safer, more comfortable, more eager to purchase, more efficient,---or just plain happier---by contact with the product, then the designer has succeeded.

Henry Dreyfuss; Designing for People

Page 14: Defining Information Architecture

Evolution of Phone Design

Model 50AL -1919 Model A1 - 1927 Model 202 - 1930

Model 302 - 1937

Model 500 - 1949

http://www.arctos.com/dial/

Page 15: Defining Information Architecture

Model 500 Telephone Design Process

http://www.cooperhewitt.org/exhibitions/archive/hd/start.htm

Page 16: Defining Information Architecture

Design Process: Analysis

Page 17: Defining Information Architecture

Design Process: Sketching

Page 18: Defining Information Architecture

Design Process: Modeling

Page 19: Defining Information Architecture

Design Process: Drawing

Page 20: Defining Information Architecture

Design Process: Showing

Handset models on wood

Page 21: Defining Information Architecture

Design Process: Critique and Refine

Page 22: Defining Information Architecture

Continued Redesign and Refinement

Page 23: Defining Information Architecture

Steps in the design process

Research, in which we talked with the stakeholders, interviewed and shadowed librarians and customers and walked a mile in the customers’ shoes

Analysis, in which we defined an information architecture and created personas

Design, in which we used three interdisciplinary, intercompany tiger teams to quickly generate a variety of

design concepts

Refinement & implementation, in which we are refining the information architecture, defining a signage strategy, and testing the information architecture by implementing some designs

Page 24: Defining Information Architecture

Redesign of the

Carnegie LibraryAn Information Architecture to Integrate

the Physical and the Digital

Page 25: Defining Information Architecture

Phases of Design

Research

Analysis

Design

Implementation

Page 26: Defining Information Architecture

A disjointed feature-centric systemCarnegie Library of Pittsburgh | Information Environment

Page 27: Defining Information Architecture

The underlying issueCarnegie Library of Pittsburgh | Information Environment

Page 28: Defining Information Architecture

Carnegie Library’s goal

“. . . a preferred destination

for knowledge, entertainment,

and social interaction”

Carnegie Library of Pittsburgh | Information Environment

Page 29: Defining Information Architecture

ResearchPhase 1

Understanding Search and Experience Strategies

Page 30: Defining Information Architecture

Berry Picking

Page 31: Defining Information Architecture

Berry Picking Elements

Typical search queries are not static, but rather

evolve.

Searchers commonly gather information in bits and

pieces instead of in one grand best retrieved set.

Searchers use a wide variety of search techniques

which extend beyond those commonly associated

with bibliographic databases.

Searchers use a wide variety of sources other than

bibliographic databases.

http://www.gseis.ucla.edu/faculty/bates/berrypicking.htm l

Marcia Bates

Page 32: Defining Information Architecture

Iterative Browsing, Searching & Asking

Page 33: Defining Information Architecture

Kelly’s Information Search Process

Page 34: Defining Information Architecture

Experience

People experience the Information Search Process

holistically, with an interplay of thoughts, feelings and

actions. Carol Kuhlthau

Page 35: Defining Information Architecture

Experience Strategy A clearly articulated touchstone that influences all the

decisions made about technology, features, and

interfaces.

Page 36: Defining Information Architecture

Experience Strategy

"You press the button,

we do the rest."

Page 37: Defining Information Architecture

BASIC QUERY

“Do you have a map of Pittsburgh?”

SUBSTANTIVE QUERY

“What’s a good source for literary criticism about Oliver Twist?”

BASIC WAYFINDING QUERY

“Where are the restrooms?”

TARGETED WAYFINDING QUERY

“Where can I find this book?”

Carnegie Experience StrategyCarnegie Library of Pittsburgh | Information Environment

Page 38: Defining Information Architecture

How do I start searching for a book?

Page 39: Defining Information Architecture
Page 40: Defining Information Architecture

Is this the right place to ask? question?

Carnegie Library of Pittsburgh | Information Environment

Page 41: Defining Information Architecture

AnalysisPhase 2

Page 42: Defining Information Architecture

Who are the customers?Carnegie Library of Pittsburgh | Information Environment

Page 43: Defining Information Architecture

Define the underlying information architecture

Carnegie Library of Pittsburgh | Information Environment

Page 44: Defining Information Architecture

Use this framework to describe the customer

experience

Carnegie Library of Pittsburgh | Information Environment

Page 45: Defining Information Architecture

DesignPhase 3

Page 46: Defining Information Architecture

Design for complete customer experience cycleCarnegie Library of Pittsburgh | Information Environment

Page 47: Defining Information Architecture

Design recommendationsCarnegie Library of Pittsburgh | Information Environment

Page 48: Defining Information Architecture

Carnegie Library of Pittsburgh | Information Environment

Design principles

Page 49: Defining Information Architecture

A consistent online experienceCarnegie Library of Pittsburgh | Information Environment

Page 50: Defining Information Architecture

ImplementationPhase 2

Page 51: Defining Information Architecture
Page 52: Defining Information Architecture

Circulation desk = Customer Services

Page 53: Defining Information Architecture
Page 54: Defining Information Architecture

This CourseDeveloping an Information Architecture

Page 55: Defining Information Architecture

Phases of Design

Research

Analysis

Design

Implementation

Page 56: Defining Information Architecture

Summary of Standard I/A Deliverables

User Profiles

Content Inventory

Sample Use-Case Scenarios

Site Hierarchy Map

Paper prototypes (documentation of testing our IA

assumptions)

Detailed wireframes/story boards

Mockups

Style guide

HTML designs and .CSS

Page 57: Defining Information Architecture