Takeaways from the course Visual Design for User Experience

•

2 likes•4,391 views

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.

Design

Decision
Making
Task
Completion
Branding
&Identity

Visualdesignprinciples
Contrast
Typography

Visualdesignprinciples
Contrast
Typography
Rhythm

Gestalt
Semiotics
Rhetoric
TheoreticalFrameworks

MeaningandExperience
Visual transformations

MeaningandExperience
Visual transformations
Icon,Index,and Symbol

MeaningandExperience
Visual transformations
Icon,Index,and Symbol
Metaphor and Metonymy

User Experience Design
Research
 
Observation
Interviews
Survey
Focus group
Evaluation
 
Usability testing 
 
Heuristic
Evaluation
Design
 
Interaction flows
Paper prototypes
Wireframes
High-ﬁ prototypes
Concept(s) behind your design

Viewers also liked

User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec

Esquemática y Diseño de InformaciónOmar Sosa-Tzec

Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec

Sketchnoting TutorialOmar Sosa-Tzec

Doctoral Consortium Persuasive Technology Conference 2015Omar Sosa-Tzec

Rhetoric in Graphic Designbarbara_emanuel

Arquitectura de Información de Personas a WireframesOmar Sosa-Tzec

Método de diseño y Modos de apelación retóricosOmar Sosa-Tzec

Sometimes a sign, sometimes a figureOmar Sosa-Tzec

Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec

Sistemas De NavegaciónOmar Sosa-Tzec

Asuntos sobre el pensamiento y ejecución de diseñoOmar Sosa-Tzec

Human Development Index VisualizationOmar Sosa-Tzec

Rhetorical Evaluation of User InterfacesOmar Sosa-Tzec

Sistemas de OrganizaciónOmar Sosa-Tzec

HCI Seminar Fall 2015Omar Sosa-Tzec

Experience Design Framework for securing Large Scale Information and Communic...Omar Sosa-Tzec

Presentation at Seminar I: Rhetorical Evaluation of User Interfaces Omar Sosa-Tzec

My Design PhilosophyOmar Sosa-Tzec

Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Omar Sosa-Tzec

Viewers also liked (20)

User Experience Design, Navigation, and Interaction Flows

Esquemática y Diseño de Información

Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design

Sketchnoting Tutorial

Doctoral Consortium Persuasive Technology Conference 2015

Rhetoric in Graphic Design

Arquitectura de Información de Personas a Wireframes

Método de diseño y Modos de apelación retóricos

Sometimes a sign, sometimes a figure

Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...

Sistemas De Navegación

Asuntos sobre el pensamiento y ejecución de diseño

Human Development Index Visualization

Rhetorical Evaluation of User Interfaces

Sistemas de Organización

HCI Seminar Fall 2015

Experience Design Framework for securing Large Scale Information and Communic...

Presentation at Seminar I: Rhetorical Evaluation of User Interfaces

My Design Philosophy

Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...

Similar to Takeaways from the course Visual Design for User Experience

Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson

Tools of the UX Tradedpanarelli

How to Plan Projects as a Product Manager by former Microsoft PMProduct School

Application Prototyping - Pablo González - Capturing and Managing RequirementsVisure Solutions

Sage Research & Design Introduction 2 17 11shalgren

UX Design breakdown and Q&A session @ #createTogetherEric Bell

How to Plan Projects as a Product Manager by former Microsoft PMProduct School

UX Overview for Agile Engineering-Driven OrganizationsJim Jarrett

UX Design Process Jason Gonzalez

Sage Research & Design Introductiontexasanna

User Centered InnovationMourylise Heymer

UX Design - Finding the Mental Model for Businiess Jason Prunty

[2015/2016] RESEARCH in software engineeringIvano Malavolta

A preview of 'Take your users into your UX team & let them design'Silvia Calvet

homepage usabilityDr. V Vorvoreanu

Bulletproof Communication Techniques; A UX Strategist's GuidesSarah B. Nelson

Tour of UX deliverables - dev/haagPeter Boersma

Role of Designstudiofra

UX Pres MIni version!Jessi Baker

Wireframes and UI-Prototypestec

Similar to Takeaways from the course Visual Design for User Experience (20)

Product + UX: How to combine strengths to make something truly great! *Updated*

Tools of the UX Trade

How to Plan Projects as a Product Manager by former Microsoft PM

Application Prototyping - Pablo González - Capturing and Managing Requirements

Sage Research & Design Introduction 2 17 11

UX Design breakdown and Q&A session @ #createTogether

How to Plan Projects as a Product Manager by former Microsoft PM

UX Overview for Agile Engineering-Driven Organizations

UX Design Process

Sage Research & Design Introduction

User Centered Innovation

UX Design - Finding the Mental Model for Businiess

[2015/2016] RESEARCH in software engineering

A preview of 'Take your users into your UX team & let them design'

homepage usability

Bulletproof Communication Techniques; A UX Strategist's Guides

Tour of UX deliverables - dev/haag

Role of Design

UX Pres MIni version!

Wireframes and UI-Prototypes

Recently uploaded

ARt app | UX Case StudySophia Viganò

How to Empower the future of UX Design with Gen AIyuj

shot list for my tv series two steps back17lcow074

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss

306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS

FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan

Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan

Pharmaceutical Packaging for the elderly.pdfAayushChavan5

Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L

定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss

Call Girls in Pratap Nagar, 9953056974 Escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066

Recently uploaded (20)

ARt app | UX Case Study

How to Empower the future of UX Design with Gen AI

shot list for my tv series two steps back

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一

306MTAMount UCLA University Bachelor's Diploma in Social Media

FiveHypotheses_UIDMasterclass_18April2024.pdf

Call Girls Meghani Nagar 7397865700 Independent Call Girls

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...

Pharmaceutical Packaging for the elderly.pdf

Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一

定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一

Call Girls in Pratap Nagar, 9953056974 Escort Service

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR

Takeaways from the course Visual Design for User Experience

1. VisualDesignfor  UserExperience OmarSosa-Tzec School of Informatics & Computing Indiana University Bloomington info i400 Visual Design for User Experience Summer 2016 Takeaways

2. 6weeksago, westarted thisadventure

5. Task Completion

6. Decision Making Task Completion

7. Decision Making Task Completion Branding &Identity

9. Visualdesignprinciples

10. Visualdesignprinciples Contrast

11. Visualdesignprinciples Contrast Typography

12. Visualdesignprinciples Contrast Typography Rhythm

13.

14. TheoreticalFrameworks

15. Gestalt TheoreticalFrameworks

16. Gestalt Semiotics TheoreticalFrameworks

17. Gestalt Semiotics Rhetoric TheoreticalFrameworks

18.

19. MeaningandExperience

20. MeaningandExperience Visual transformations

21. MeaningandExperience Visual transformations

22. MeaningandExperience Visual transformations Icon,Index,and Symbol

23. MeaningandExperience Visual transformations Icon,Index,and Symbol Metaphor and Metonymy

24.

25.

26. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing    Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design

27. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design

28. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience

29. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience

30. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy

31. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess

32. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action

33. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action Design, design, design!

34. User Experience Design Research   Observation Interviews Survey Focus group Evaluation   Usability testing   Heuristic Evaluation Design   Interaction flows Paper prototypes Wireframes High-ﬁ prototypes Concept(s) behind your design Visualdesignprinciples TheoreticalFrameworks MeaningandExperience Analyzeand deconstruct, copy Informyour designprocess Reflect-on- action Design, design, design! Havefun!

35. Thanks! @omitzec

Takeaways from the course Visual Design for User Experience

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Takeaways from the course Visual Design for User Experience

Similar to Takeaways from the course Visual Design for User Experience (20)

More from Omar Sosa-Tzec

More from Omar Sosa-Tzec (17)

Recently uploaded

Recently uploaded (20)

Takeaways from the course Visual Design for User Experience