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
Top Related