Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fundamentos Universales del Diseno - Big Design Latin America 2016

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

Cassini Nazir

March 11, 2016
Tweet

More Decks by Cassini Nazir

Other Decks in Design

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 User experience is not just

    for designers La experiencia del usuario no es sólo para los diseñadores
  4. 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
  5. 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
  6. Why is UX important to Latin America? ¿Porque es importante

    valorar la experiencia del usuario (UX) en latinoamérica?
  7. How do we design the UX for Latin America? ¿Cómo

    desarrollar la experiencia del usuario en latinoamérica?
  8. 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
  9. 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.
  10. 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
  11. 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
  12. Design better Fundamentos Universales del Diseño How can we mejorar

    el diseño? ¿Como podemos IDEO (2004) /BSERVATION )$%/S
  13. 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
  14. 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
  15. 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
  16. 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®
  17. 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
  18. 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
  19. 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
  20. 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
  21. How can we Increase appeal aumentar su atractivo? ¿Como podemos

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

    Create deep propositions Crear proposiciones profundas
  23. 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
  24. 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.
  25. 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
  26. Easily understood How can we be más fácil su comprensión?

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

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

    ¿Cómo podemos hacer Prime your users Prime sus usuarios Characters
  29. 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 ?
  30. 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 ? ?
  31. 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
  32. 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
  33. 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
  34. Use principles Principios de uso Design a process for your

    team Diseñar un proceso para su equipo 2 1
  35. 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