Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Takeaways from the course Visual Design for User Experience

1,518 views

Published on

Closing lecture slides of the summer 2016 course INFO-I 400: Special Topics in Informatics (Visual Design for UX) at Indiana University School of Informatics and Computing. Instructor of record and course developer: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design) at Indiana University.

Published in: Design
  • Be the first to like this

Takeaways from the course Visual Design for User Experience

  1. 1. VisualDesignfor
 UserExperience OmarSosa-Tzec School of Informatics & Computing Indiana University Bloomington info i400 Visual Design for User Experience Summer 2016 Takeaways
  2. 2. 6weeksago, westarted thisadventure
  3. 3. Task Completion
  4. 4. Decision Making Task Completion
  5. 5. Decision Making Task Completion Branding &Identity
  6. 6. Visualdesignprinciples
  7. 7. Visualdesignprinciples Contrast
  8. 8. Visualdesignprinciples Contrast Typography
  9. 9. Visualdesignprinciples Contrast Typography Rhythm
  10. 10. TheoreticalFrameworks
  11. 11. Gestalt TheoreticalFrameworks
  12. 12. Gestalt Semiotics TheoreticalFrameworks
  13. 13. Gestalt Semiotics Rhetoric TheoreticalFrameworks
  14. 14. MeaningandExperience
  15. 15. MeaningandExperience Visual transformations
  16. 16. MeaningandExperience Visual transformations
  17. 17. MeaningandExperience Visual transformations Icon,Index,and Symbol
  18. 18. MeaningandExperience Visual transformations Icon,Index,and Symbol Metaphor and Metonymy
  19. 19. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing
 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design
  20. 20. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design
  21. 21. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience
  22. 22. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience
  23. 23. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy
  24. 24. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess
  25. 25. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action
  26. 26. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action Design, design, design!
  27. 27. User Experience Design Research 
 Observation Interviews Survey Focus group Evaluation 
 Usability testing 
 Heuristic Evaluation Design 
 Interaction flows Paper prototypes Wireframes High-fi prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action Design, design, design! Havefun!
  28. 28. Thanks! @omitzec

×