takeaways from the course visual design for user experience

Visual Design forUser Experience

Omar Sosa-Tzec School of Informatics & Computing Indiana University Bloomington

info i400 Visual Design for User Experience Summer 2016

Takeaways

6 weeks ago, we started this adventure

Task Completion

Decision Making

Task Completion

Decision Making

Task Completion

Branding & Identity

Visual design principles

Visual design principles

Contrast

Visual design principles

ContrastTypography

Visual design principles

ContrastTypography

Rhythm

Theoretical Frameworks

Gestalt

Theoretical Frameworks

GestaltSemiotics

Theoretical Frameworks

GestaltSemioticsRhetoric

Theoretical Frameworks

Meaning and Experience

Meaning and Experience

Visual transformations

Meaning and Experience

Visual transformations

Meaning and Experience

Visual transformationsIcon, Index, and Symbol

Meaning and Experience

Visual transformationsIcon, Index, and Symbol

Metaphor and Metonymy

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

Analyze and deconstruct,

copy

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

Analyze and deconstruct,

copy

Inform your design process

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

Analyze and deconstruct,

copy

Inform your design process

Reflect-on-action

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

Analyze and deconstruct,

copy

Inform your design process

Reflect-on-action

Design, design, design!

User Experience DesignResearch

Observation

Interviews Survey

Focus group

Evaluation

Usability testing

Heuristic Evaluation

Design

Interaction flows Paper prototypes

Wireframes High-fi prototypes

Concept(s) behind your design

Visual design principles

Theoretical Frameworks

Meaning and Experience

Analyze and deconstruct,

copy

Inform your design process

Reflect-on-action

Design, design, design!

Have fun!

Thanks!

@omitzec