Cassini Nazir Clinical Associate Professor 
 The University of Texas at Dallas @cassininazir Adrian Vega Human-Computer Interaction Masters Student The University of Texas at Dallas @ruta8_adrian Fundamentos Universales del Diseño

User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products. nngroup.com/articles/definition-user-experience Experiencia de usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos

User experience is everyone’s business La experiencia del usuario es un asunto de todos

User experience is everyone’s business User experience is not just for designers La experiencia del usuario no es sólo para los diseñadores

User experience is everyone’s business User experience is not just for designers User experience takes from many fields of study La experiencia del usuario lleva desde muchos campos de estudio

Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design Psychology Social Sciences Web Design No one person will be an expert in all disciplines Una sola persona no va a ser un experto en todas las disciplinas

Universal Principles of Design William Lidwell ISBN 1592535879

Why is UX important to Latin America? ¿Porque es importante valorar la experiencia del usuario (UX) en latinoamérica?

elotrolado.net/noticia_reportaje-robots-parte-iv-los-primeros-de-su-clase_25068

elotrolado.net/noticia_reportaje-robots-parte-iv-los-primeros-de-su-clase_25068

http://marketingland.com/why-you-need-persona-based-content-marketing-strategy-125582

ANA JOSÉ MARÍA PABLO LUIS ROSA CARLOS BLANCA http://marketingland.com/why-you-need-persona-based-content-marketing-strategy-125582 Personas

chanatrek.com/made-it-to-south-america-guayaquil-ecuador/

chanatrek.com/made-it-to-south-america-guayaquil-ecuador/

https://carmelrumble.wordpress.com/2014/09/04/3-steps-to-performing-a-garage/

planitbuilders.ca/garage-development.html

Compañía Productos MAC OS Windows Buscador

How do we design the UX for Latin America? ¿Cómo desarrollar la experiencia del usuario en latinoamérica?

lawlormediagroup.com/five-reasons-to-visit-tokyo-japan/

https://taicarmen.wordpress.com/2014/03/31/wabi-sabi-the-beauty-of-imperfection/ Wabi Sabi

http://afindemes.republica.com/hazlo-tu-mismo/cosmetica-casera-y-natural-hazla-tu-misma.html

No content

humblebunny.com/japanese-design-aestheCc-wabi-sabi/

Design better How can we How can we Increase appeal Easily understood How can we be mejorar el diseño? ¿Como podemos aumentar su atractivo? más fácil su comprensión? ¿Como podemos ¿Cómo podemos hacer

Design better How can we mejorar el diseño? ¿Como podemos

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos A B Create a design process Crear un proceso de diseño Somebody calls up with a project; we do some stuff; and the money follows. Alguien llama con un proyecto; hacemos un poco de materia; y el dinero sigue.

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Design Process Overview Designers have a series of repeatable steps and procedures that make them true professionals. Our processes determine the quality of our products. If we wish to improve our products, we must improve our processes. We must continually redesign not just our products but also the way we design. 1 DISCOVER 1 DISCOVER 2 DEFINE 2 DEFINE 3 DEVELOP 3 DEVELOP 4 DELIVER 4 DELIVER INITIATE PROJECT Establish project parameters Select designer RESEARCH Clarify objectives and goals Set broad-based requirement STRATEGIZE Define strategy Define design approach Confirm project deliverables EXPLORE Generate preliminary ideas Evaluate ideas DEVELOP Further develop ideas Select design direction REFINE Approve final design PRODUCE Final production Materials for release LAUNCH + LEARN Launch product Enable client to continue editing Learn from users CLIENT Identifies need or goal Develops budget and schedule (preliminary) Creates and sends out RFP (request for proposal) DESIGNER Responds to RFP Requests deposit payment on project CLIENT + DESIGNER Meet for preliminary discussion CLIENT Provides relevant background material DESIGNER Leads client through creative briefing sessions CLIENT + DESIGNER Begin research Confirm technical or functionality parameters Confirm needs assessment and begin design problem formation DESIGNER Analyzes and synthesizes research Develops design criteria Develops preliminary plan CLIENT + DESIGNER Discuss all of above DESIGNER Develops preliminary design concepts and alternate concepts Presents to client CLIENT Provides feedback, insights and validation for concept direction DESIGNER Develops further iterations and higher- fidelity prototypes CLIENT Provides insight and validation Approve design direction DESIGNER Further refines design Presents design to client for approval Tests design CLIENT Approves design DESIGNER Designer begins or hands-off to team for implementation DESIGNER Archives project and writes a case-study CLIENT + DESIGNER Have a design debriefing to preview goals, outcomes and additional opportunities CLIENT Pays designer DELIVERABLE Idea DELIVERABLE Creative Brief Research Brief DELIVERABLE List of deliverables Preliminary plan Strategy Document DELIVERABLE Initial low-fidelity prototypes and design concepts DELIVERABLE Medium-fidelity prototypes DELIVERABLE User validation study Refined prototype DELIVERABLE Final product DELIVERABLE Maintenance plan Create a design process Crear un proceso de diseño

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos dubberly.com/articles/how-do-you-design.html Hugh Dubberly Create a design process Crear un proceso de diseño

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos IDEO (2004) /BSERVATION )$%/S

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos $EFINING

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos 7HY

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Prototype from low-fi to hi-fi prototipo de baja fidelidad de alta fidelidad prezi.com/zreo2l4p5klr/penciling-the-perfect-app

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Prototype from low-fi to hi-fi prototipo de baja fidelidad de alta fidelidad

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Prototype from low-fi to hi-fi prototipo de baja fidelidad de alta fidelidad DISCOVER DISCOVER DEFINE explore DEFINE explore DEVELOP DEVELOP DELIVER DELIVER Prototyping: Broad and Narrow Prototypes are evocative visual explanations that help to envision the final product.1 Low-fidelity prototypes — paper sketches made with markers, sharpies or pencil — allow ideas to be quickly captured, tested and thrown away. Iteration is important. The amateur refines his very first idea without exploring others. Professionals take time to pursue multiple design explorations before refinement begins. Quickly explore many alternative designs Refine when you identify the best design that balances specifications for business, users and technology Develop alternative designs to uncover other possible solutions LOW-FI HIGH-FI Create iterations from this design direction in higher levels of fidelity Obtain user feedback before proceeding with next iteration 1 2 3 4 5 Receive approval for final, high-fidelity prototype 6 EXPLORE REFINE MARKER PENCIL SHARPIE COMPUTER EXPLORE FIRST, THEN REFINE 1 Always create many different solutions to any given design problem EXPLORE REFINE 2 DEVELOP ALTERNATIVE DESIGNS Tape your paper designs on a wall and attach Post-It® Notes 1 EXPLORE MANY ALTERNATIVE DESIGNS Using a marker and Sharpie®, quickly prototype designs on paper. Your goal is to prototype many different design directions. Ignore details early on. Don’t fall in love with your designs. Complete 10 completely different approaches to the problem. At this point, no idea is too crazy to try! 4 5 OBTAIN USER FEEDBACK Obtain user feedback to balance your design. Speaking with actual users help you to confirm that your design meets the actual objectives of the project. CREATE ITERATIONS ON DESIGN DIRECTION Explore the concept(s). Generate different ways of realizing that particular concept. POST-IT® DRAFT

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Prototype from low-fi to hi-fi prototipo de baja fidelidad de alta fidelidad R R DEFINE explore DEFINE explore DEVELOP DEVELOP DELIVER DELIVER ototyping: oad and rrow es are evocative visual explanations p to envision the final product.1 elity prototypes — paper sketches made rkers, sharpies or pencil — allow ideas ckly captured, tested and thrown Quickly explore many alternative designs Refine design busines Develop alternative designs to uncover other possible solutions LOW-FI 1 2 3 MARKER SHARPIE EXPLORE FIRST, THEN Always create many different solutions to any EXPLORE POST-IT®

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Prototype from low-fi to hi-fi prototipo de baja fidelidad de alta fidelidad Refine when you identify the best design that balances specifications for business, users and technology Develop alternative designs to uncover other possible solutions HIGH-FI Create iterations from this design direction in higher levels of fidelity Obtain user feedback before proceeding with next iteration 2 3 4 5 Receive approval for final, high-fidelity prototype 6 PENCIL SHARPIE COMPUTER EXPLORE FIRST, THEN REFINE 1 Always create many different solutions to any given design problem E REFINE POST-IT® DRAFT

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Think about accessibility pensar en la accesibilidad oxo.com/products/preparing/peelers-choppers/swivel-peeler

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Think about accessibility pensar en la accesibilidad oxo.com/products/preparing/peelers-choppers/swivel-peeler Iterations original Original iteraciones

Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos Think about accessibility pensar en la accesibilidad oxo.com/products/preparing/peelers-choppers/swivel-peeler Iterations original Original Final iteraciones final

How can we Increase appeal aumentar su atractivo? ¿Como podemos How can we Increase appeal aumentar su atractivo? ¿Como podemos

How can we Increase appeal aumentar su atractivo? ¿Como podemos Use alignment alineación de uso

How can we Increase appeal aumentar su atractivo? ¿Como podemos Use alignment alineación de uso

How can we Increase appeal aumentar su atractivo? ¿Como podemos Create deep propositions Crear proposiciones profundas

How can we Increase appeal aumentar su atractivo? ¿Como podemos Create deep propositions Crear proposiciones profundas 1. M standards for McDonalds 2. Golden arches are made from fries 3. Arches are welcoming 4. Yellow colour of mustard 5. Red colour of ketchup 6. Psychologist Louis Cheskin has a Freudian approach: the golden arches allude to nourishing breasts! 1. Yellow M 2. The word, McDonalds Surface Propositions Deep Propositions

How can we Increase appeal aumentar su atractivo? ¿Como podemos Use cognitive dissonance Utilice la disonancia cognitiva Smoking cigarettes 
 is unhealthy. I smoke cigarettes. Unpleasant tension state Smoking cigarettes 
 is unhealthy. I don’t smoke cigarettes anymore. The research on smoking is not conclusive. I smoke cigarettes.

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Use storytelling uso narración

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Use storytelling uso narración Characters

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Prime your users Prime sus usuarios Characters

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Convey information in pictures Transmitir información en imágenes DENMARK ?

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Convey information in pictures Transmitir información en imágenes DENMARK ITALY ? ?

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Convey information in pictures Transmitir información en imágenes DENMARK ITALY

Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Convey information in pictures Transmitir información en imágenes

Design better How can we How can we Increase appeal Easily understood How can we be mejorar el diseño? ¿Como podemos aumentar su atractivo? más fácil su comprensión? ¿Como podemos ¿Cómo podemos hacer

Universal Principles of Design William Lidwell ISBN 1592535879

Use principles Principios de uso 1

Use principles Principios de uso Design a process for your team Diseñar un proceso para su equipo 2 1

Use principles Principios de uso Design a process for your team Diseñar un proceso para su equipo 2 1 Be curious Ser curioso 3

Download this slide deck descargar esta presentación bit.ly/quitodiseno