Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Diseño de aplicaciones para desarrolladores

4,992 views

Published on

Una presentación teórica del diseño aplicado al software, completada luego con propuestas prácticas validadas empíricamente.

El objetivo es despertar el interés de las personas que están creando aplicaciones sin conocer los principios básicos del diseño, de forma que descubran conceptos nuevos que despierten su interés.

Published in: Design
  • Gracias por tu comentario UMNG. Me temo que no dispongo del audio original de la charla. Si la volvemos a dar trataremos de grabarlo para poder añadirlo. Saludos!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hola Javier, gracias por la recomendación de la descarga. Me parece muy buena tu presentación. Podrías agregar tus anotaciones en forma de audio. Slideshare ha agregado un modulo que permite sincronizar un MP3 a cada diapositiva.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Lo siento pero parece que slideshare no incluye las notas de las slides!

    Update: Por lo visto deberían aparecer las notas como un ’tab’ aparte aquí al lado de los comentarios, estoy contactando con el soporte de slideshare a ver si pueden hacer algo.

    Último update: Los chicos de slideshare han conseguido que se vean las notas, aunque el formato no es muy bueno. Sigo recomendando bajar la presentación.

    Solución temporal: Si os descargais la presentación, en el pptx original SÍ que se pueden ver los comentarios.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Diseño de aplicaciones para desarrolladores

  1. 1. Diseño de aplicaciones Conceptos básicos para desarrolladoresAlex de Fuenmayor & Javier Gala@alexdef • @JaviGala BCNDEVCON 2011
  2. 2. Quiénes Alex de Fuenmayor Diseñador Visual y de Interacción Responsable de Diseño de Interacción en Tempos21, Grupo Atos @alexdef • alexdef.com Javier Gala Diseñador de Experiencia de Usuario @JaviGala • javiergala.wordpress.com@alexdef • @JaviGala BCNDEVCON 2011
  3. 3. Qué Qué es y por qué del diseño Diseño aplicado al software Principios universales Diseño de Guerrilla Consejos finales@alexdef • @JaviGala BCNDEVCON 2011
  4. 4. Qué es y por qué del diseño@alexdef • @JaviGala BCNDEVCON 2011
  5. 5. Qué es” La mayor parte de la gente comete el error de pensar que el diseño es cómo se ve. La gente piensa que es un barniz, que a los diseñadores les dan una caja y les dicen “¡Haz que quede bonito!”. Esto no es lo que creemos que es el diseño. No es sólo cómo se ve o cómo se siente. El diseño es cómo funciona. Steve Jobs, CEO de Apple@alexdef • @JaviGala BCNDEVCON 2011
  6. 6. z El diseño resuelve problemas Me sorprende la frecuencia con la que aquellos fuera de la disciplina del diseño asumen que lo que hacen los diseñadores es decoración. El buen diseño resuelve problemas. Veen, co-fundador de Adaptive Path Jeffrey@alexdef • @JaviGala BCNDEVCON 2011
  7. 7. z El diseño resuelve problemas” Me sorprende la frecuencia con la que aquellos fuera de la disciplina del diseño asumen que lo que hacen los diseñadores es decoración. El buen diseño resuelve problemas. Jeffrey Veen, co-fundador de Adaptive Path@alexdef • @JaviGala BCNDEVCON 2011
  8. 8. z El diseño no es arte” El buen diseño se define por su adecuación a la audiencia y objetivos, y por su efectividad, no por su adherencia al diseño suizo o el número de premios que gane. Drew Davies, diseñador@alexdef • @JaviGala BCNDEVCON 2011
  9. 9. El diseño es inevitable” Las dudas sobre si el diseño es necesario o asequible son irrelevantes: el diseño es inevitable. La alternativa al buen diseño es el mal diseño, no el “no diseñar”. Douglas Martin, diseñador y tipógrafo@alexdef • @JaviGala BCNDEVCON 2011
  10. 10. El diseño es diferencia” El buen diseño es la forma más importante de diferenciarnos de nuestros competidores. Yun Jong Yong, CEO de Samsung@alexdef • @JaviGala BCNDEVCON 2011
  11. 11. El diseño genera satisfacción” En internet si tienes un cliente descontento no se lo dice a seis amigos, se lo dice a seis mil. Jeff Bezos, CEO de Amazon@alexdef • @JaviGala BCNDEVCON 2011
  12. 12. z El diseño aplicado al software@alexdef • @JaviGala BCNDEVCON 2011
  13. 13. z Metodología tradicional del diseño” 1. Definición del problema 2. Elementos del problema 3. Recopilación de datos 4. Análisis de datos 5. Creatividad 6. Materiales - tecnologías 7. Experimentación 8. Modelos 9. Verificación Bruno Munari, diseñador industrial@alexdef • @JaviGala BCNDEVCON 2011
  14. 14. El diseño industrial” Nunca diseño un edificio sin antes ver el lugar y conocer a la gente que lo va a utilizar. Frank Lloyd Wright, arquitecto@alexdef • @JaviGala BCNDEVCON 2011
  15. 15. Diseño centrado en el usuario” El diseño centrado en el usuario significa entender lo que necesitan tus usuarios, cómo piensan, y cómo se comportan – e incorporar este conocimiento en cada faceta de tu proceso. Jesse James Garrett, co-fundador de Adaptive Path@alexdef • @JaviGala BCNDEVCON 2011
  16. 16. Experiencia de usuario Peter Morville, arquitecto de información@alexdef • @JaviGala BCNDEVCON 2011
  17. 17. Experiencia de usuario” La arquitectura de información define la estructura de la información. El diseño de interacción hace que podamos manipular y contribuir a la información. El diseño visual comunica estas posibilidades y crea afinidades. La experiencia de usuario es la suma total de estas consideraciones. Luke Wroblewski, diseñador UX@alexdef • @JaviGala BCNDEVCON 2011
  18. 18. z Principios universales@alexdef • @JaviGala BCNDEVCON 2011
  19. 19. z Menos es más” El diseño llama la atención sólo cuando falla; cuando tiene éxito es invisible. John D. Berry, Tipógrafo@alexdef • @JaviGala BCNDEVCON 2011
  20. 20. z Elementos del Diseño Visual Blanco Jerarquización Tipografía Ilustración e imagen Color@alexdef • @JaviGala BCNDEVCON 2011
  21. 21. z Blanco ¿Por qué es tan importante el espacio en blanco? El contenido necesita espacio para respirar.@alexdef • @JaviGala BCNDEVCON 2011
  22. 22. z Jerarquización” Los diseñadores pueden crear la normalidad en medio del caos; pueden comunicar ideas a través de la organización y manipulación de palabras e imágenes. Jeffrey Veen, co-fundador de Adaptive Path@alexdef • @JaviGala BCNDEVCON 2011
  23. 23. z Tipografía” La tipografía debe definir el blanco como la arquitectura debe definir el espacio. Albert Hollestein, Tipógrafo@alexdef • @JaviGala BCNDEVCON 2011
  24. 24. z Color” Uno crea su propia decoración. Eliges tu color, eliges tu estado de ánimo... [Si] estás deprimido, pones un poco de amarillo brillante y de repente estás feliz. Philippe Starck, Diseñador industrial@alexdef • @JaviGala BCNDEVCON 2011
  25. 25. z Color http://kuler.adobe.com@alexdef • @JaviGala BCNDEVCON 2011
  26. 26. z Proporción aurea y retícula” La retícula sitúa los elementos en un área espacial dotada de regularidad, lo que los hace accesibles; los lectores saben dónde encontrar la información que buscan, porque las uniones entre las divisiones verticales y las horizontales actúan como señales indicativas para su localización. Timothy Samara, diseñador gráfico y profesor@alexdef • @JaviGala BCNDEVCON 2011
  27. 27. z Proporción aurea y retícula@alexdef • @JaviGala BCNDEVCON 2011
  28. 28. Teoría de recolección óptima” Cantidad neta de energía obtenida por la captura de una presa comparada con la energía invertida en la obtención de la presa. Robert H. MacArthur y Eric R. Pianka, biólogos@alexdef • @JaviGala BCNDEVCON 2011
  29. 29. Recolección de información Cantidad de información obtenida comparada con el tiempo y esfuerzo invertido.@alexdef • @JaviGala BCNDEVCON 2011
  30. 30. Patrones de escaneo@alexdef • @JaviGala BCNDEVCON 2011
  31. 31. Patrones y estándares” Ley de Jakob de la experiencia de usuario: los usuarios pasan la mayor parte de su tiempo en otras páginas. Jakob Nielsen, experto en usabilidad@alexdef • @JaviGala BCNDEVCON 2011
  32. 32. z Diseño de guerrilla@alexdef • @JaviGala BCNDEVCON 2011
  33. 33. z Diseño de guerrilla Definición de producto y éxito Análisis competitivo orientado Puntos de contacto y fricción Bocetos Resultados@alexdef • @JaviGala BCNDEVCON 2011
  34. 34. Definición de producto y éxito” Si no puedes explicar algo de forma sencilla, entonces es que no lo entiendes bien. Albert Einstein, científico@alexdef • @JaviGala BCNDEVCON 2011
  35. 35. Análisis competitivo orientado” Hace unos días un amigo me habló de su primera visita a IDEO. En un momento dado vio a una docena de investigadores en una cocina improvisada, cada uno con una marca diferente de sartén, haciendo girar tortitas una y otra vez. Había una persona observando y tomando notas con una libreta. Harry Brignull, diseñador UX@alexdef • @JaviGala BCNDEVCON 2011
  36. 36. Puntos de contacto y fricción” Si el punto de contacto entre el producto y la gente se convierte en un punto de fricción, entonces es que el Diseñador Industrial ha fallado. Henry Dreyfuss, diseñador industrial@alexdef • @JaviGala BCNDEVCON 2011
  37. 37. Bocetos” Puedes usar una goma de borrar en la mesa de dibujo o un martillo en la obra. Frank Lloyd Wright, arquitecto@alexdef • @JaviGala BCNDEVCON 2011
  38. 38. Resultados” Por muy hermosa que sea la estrategia, de vez en cuando hay que tener en cuenta los resultados. Winston Churchill, estadista@alexdef • @JaviGala BCNDEVCON 2011
  39. 39. Consejos finales@alexdef • @JaviGala BCNDEVCON 2011
  40. 40. No eres tu usuario” Tus usuarios no son tú. No se parecen a ti, no piensan como tú, no hacen las cosas que tú haces, no comparten tus expectativas o suposiciones. Si lo hicieran no serían tus clientes; serían tus competidores. Mike Kuniavsky, co-fundador de Adaptive Path@alexdef • @JaviGala BCNDEVCON 2011
  41. 41. Entrevistas” La gente es muy mala prediciendo el futuro. Esto incluye a los expertos […] [que] tendrían mejores resultados adivinando al azar. Incluso los mejores pronosticadores fueron superados por reglas generales como “predecir siempre que no habrá cambios”. Philip Tetlock, psicólogo y Dan Gardner, periodista@alexdef • @JaviGala BCNDEVCON 2011
  42. 42. Personas y escenarios” Podemos explicar reglas generales derivadas de nuestra experiencia, pero es difícil aprender de ellas. Resulta complicado recordar abstracciones, pero resulta más sencillo recordar una buena historia. Las historias avivan nuestras experiencias pasadas. Hacen nuestro pasado memorable para nosotros y para los demás. Roger Schank, lingüista especializado en IA y psicología cognitiva@alexdef • @JaviGala BCNDEVCON 2011
  43. 43. Test de usabilidad” Lo que pocos saben sobre los tests de usabilidad es que son increíblemente sencillos de realizar. Sí, alguna gente los hace mejor, pero nunca he visto un test de usabilidad que no produzca resultados útiles, no importa lo mal que se hiciera. Steve Krug, experto en usabilidad@alexdef • @JaviGala BCNDEVCON 2011
  44. 44. Formularios para humanos ” Los formularios son un asco. Si no me crees, busca a alguien a quien le guste rellenarlos. Luke Wroblewski, diseñador UX, autoridad mundial en formularios@alexdef • @JaviGala BCNDEVCON 2011
  45. 45. Diseñar no es obedecer al usuario” Si le hubiera preguntado a mis clientes que querían, me hubieran dicho que un caballo más rápido. Henry Ford, fundador de Ford@alexdef • @JaviGala BCNDEVCON 2011
  46. 46. Diseñar no es obedecer al cliente Matthew Inman, diseñador web (http://theoatmeal.com/comics/design_hell)@alexdef • @JaviGala BCNDEVCON 2011
  47. 47. z El diseño es un oficio” Lo dibujé en solo unos segundos, pero me ha costado 34 años aprender a dibujarlo en sólo unos segundos. Paula Scher, diseñadora gráfica@alexdef • @JaviGala BCNDEVCON 2011
  48. 48. z Despedida” La experiencia de usuario lo es todo. Siempre lo ha sido, pero sigue siendo infravalorada y contando con pocos recursos. Si no sabes diseño centrado en el usuario, estúdialo. Contrata a gente que lo conozca. Obsesiónate con él. Convence a toda tu empresa. Evan Williams, creador de Blogger y CEO de Twitter@alexdef • @JaviGala BCNDEVCON 2011
  49. 49. Contacto Alex de Fuenmayor alex@no2.es www.no2.es Javier Gala ljgala@gmail.com@alexdef • @JaviGala BCNDEVCON 2011

×