Fundamentos Universales del Diseno - Big Design Latin America 2016

A talk introducing a selection of design principles found in William Lidwell's Fundamentals of Design book to the User Experience Professionals Association (UXPA) in Quito, Ecuador. Part of a series of presentations given in cooperation with Big Design Latin America.

bigdesign.la/bdla-events/2016/3/18/marzo

Transcript

1. 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
2. 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
3. User experience is everyone’s business La experiencia del usuario es un asunto de todos
4. 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
5. 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
6. 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
7. Universal Principles of Design William Lidwell ISBN 1592535879
8. Why is UX important to Latin America? ¿Porque es importante valorar la experiencia del usuario (UX) en latinoamérica?
9. elotrolado.net/noticia_reportaje-robots-parte-iv-los-primeros-de-su-clase_25068
10. elotrolado.net/noticia_reportaje-robots-parte-iv-los-primeros-de-su-clase_25068
11. http://marketingland.com/why-you-need-persona-based-content-marketing-strategy-125582
12. ANA JOSÉ MARÍA PABLO LUIS ROSA CARLOS BLANCA http://marketingland.com/why-you-need-persona-based-content-marketing-strategy-125582 Personas
13. chanatrek.com/made-it-to-south-america-guayaquil-ecuador/
14. chanatrek.com/made-it-to-south-america-guayaquil-ecuador/
15. https://carmelrumble.wordpress.com/2014/09/04/3-steps-to-performing-a-garage/
16. planitbuilders.ca/garage-development.html
17. Compañía Productos MAC OS Windows Buscador
18. How do we design the UX for Latin America? ¿Cómo desarrollar la experiencia del usuario en latinoamérica?
19. lawlormediagroup.com/five-reasons-to-visit-tokyo-japan/
20. https://taicarmen.wordpress.com/2014/03/31/wabi-sabi-the-beauty-of-imperfection/ Wabi Sabi
21. http://afindemes.republica.com/hazlo-tu-mismo/cosmetica-casera-y-natural-hazla-tu-misma.html
23. humblebunny.com/japanese-design-aestheCc-wabi-sabi/
24. 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
25. Design better How can we mejorar el diseño? ¿Como podemos
26. 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.
27. 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
28. 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
29. Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos IDEO (2004) /BSERVATION )$%/S
30. Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos $EFINING
31. Design better Fundamentos Universales del Diseño How can we mejorar el diseño? ¿Como podemos 7HY
32. 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
33. 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
34. 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
35. 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®
36. 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
37. 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
38. 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
39. 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
40. How can we Increase appeal aumentar su atractivo? ¿Como podemos How can we Increase appeal aumentar su atractivo? ¿Como podemos
41. How can we Increase appeal aumentar su atractivo? ¿Como podemos Use alignment alineación de uso
42. How can we Increase appeal aumentar su atractivo? ¿Como podemos Use alignment alineación de uso
43. How can we Increase appeal aumentar su atractivo? ¿Como podemos Create deep propositions Crear proposiciones profundas
44. 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
45. 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.
46. 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
47. Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Use storytelling uso narración
48. Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Use storytelling uso narración Characters
49. Easily understood How can we be más fácil su comprensión? ¿Cómo podemos hacer Prime your users Prime sus usuarios Characters
50. 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 ?
51. 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 ? ?
52. 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
53. 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
54. 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
55. Universal Principles of Design William Lidwell ISBN 1592535879
56. Use principles Principios de uso 1
57. Use principles Principios de uso Design a process for your team Diseñar un proceso para su equipo 2 1
58. 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
59. Download this slide deck descargar esta presentación bit.ly/quitodiseno