e Science of UX Design

Zack Naylor AIGA Statewide Pivot: Crossroads Aug. 20, 2011

Saturday, August 20, 2011

Art is not Design

Saturday, August 20, 2011

Art is not Design
Not for us anyway.

Saturday, August 20, 2011

Art
aims to

Inspire
http://3.bp.blogspot.com/_PvnAJNEr__c/TUIqWcUJdVI/AAAAAAAAAoA/F1pPI5hZFt4/s1600/napoleon2g.jpg
Saturday, August 20, 2011

Design
solves

Problems
Saturday, August 20, 2011

davidlester. August 20.net/abstract%20and%20interpretive. 2011 .htm Saturday.Art is Interpreted http://www.

Design is Understood Saturday. August 20. 2011 .

Not all Design is created equal. 2011 . Saturday. August 20.

August 20. Saturday. 2011 .Not all Design is created equal. Nor is any design philosophy universally appropriate.

August 20. 2011 .Self Design Genius Design User Centered Design Saturday.

2011 .Self Design Solves your own problem. August 20. Saturday.

I hope. 2011 .Self Design Solves your own problem. Saturday. August 20.

2011 . August 20.Self Design When is Self Design appropriate? When YOU are the user. Saturday.

Saturday. August 20. 2011 .Genius Design Draws from your experience.

Meh. 2011 . Saturday. August 20.Genius Design Draws from your experience.

Saturday.Genius Design When is Genius Design appropriate? . August 20... 2011 ..not really ever..

August 20..except..Genius Design . 2011 ..when you have sufficient domain experience with both the product & users Saturday..

Saturday. 2011 . August 20. use & context.User Centered Design Focuses on behavior.

User Centered Design Focuses on behavior. chicken dinner. 2011 . Winner. use & context. winner. August 20. Saturday.

” .Mike Kuniavsky “Observing the User Experience” Saturday. August 20. to how the product is used.“User centered development process shifts from focus on the way the product is made. 2011 .

We call it User Experience Design (UX) for short Saturday. August 20. 2011 .

it seeks to define the key considerations that go into the development of user experience on the Web today. 2011 http://www. © 2000 Jesse James Garrett Saturday. identified through user research. defining how the user interacts with site functionality Functional Specifications: "feature set": detailed descriptions of functionality the site must include in order to meet user needs User Needs: externally derived goals for the site. Site Objectives: business. Site Objectives: business. or other internally derived goals for the site Web as hypertext system Visual Design: visual treatment of text. This dual nature has led to much confusion. etc. Concrete Completion Jesse James Garrett jjg@jjg.jjg. creative. nor does it define roles within a user experience development team.net 30 March 2000 Web as software interface Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Interface Design: as in traditional HCI: design of interface elements to facilitate user interaction with functionality Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding Interaction Design: development of application flows to facilitate user tasks. but the development of increasingly sophisticated front.The Elements of User Experience A basic duality: The Web was originally conceived as a hypertextual information space.and back-end technologies has fostered its use as a remote software interface. this model does not describe a development process. Rather.net/ia/ . creative. and to clarify the underlying relationships among these various elements. ethno/techno/psychographics. Also. identified through user research. graphic page elements and navigational components Navigation Design: design of interface elements to facilitate the user's movement through the information architecture Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding Information Architecture: structural design of the information space to facilitate intuitive access to content Content Requirements: definition of content elements required in the site in order to meet user needs User Needs: externally derived goals for the site. The goal of this document is to define some of these terms within their appropriate contexts. or other internally derived goals for the site Visual Design Interface Design Navigation Design Information Design Interaction Information Design Architecture Functional Content Specifications Requirements time User Needs Site Objectives Abstract Conception task-oriented information-oriented This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development) that may influence decisions during user experience development. ethno/techno/psychographics. as user experience practitioners have attempted to adapt their terminology to cases beyond the scope of its original application. August 20. etc.

August 20. Saturday. 2011 .A UX process starts with understanding the problem instead of de ning the solution.

Saturday. August 20.A successful design is the perfect marriage of user needs and business goals. 2011 .

August 20. 2011 .User Needs Business Goals Perfect marriage of business needs and user needs + picture Saturday.

August 20.The Nerdery Embedded UX Saturday. 2011 .

August 20.The Nerdery Embedded UX Physical Device Constraints Saturday. 2011 .

August 20.The Nerdery Embedded UX Physical Device Constraints Integration Constraints API Saturday. 2011 .

August 20.The Nerdery Embedded UX Physical Device Constraints Integration Constraints API Software Constraints Saturday. 2011 .

The Nerdery Embedded UX Physical Device Constraints Integration Constraints API Software Constraints User Constraints Saturday. 2011 . August 20.

August 20. 2011 Budget Constraints $ .The Nerdery Embedded UX Physical Device Constraints Integration Constraints API Software Constraints User Constraints Saturday.

2011 . August 20. until you know that you didn't know it Saturday.You don't know what you don't know.

2011 .How do we make informed design decisions? Saturday. August 20.

Research Saturday. August 20. 2011 .

Just like science.com/2011/07/28/309-back-to-the-future/ Saturday.wordpress. http://reeleyes. August 20. 2011 .

empirical data) could be expressed within some formal system of logic whose elementary rules (i.Scienti c theory: a type of inductive theory. August 20. scientific laws) are taken as axioms.e. Saturday.e. in that its content (i. 2011 .

August 20. Form an explanatory hypothesis 4.Scienti c Method: 1. Interpret the data and draw conclusions that serve as a starting point for new hypothesis 7. 2011 . testing the hypothesis 5. Publish results 8. Define a question 2. Gather information and resources (observe) 3. Retest (frequently done by other scientists) Saturday. Perform an experiment and collect data. Analyze the data 6.

Collect data 5. Form a hypothesis 3. Observe 4. Analyze the data 6. Retest (often done by the same designer/team) Saturday.UX Method: 1. Report results 7. August 20. Create a solution 8. 2011 . Define a question 2.

Young. Mental Models: Aligning Design Strategy with Human Behavior. 2011 . Saturday. 2008. Indi. August 20.

Indi. Mental Models: Aligning Design Strategy with Human Behavior. 2008. August 20. Saturday. 2011 .Young.

August 20.Why do research? Saturday. 2011 .

Saturday. 2011 . August 20. Inform decisions.Why do research? Build empathy.

Saturday.Why do research? oroughly de nes the problem. 2011 . August 20.

August 20. Saturday. 2011 .Why do research? Design for the end user.

Deductive Reasoning: 1. August 20. 2011 . 2. Zack is a man. 3. Therefore. Men are mortal. Saturday. Zack is mortal.

August 20.Inductive Reasoning: 1. Small text is hard to read. 3. Most people can understand larger text. 2. Saturday. 2011 . we can assume larger text will be easier to read. Therefore.

August 20.Abductive Reasoning: 1. Iʼve seen people have a hard time reading small text. people understand a message better if itʼs a picture. We can abduct. Saturday. people may understand our content better with pictures. 3. Sometimes. 2011 . 2.

We can abduct. 2011 . people may understand our content better with pictures.This is the good stuff Abductive Reasoning: 1. Saturday. August 20. Sometimes. 2. Iʼve seen people have a hard time reading small text. people understand a message better if itʼs a picture. 3.

applied to creative process in order to solve problems through design. 2011 . Saturday. August 20.We’re now using scienti c theory.

org/wiki/Abductive_reasoning Saturday.uie.Indi Young Thoughts on Interaction Design .org/wiki/Inductive_reasoning http://en.wikipedia.wikipedia.anks www.zacknaylor.wikipedia. August 20. 2011 .Mike Kuniavsky http://www.com/talks/8176 Sources: “Observing the User Experience”.Jon Kolko http://en.org/wiki/Deductive_reasoning http://en.com @zacknaylor http://speakerrate.com/articles/five_design_decision_styles/ – Jared Spool “Mental Models” .

Sign up to vote on this title
UsefulNot useful