Takeaways from the course Visual Design for User Experience

•

2 gefällt mir•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

Empfohlen

Visual Design for Interface and Experience DesignOmar Sosa-Tzec

Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec

Introduction to Visual Design for User ExperienceOmar Sosa-Tzec

Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec

Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec

User Experience Design (UXD) Presentation Matt Artz

Pratyush Pandab UX Researcher PortfolioPratyush Pandab

Web User Experience (BGSU ARTD 302)Keith Instone

Empfohlen

Visual Design for Interface and Experience DesignOmar Sosa-Tzec

Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec

Introduction to Visual Design for User ExperienceOmar Sosa-Tzec

Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec

Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec

User Experience Design (UXD) Presentation Matt Artz

Pratyush Pandab UX Researcher PortfolioPratyush Pandab

Web User Experience (BGSU ARTD 302)Keith Instone

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

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

Tools of the UX Tradedpanarelli

Weitere ähnliche Inhalte

Andere mochten auch

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

Andere mochten auch (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...

Ähnlich wie 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

Ähnlich wie 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

Mehr von Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec

Delight in the User Experience: Form and PlaceOmar Sosa-Tzec

Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec

Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec

Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec

Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec

Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec

Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec

Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec

Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec

My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec

Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec

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

Towards a Pentadic Interaction CriticismOmar Sosa-Tzec

Visual Design for PresentationsOmar Sosa-Tzec

Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Omar Sosa-Tzec

Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec

Mehr von Omar Sosa-Tzec (17)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...

Delight in the User Experience: Form and Place

Delight by Motion: Investigating the Role of Animation in Microinteractions

Critical Design Research and Constructive Research Outcomes as Arguments

Creative Data and Information Visualization: Reflections on Two Pedagogical A...

Teaching Design, Information, and Interaction: Reflections, Foundations, and ...

Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces

Communicating design-related intellectual influence: towards visual references

Design tensions: Interaction Criticism on Instagram’s Mobile Interface

Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...

My fascination with the visual: meaning, persuasion, and delight

Principios de Diseño Visual para Interacción Humano-Computadora

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

Towards a Pentadic Interaction Criticism

Visual Design for Presentations

Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.

Principios de Diseño Visual para Interacción Humano-Computadora

Kürzlich hochgeladen

Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823

(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi

Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile

Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131

SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor

Stark Industries Marketing Plan (1).pptxjeswinjees

Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel

CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588

Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal

VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor

Kürzlich hochgeladen (20)

Best VIP Call Girls Noida Sector 47 Call Me: 8448380779

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)

(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...

Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux

SCRIP Lua HTTP PROGRACMACION PLC WECON CA

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati

Stark Industries Marketing Plan (1).pptx

Call Girls in Kalkaji Delhi 8264348440 call girls ❤️

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...

CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...

VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130

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