SlideShare a Scribd company logo

Sva Intro to Information Architecture & Design Fall 09

A
Anh Dang

This document provides an introduction to a course on Information Architecture and Design taught at the School of Visual Arts. It introduces the instructor, Anh Dang, and outlines some of the key topics that will be covered in the class, including organizing information using techniques like card sorting, visualizing data using visual variables and gestalt principles, and designing user interactions that consider concepts like affordances, mapping, constraints, visibility and feedback. The document includes examples and proposes exercises for students to redesign an interface to improve its usability based on information architecture principles.

EducationNews & Politics
1 of 101
Downloaded 142 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
INTRODUCTION TO Information Architecture & Design SCHOOL OF VISUAL ARTS | FALL 2009 | ANH DANG Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
About Me Anh Dang Information Architect NEW YORK TIMES Adjunct Professor SCHOOL OF VISUAL ARTS PRATT INSTITUTE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
About You Hello Class Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Let’s Go Let’s get started Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
About the class Lectures Discussions Exercises Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
3 I’s Information + (Interactions + Interfaces) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
3 I’s Information + ( Interactions + Interfaces ) • Understanding content • Organize content Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
3 I’s Information + ( Interactions + Interfaces ) • Understanding content • Mapping task flows • Learning design basics • Organize content • Evaluating user goals • Creating a concept • Testing prototypes Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Discussion Point What is IA? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
http://flickr.com/photos/dcjohn/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Venn Diagram CONTEXT IA CONTENT USERS Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
IA/ID Pyramid INTERFACE INFORMATION ARCHITECTURE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Discussion Point What is GOOD design? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Braun’s 10 Principles of Good Design Braun’s 10 Principles of Good Design GOOD DESIGN IS 1. Innovative 2. Enhances the usefulness of product 3. Is aesthetic 4. Displays the logical structure of a product; it’s form follows its function 5. Is unobtrusive 6. Is honest 7. Is enduring 8. Is consistent right to the details 9. Is ecologically conscious 10. Is minimal design Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Goals Goals of User Experience Design Create designs that effectively communicate a message and allow users to accomplish their goals easily, simply, and rapidly. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
*****ADDPICTURE****** Exercise 1 DESIGN LIGHTNING ROUND Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Quote “Don’t make me think.” STEVE KRUG Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
ATM Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Subway ***ADD PHOTO*** Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Door 1 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Door 2 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Remote 1 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Remote 2 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Microwave Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Themostat Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Yahoo Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Bing Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Google Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Example Continental Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Example Northwest Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
ORGANIZING INFORMATION Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
“There are often better ways to organize data than the traditional ones that first occur to us. Each organization of the same set of data expresses different attributes and messages. It is also important to experiment, reflect, and chose which organization best communicates our messages.” NATHAN SHEDROFF Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: L A T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: Location A T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: Location Alphabet T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: Location Alphabet Time C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: Location Alphabet Time Category H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: LATCH Most information can be organized by: Location Alphabet Time Category Hierarchy RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Example: Vietnam War Memorial Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
CASe Study: NYT Homepage (category) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Case StudyL Times Wire (time) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
*****ADDPICTURE****** Exercise 2 SHOPPING ON ETSY Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
EXERCISE 1 Exercise 1 Etsy is a site with a lot of products and a lot of categories. Conduct a card sort and organize the content in a manner that is useful and interesting. Propose a new navigation system that is easy for users to find search and browse for ETSY products •Group and label with index cards, post-it notes •Cluster similar items and create categories •Identify patterns and relationships •Recommend a new taxonomy Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Card Sorting CARD SORTING Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Quote “Card sorting is a great, reliable, inexpensive method for finding patterns in how users would expect to find content or functionality.” DONNA SPENCER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Card Sorting Card Sorting METHODOLOGY • Grouping and labeling with index cards, post-it notes GOALS • Find names for groups of content based on user’s perspective. • Organize content more efficiently. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
VISUALIZING INFORMATION Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Visual Organization Visual Variables of Contrast POSITION SIZE HUE VALUE ORIENTATION SHAPE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Gestalt Principles of Grouping Gestalt Principles of Grouping PROXIMITY SIMILARITY CONTINUITY CLOSURE AREA SYMMETRY Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Jock Mackinlay’s Visual Features Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Gestalt Principles of Grouping Information Seeking Mantra BEN SCHNEIDERMAN • Overview first • Zoom & filter • Details on demand Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
*****ADDPICTURE****** Examples Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Example: Map Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Example: Map Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Case Study: Gap Minder Hans Rosling GAP MINDER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Lunch LUNCH Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
INTERACTIONS & INTERFACES Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
“Most design is intended to be used by people, so the needs and requirements of people ought to be driving much of the work throughout the entire process.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Donald Norman http://www.jnd.org/NNg-Photographs/DonNorman2003-5.jpg Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Things to Consider Things to consider… • Who is the target audience? • What is the purpose of the product? • When would this product be used? • Where would this product be used? • How easy is it to understand what to do? • What are all the steps needed to accomplish a task? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Things to Consider Things to consider… • Who is the target audience? • What is the purpose of the product? • When would this product be used? • Where would this product be used? • How easy is it to understand what to do? • What are all the steps to accomplish a task? • What are the business goals? • What are the user goals? • What are the product interface goals? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Principle: Design Concepts Key Design Concepts Affordance Mapping Constraints Visibility Feedback Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Affordance AFFORDANCE “Perceived properties that determine how a thing is used [and] provide strong cues to the operations of things.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
affordance Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Affordance Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Mapping MAPPING “Relationship between two things, in this case between controls and their movements and the results in the world.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Mapping http://flickr.com/photos/annavsculture/441610821/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Mapping Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Contraints CONSTRAINTS Limitations that constrain possible interactions Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Constraints http://flickr.com/photos/annavsculture/441610821/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Constraints Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Visibility VISIBILITY “Just the right things have to be visible: to indicate what parts operate and how, to indicate how the user is to interact with the device.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Visibility Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Visibility Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Fdback FEEDBACK “Sending back to the user information about what action has actually been done, what result has been accomplished.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Feedback Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Feedback http://flickr.com/photos/huladancer22/530743543/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
*****ADDPICTURE****** Exercise 3 ZIPTHRU Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
EXERCISE 2 Exercise 3 Redesign the interface and user taskflow of Zipthur to improve its usability. Use information organization principles such as LATCH, visual variables of contrast, gestalt principles of grouping to improve: •Affordance •Mapping •Visibility •Constraints Diagram the task flows to 1.Check balance 2.Get a New Card 3.Add funds to your card Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Design Process To do… • Heuristic Evaluation • Map task flows • Sketch concepts • Prototype • User Test Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
HEURISTIC EVALUATION http://www.flickr.com/photos/mollivan_jon/67850029 / Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Card Sorting Heuristic Evaluation METHODOLOGY • Use a small set of criteria to evaluate information and interface to identify usability problems. GOALS • Evaluate usability of current product and guide design direction. • Organize content more efficiently. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Task Flows TASK FLOWS Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Task Flow Task Flows METHODOLOGY • Identify all the possible pathways of user tasks GOALS • Identify gaps and opportunities of how to improve the flow of information and interactions. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Sketching SKETCHING Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Quote “There are techniques and processes whereby we can put experience front and center in design. My belief is that the basis for doing so lies in extending the traditional practice of sketching. ” BILL BUXTON Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Technique Methodology • Draw! Goals • Quickly generate ideas and refine through iterations. • Identify key features and functionality. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Sketching Attributes of a Sketch BILL BUXTON • Quick • Timely • Inexpensive • Disposable • Plentiful • Clear vocabulary • Distinct gesture • Minimal detail • Appropriate degree of refinement • Suggest & explore rather than confirm Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Paper Prototyping PAPER PROTOTYPING http://www.flickr.com/photos/arrrika/2298422351/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Quote “A prototype can answer design questions and communicate design ideas… ” FRED BEECHER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
User Testing USER TESTING http://www.flickr.com/photos/psd/2247745929/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
resources Resources SITES • interactiondesign.sva.edu • boxesandarrows.com • konigi.com • subtraction.com • smashingmagazine.com • designmind.frogdesign.com • adaptivepath.com • iainstitute.com ORGANIZATIONS • Interaction Designers Association (IxDA) • Usability Professionals’ Association (UPA) • Human Computer Interactions (HCI) • AIGA EVENTS • Swiss Miss Creative Mornings • SVA MFA Interaction Design Events Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
Good Design “Good design will have it all - aesthetic pleasure, art, creativity - and at the same time be usable, workable, and enjoyable.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
THE END. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang

More Related Content

PDF
Basics of Interaction Design + Strategy F2011 Part 1
Anh Dang
 
PDF
Basics of Interaction Design & Strategy Fall 2012
Anh Dang
 
PDF
Basics of Interaction Design & Strategy Spring 2012 Part 1
Anh Dang
 
PDF
Basics of Interaction Design Strategy Spring 2012 Part 2
Anh Dang
 
PDF
Basics of Interaction Design + Strategy F2011 Part 2
Anh Dang
 
PDF
Skills And Competence A Lifespan Perspective Public
Leo Casey
 
PDF
2013 Professional Portfolio
Allen Cochran
 
PDF
2012 Profession Portfolio of Allen J Cochran
Allen Cochran
 
Basics of Interaction Design + Strategy F2011 Part 1
Anh Dang
 
Basics of Interaction Design & Strategy Fall 2012
Anh Dang
 
Basics of Interaction Design & Strategy Spring 2012 Part 1
Anh Dang
 
Basics of Interaction Design Strategy Spring 2012 Part 2
Anh Dang
 
Basics of Interaction Design + Strategy F2011 Part 2
Anh Dang
 
Skills And Competence A Lifespan Perspective Public
Leo Casey
 
2013 Professional Portfolio
Allen Cochran
 
2012 Profession Portfolio of Allen J Cochran
Allen Cochran
 

What's hot (13)

PPT
Thinking preso6 1-12
Cynthia Clay
 
PDF
Stanford's First Behavior Design Major
David Ngo
 
PDF
Video Games & Education: Building A Sustainable Innovation Ecosystem
Al Meyers
 
PDF
Ace 2010 final 5 6 2010
Al Meyers
 
PPTX
EDIT 9990 Course Introduction & Overview
Tonia A. Dousay
 
PDF
2011 11 11 (uc3m) emadrid slindstaedt kmi tug computational support for work-...
eMadrid network
 
PDF
Using Design thinking to tackle Wicked Problems
ClaireSpacecubed
 
PDF
The Drawing Board VS Computer Generation
Mohd Syahmi
 
PDF
DUHRING1
John Duhring
 
PDF
Flotree customer centered vision
Dave Flotree
 
PPTX
Design Thinking For Educational Technology
Stefanie Panke
 
PDF
Ge Tutorials Part Vi Design Principles
tcooper66
 
PDF
Australian Curriculum Capabilities and ICT Competence
digimuve
 
Thinking preso6 1-12
Cynthia Clay
 
Stanford's First Behavior Design Major
David Ngo
 
Video Games & Education: Building A Sustainable Innovation Ecosystem
Al Meyers
 
Ace 2010 final 5 6 2010
Al Meyers
 
EDIT 9990 Course Introduction & Overview
Tonia A. Dousay
 
2011 11 11 (uc3m) emadrid slindstaedt kmi tug computational support for work-...
eMadrid network
 
Using Design thinking to tackle Wicked Problems
ClaireSpacecubed
 
The Drawing Board VS Computer Generation
Mohd Syahmi
 
DUHRING1
John Duhring
 
Flotree customer centered vision
Dave Flotree
 
Design Thinking For Educational Technology
Stefanie Panke
 
Ge Tutorials Part Vi Design Principles
tcooper66
 
Australian Curriculum Capabilities and ICT Competence
digimuve
 
Ad

Viewers also liked (20)

PPT
Architecture design in software engineering
Preeti Mishra
 
PDF
5 Type Of Architecture Design Process
Wan Muhammad / Asas-Khu™
 
PPT
Library Design & Architecture
Moreno Barros
 
PPT
Market Research Results: Designing a Community Supported Fishery
janetkrenn
 
PPT
The dependence of butterfly flight on temperature
mstachur
 
PPTX
Pushing Hospital Website Design
Geonetric
 
PDF
Is recruitment synchrony due to shared susceptibility to environmental variab...
mstachur
 
PDF
Taylors school-of-architecture-building-and-design-prospectus
Est
 
PDF
Marine fishery development & climate change_Dr Rani Mary George(The Kerala En...
India Water Portal
 
PDF
Goa Tourism Trade presentation 2015
Goa Tourism
 
PDF
Service Ecology: Design Issues for Hospital Infection Prevention and Control ...
ServDes
 
PPT
Aquarium fish and Marine aquarium fish and Marine ornamental organisms
Sameer Chebbi
 
PDF
Pablo Apraiz - Architect Portfolio
Pablo Apraiz Díaz del Río
 
PPTX
Visual Art Sculpture and Architecture
Jundel Deliman
 
PPT
Sustainable Design Architecture and The Current Home Design Trends
csvarchitect
 
PPTX
Hospital Facility Design: It's Impact on the Patient Experience
Sara Marberry
 
PPT
INDIA INLAND CAPTURE FISHERIES
Vaisakh Gopinathan
 
PDF
Human-Centered Hospital Design in an Era of Digital Diagnostics, Robotics and...
NBBJDesign
 
PDF
Collaboration Architecture Design: Designing End-to-End pervasive Conferencin...
Cisco Canada
 
PPTX
Aquarium
Christine Joy Pilapil
 
Architecture design in software engineering
Preeti Mishra
 
5 Type Of Architecture Design Process
Wan Muhammad / Asas-Khu™
 
Library Design & Architecture
Moreno Barros
 
Market Research Results: Designing a Community Supported Fishery
janetkrenn
 
The dependence of butterfly flight on temperature
mstachur
 
Pushing Hospital Website Design
Geonetric
 
Is recruitment synchrony due to shared susceptibility to environmental variab...
mstachur
 
Taylors school-of-architecture-building-and-design-prospectus
Est
 
Marine fishery development & climate change_Dr Rani Mary George(The Kerala En...
India Water Portal
 
Goa Tourism Trade presentation 2015
Goa Tourism
 
Service Ecology: Design Issues for Hospital Infection Prevention and Control ...
ServDes
 
Aquarium fish and Marine aquarium fish and Marine ornamental organisms
Sameer Chebbi
 
Pablo Apraiz - Architect Portfolio
Pablo Apraiz Díaz del Río
 
Visual Art Sculpture and Architecture
Jundel Deliman
 
Sustainable Design Architecture and The Current Home Design Trends
csvarchitect
 
Hospital Facility Design: It's Impact on the Patient Experience
Sara Marberry
 
INDIA INLAND CAPTURE FISHERIES
Vaisakh Gopinathan
 
Human-Centered Hospital Design in an Era of Digital Diagnostics, Robotics and...
NBBJDesign
 
Collaboration Architecture Design: Designing End-to-End pervasive Conferencin...
Cisco Canada
 
Aquarium
Christine Joy Pilapil
 
Ad

Similar to Sva Intro to Information Architecture & Design Fall 09 (20)

PDF
DESIGN: creation of artifacts in society by Karl T. Ulrich
Marina Caponera
 
PDF
Pragmatic Architecture
guestedb3ee
 
PPTX
What Before How: Making a Home for Information Architecture
The_Understanding_Group
 
PPT
Intro To Ia
Miles Price
 
PDF
Long Live Information Architecture
Darren Hood, MSUXD
 
PPTX
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Robert Stribley
 
PPTX
Introduction to Information Architecture and Design - SVA Workshop 062312
Robert Stribley
 
PDF
Fundamentals of Information Architecture Workshop
Kate Simpson
 
PPTX
SVA Workshop - Fall 121011
Robert Stribley
 
PPT
Definiton, terms and overview
Roxy Pilly
 
PDF
201006 its tutorial
Javier Gonzalez-Sanchez
 
PDF
Toland Portfolio
BonnieToland
 
PDF
Lecture1 is323-enterprise architecture(ea-concepts)
Taibah University, College of Computer Science & Engineering
 
PDF
Lecture1 IS353-Enterprise Architecture(EA-concepts)
Taibah University, College of Computer Science & Engineering
 
PPTX
Introduction to Information Architecture and Design - SVA Workshop 0712
Robert Stribley
 
PPTX
Introduction to Information Architecture and Design - SVA Workshop 0929
Robert Stribley
 
PPTX
Information Architecture: Intro to the Job, Lecture Day 2
Misty Weaver
 
PPTX
An introduction to fundamental architecture concepts
wweinmeyer79
 
PPTX
Introduction to Information Architecture and Design - SVA Workshop 120812
Robert Stribley
 
PPTX
SVA Workshop 021112
Robert Stribley
 
DESIGN: creation of artifacts in society by Karl T. Ulrich
Marina Caponera
 
Pragmatic Architecture
guestedb3ee
 
What Before How: Making a Home for Information Architecture
The_Understanding_Group
 
Intro To Ia
Miles Price
 
Long Live Information Architecture
Darren Hood, MSUXD
 
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 062312
Robert Stribley
 
Fundamentals of Information Architecture Workshop
Kate Simpson
 
SVA Workshop - Fall 121011
Robert Stribley
 
Definiton, terms and overview
Roxy Pilly
 
201006 its tutorial
Javier Gonzalez-Sanchez
 
Toland Portfolio
BonnieToland
 
Lecture1 is323-enterprise architecture(ea-concepts)
Taibah University, College of Computer Science & Engineering
 
Lecture1 IS353-Enterprise Architecture(EA-concepts)
Taibah University, College of Computer Science & Engineering
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Robert Stribley
 
Information Architecture: Intro to the Job, Lecture Day 2
Misty Weaver
 
An introduction to fundamental architecture concepts
wweinmeyer79
 
Introduction to Information Architecture and Design - SVA Workshop 120812
Robert Stribley
 
SVA Workshop 021112
Robert Stribley
 

Recently uploaded (20)

PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
ElishamichaelSamwel
 
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Academy of Grassroots Studies and Research of India (AGRASRI)
 
PPTX
Cell Structure & Organelles in detailed.
DHANASHREESIVAKUMAR
 
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
mohitsuren827
 
PDF
Computing-Curriculum for Schools in Ghana
abigailanane203
 
PDF
Classroom Observation Tools for Teachers
Nicaramirez
 
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
EricaRamos80
 
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
ArchitectAFMMohiuddi
 
PPTX
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
kawisojames10
 
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
Raji Murugan
 
PPTX
Presentation on HIE in infants and its manifestations
joghikamal786
 
PPTX
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
PPTX
GDM (1) (1).pptx small presentation for students
shrawanbpkihs
 
PPTX
Microbial diseases, their pathogenesis and prophylaxis
DevlinaSengupta
 
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
Kweku Zurek
 
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
NihumathunnisaH
 
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
MarjorieLopezTiu
 
PDF
Anesthesia in Laparoscopic Surgery in India
mohitsuren827
 
PDF
RMMM.pdf make it easy to upload and study
sajedul2
 
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
ElishamichaelSamwel
 
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Academy of Grassroots Studies and Research of India (AGRASRI)
 
Cell Structure & Organelles in detailed.
DHANASHREESIVAKUMAR
 
Abdominal Access Techniques with Prof. Dr. R K Mishra
mohitsuren827
 
Computing-Curriculum for Schools in Ghana
abigailanane203
 
Classroom Observation Tools for Teachers
Nicaramirez
 
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
EricaRamos80
 
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
ArchitectAFMMohiuddi
 
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
kawisojames10
 
2.FourierTransform-ShortQuestionswithAnswers.pdf
Raji Murugan
 
Presentation on HIE in infants and its manifestations
joghikamal786
 
Final Presentation General Medicine 03-08-2024.pptx
ZaheerAhmad228692
 
GDM (1) (1).pptx small presentation for students
shrawanbpkihs
 
Microbial diseases, their pathogenesis and prophylaxis
DevlinaSengupta
 
102 student loan defaulters named and shamed – Is someone you know on the list?
Kweku Zurek
 
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
NihumathunnisaH
 
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
MarjorieLopezTiu
 
Anesthesia in Laparoscopic Surgery in India
mohitsuren827
 
RMMM.pdf make it easy to upload and study
sajedul2
 

Sva Intro to Information Architecture & Design Fall 09

  • 1. INTRODUCTION TO Information Architecture & Design SCHOOL OF VISUAL ARTS | FALL 2009 | ANH DANG Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 2. About Me Anh Dang Information Architect NEW YORK TIMES Adjunct Professor SCHOOL OF VISUAL ARTS PRATT INSTITUTE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 3. About You Hello Class Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 4. Let’s Go Let’s get started Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 5. About the class Lectures Discussions Exercises Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 6. 3 I’s Information + (Interactions + Interfaces) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 7. 3 I’s Information + ( Interactions + Interfaces ) • Understanding content • Organize content Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 8. 3 I’s Information + ( Interactions + Interfaces ) • Understanding content • Mapping task flows • Learning design basics • Organize content • Evaluating user goals • Creating a concept • Testing prototypes Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 9. Discussion Point What is IA? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 10. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 11. http://flickr.com/photos/dcjohn/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 12. Venn Diagram CONTEXT IA CONTENT USERS Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 13. IA/ID Pyramid INTERFACE INFORMATION ARCHITECTURE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 14. Discussion Point What is GOOD design? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 15. Braun’s 10 Principles of Good Design Braun’s 10 Principles of Good Design GOOD DESIGN IS 1. Innovative 2. Enhances the usefulness of product 3. Is aesthetic 4. Displays the logical structure of a product; it’s form follows its function 5. Is unobtrusive 6. Is honest 7. Is enduring 8. Is consistent right to the details 9. Is ecologically conscious 10. Is minimal design Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 16. Goals Goals of User Experience Design Create designs that effectively communicate a message and allow users to accomplish their goals easily, simply, and rapidly. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 17. *****ADDPICTURE****** Exercise 1 DESIGN LIGHTNING ROUND Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 18. Quote “Don’t make me think.” STEVE KRUG Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 19. ATM Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 20. Subway ***ADD PHOTO*** Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 21. Door 1 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 22. Door 2 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 23. Remote 1 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 24. Remote 2 Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 25. Microwave Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 26. Themostat Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 27. Yahoo Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 28. Bing Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 29. Google Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 30. Example Continental Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 31. Example Northwest Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 32. ORGANIZING INFORMATION Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 33. “There are often better ways to organize data than the traditional ones that first occur to us. Each organization of the same set of data expresses different attributes and messages. It is also important to experiment, reflect, and chose which organization best communicates our messages.” NATHAN SHEDROFF Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 34. Principle: LATCH Most information can be organized by: L A T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 35. Principle: LATCH Most information can be organized by: Location A T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 36. Principle: LATCH Most information can be organized by: Location Alphabet T C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 37. Principle: LATCH Most information can be organized by: Location Alphabet Time C H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 38. Principle: LATCH Most information can be organized by: Location Alphabet Time Category H RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 39. Principle: LATCH Most information can be organized by: Location Alphabet Time Category Hierarchy RICHARD SAUL WURMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 40. Example: Vietnam War Memorial Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 41. CASe Study: NYT Homepage (category) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 42. Case StudyL Times Wire (time) Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 43. *****ADDPICTURE****** Exercise 2 SHOPPING ON ETSY Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 44. EXERCISE 1 Exercise 1 Etsy is a site with a lot of products and a lot of categories. Conduct a card sort and organize the content in a manner that is useful and interesting. Propose a new navigation system that is easy for users to find search and browse for ETSY products •Group and label with index cards, post-it notes •Cluster similar items and create categories •Identify patterns and relationships •Recommend a new taxonomy Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 45. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 46. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 47. Technique Card Sorting CARD SORTING Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 48. Quote “Card sorting is a great, reliable, inexpensive method for finding patterns in how users would expect to find content or functionality.” DONNA SPENCER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 49. Technique Card Sorting Card Sorting METHODOLOGY • Grouping and labeling with index cards, post-it notes GOALS • Find names for groups of content based on user’s perspective. • Organize content more efficiently. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 50. VISUALIZING INFORMATION Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 51. Principle: Visual Organization Visual Variables of Contrast POSITION SIZE HUE VALUE ORIENTATION SHAPE Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 52. Principle: Gestalt Principles of Grouping Gestalt Principles of Grouping PROXIMITY SIMILARITY CONTINUITY CLOSURE AREA SYMMETRY Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 53. Jock Mackinlay’s Visual Features Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 54. Principle: Gestalt Principles of Grouping Information Seeking Mantra BEN SCHNEIDERMAN • Overview first • Zoom & filter • Details on demand Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 55. *****ADDPICTURE****** Examples Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 56. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 57. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 58. Example: Map Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 59. Example: Map Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 60. Case Study: Gap Minder Hans Rosling GAP MINDER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 61. Lunch LUNCH Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 62. INTERACTIONS & INTERFACES Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 63. “Most design is intended to be used by people, so the needs and requirements of people ought to be driving much of the work throughout the entire process.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 64. Donald Norman http://www.jnd.org/NNg-Photographs/DonNorman2003-5.jpg Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 65. Principle: Things to Consider Things to consider… • Who is the target audience? • What is the purpose of the product? • When would this product be used? • Where would this product be used? • How easy is it to understand what to do? • What are all the steps needed to accomplish a task? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 66. Principle: Things to Consider Things to consider… • Who is the target audience? • What is the purpose of the product? • When would this product be used? • Where would this product be used? • How easy is it to understand what to do? • What are all the steps to accomplish a task? • What are the business goals? • What are the user goals? • What are the product interface goals? Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 67. Principle: Design Concepts Key Design Concepts Affordance Mapping Constraints Visibility Feedback Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 68. Affordance AFFORDANCE “Perceived properties that determine how a thing is used [and] provide strong cues to the operations of things.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 69. affordance Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 70. Affordance Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 71. Mapping MAPPING “Relationship between two things, in this case between controls and their movements and the results in the world.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 72. Mapping http://flickr.com/photos/annavsculture/441610821/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 73. Mapping Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 74. Contraints CONSTRAINTS Limitations that constrain possible interactions Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 75. Constraints http://flickr.com/photos/annavsculture/441610821/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 76. Constraints Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 77. Visibility VISIBILITY “Just the right things have to be visible: to indicate what parts operate and how, to indicate how the user is to interact with the device.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 78. Visibility Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 79. Visibility Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 80. Fdback FEEDBACK “Sending back to the user information about what action has actually been done, what result has been accomplished.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 81. Feedback Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 82. Feedback http://flickr.com/photos/huladancer22/530743543/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 83. *****ADDPICTURE****** Exercise 3 ZIPTHRU Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 84. EXERCISE 2 Exercise 3 Redesign the interface and user taskflow of Zipthur to improve its usability. Use information organization principles such as LATCH, visual variables of contrast, gestalt principles of grouping to improve: •Affordance •Mapping •Visibility •Constraints Diagram the task flows to 1.Check balance 2.Get a New Card 3.Add funds to your card Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 85. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 86. Design Process To do… • Heuristic Evaluation • Map task flows • Sketch concepts • Prototype • User Test Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 87. HEURISTIC EVALUATION http://www.flickr.com/photos/mollivan_jon/67850029 / Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 88. Technique Card Sorting Heuristic Evaluation METHODOLOGY • Use a small set of criteria to evaluate information and interface to identify usability problems. GOALS • Evaluate usability of current product and guide design direction. • Organize content more efficiently. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 89. Technique Task Flows TASK FLOWS Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 90. Technique Task Flow Task Flows METHODOLOGY • Identify all the possible pathways of user tasks GOALS • Identify gaps and opportunities of how to improve the flow of information and interactions. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 91. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 92. Sketching SKETCHING Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 93. Quote “There are techniques and processes whereby we can put experience front and center in design. My belief is that the basis for doing so lies in extending the traditional practice of sketching. ” BILL BUXTON Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 94. Technique Methodology • Draw! Goals • Quickly generate ideas and refine through iterations. • Identify key features and functionality. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 95. Sketching Attributes of a Sketch BILL BUXTON • Quick • Timely • Inexpensive • Disposable • Plentiful • Clear vocabulary • Distinct gesture • Minimal detail • Appropriate degree of refinement • Suggest & explore rather than confirm Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 96. Paper Prototyping PAPER PROTOTYPING http://www.flickr.com/photos/arrrika/2298422351/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 97. Quote “A prototype can answer design questions and communicate design ideas… ” FRED BEECHER Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 98. User Testing USER TESTING http://www.flickr.com/photos/psd/2247745929/ Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 99. resources Resources SITES • interactiondesign.sva.edu • boxesandarrows.com • konigi.com • subtraction.com • smashingmagazine.com • designmind.frogdesign.com • adaptivepath.com • iainstitute.com ORGANIZATIONS • Interaction Designers Association (IxDA) • Usability Professionals’ Association (UPA) • Human Computer Interactions (HCI) • AIGA EVENTS • Swiss Miss Creative Mornings • SVA MFA Interaction Design Events Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 100. Good Design “Good design will have it all - aesthetic pleasure, art, creativity - and at the same time be usable, workable, and enjoyable.” DONALD NORMAN Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang
  • 101. THE END. Introduction to Information Architecture & Design | Fall 2009 School of Visual Arts | Anh Dang