Medios DIgitales: Conocer a las personas, construir para ellas

1. MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLAS 3 Principios de Diseño basados en el comportamiento humano para construir mejores, amables y útiles productos digitales. #wudscl2011 Rodrigo García Rejas @r_garcia rodrigo@rgarcia.cl rgarcia.cl Diseñador de interacción Thursday, November 10, 11

2. Foto: tonyhall Thursday, November 10, 11

3. 30´ Foto: tonyhall Thursday, November 10, 11

4. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Experiencia de Usuario (UX) Diseño de Interacción (IxD) Usabilidad Diseño Centrado en el Usuario (UCD) Arquitectura de Información (IA) Diseño de Interfaces de Usuario Thursday, November 10, 11

5. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Fuente Thursday, November 10, 11

8. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Hoy no. :-) Thursday, November 10, 11

9. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Medios digitales Foto Thursday, November 10, 11

10. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Entender a las personas Thursday, November 10, 11

11. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Construir para ellas Thursday, November 10, 11

12. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. 3 Principios de Diseño basados en el comportamiento humano para pensar, diseñar y construir mejores, amables y útiles productos digitales. Thursday, November 10, 11

13. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Antes de escribir una línea de código.... Antes de tocar un pixel... Thursday, November 10, 11

14. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Medios digitales Foto Thursday, November 10, 11

15. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ¿Qué son los Medios Digitales? Foto Thursday, November 10, 11

16. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Son las diferentes plataformas sobre las cuales la gente se comunica electrónicamente. Foto Thursday, November 10, 11

17. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. El medio es el mensaje. (McLuhan) Foto Thursday, November 10, 11

18. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Thursday, November 10, 11

19. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Información Tecnología Negocios Música Blogs Una REVOLUCIÓN Social Videos Arte Juegos Comunicación Thursday, November 10, 11

20. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Una REVOLUCIÓN Thursday, November 10, 11

21. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Una REVOLUCIÓN 1450 Primera Revolución IMPRENTA Thursday, November 10, 11

22. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Una REVOLUCIÓN 1450 1840 Primera Segunda Revolución Revolución IMPRENTA INDUSTRIAL Thursday, November 10, 11

23. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Una REVOLUCIÓN 1450 1840 HOY Primera Segunda TERCERA Revolución Revolución Revolución IMPRENTA INDUSTRIAL INTERNET Thursday, November 10, 11

24. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES 3 billones = 40% de la población Usando Internet Fuentes: http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/ white_paper_c11-481360_ns827_Networking_Solutions_White_Paper.html Thursday, November 10, 11

25. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES zetabyte 1 = Todos los datos digitales hasta el 2010 Crecimiento de Internet solo el 2015 Fuentes: http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/ white_paper_c11-481360_ns827_Networking_Solutions_White_Paper.html Thursday, November 10, 11

26. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Crecimiento del tráfico mundial proyectado al 2015 26% Norte América Fuentes: http://www.internetworldstats.com/stats7.htm Thursday, November 10, 11

27. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Crecimiento del tráfico mundial 48% proyectado al 2015 América Latina 35% (El español es el 3er lenguage de Internet) 32% Asia Pacífico 26% Europa Occidental Norte América Fuentes: http://www.internetworldstats.com/stats7.htm Thursday, November 10, 11

28. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Porcentaje del mundo usando Internet Fuentes: http://www.google.com/publicdata?ds=wb-wdi&met=it_net_user_p2&idim=country:USA&dl=en&hl=en&q=latest+internet+usage +statistics#ctype=l&strail=false&bcs=d&nselm=h&met_y=it_net_user_p2&scale_y=lin&ind_y=false&rdim=country&idim=country:USA:CHL:ARG:MEX:PER:NZL :SWE:GBR&ifdim=country&tdim=true&hl=en&dl=en Thursday, November 10, 11

35. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. MEDIOS DIGITALES Espa ñ ol Thursday, November 10, 11

36. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Entender a las personas Thursday, November 10, 11

37. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt (Forma) El campo de la psicología de la Gestalt explica cómo la mente percibe y organiza los estímulos visuales. Estímulos Respuestas Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

38. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt (Forma) El campo de la psicología de la Gestalt explica cómo la mente percibe y organiza los estímulos visuales. Estímulos Respuestas Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

39. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Fuentes: http://www.sapdesignguild.org/resources/optical_illusions/index.html Thursday, November 10, 11

42. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt (Forma) El campo de la psicología de la Gestalt explica cómo la mente percibe y organiza los estímulos visuales. • Relación entre las partes y el todo en la percepción visual: “El todo es algo más que la suma de sus partes”. • Los estímulos visuales son complejos por lo que nuestra mente tiende a simplificar y buscar el orden. • “Experiencia de Usuario” es saber cómo percibimos el mundo y sus estímulos. Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

43. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt Thursday, November 10, 11

44. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt: 3 Principios 1 Proximidad Objetos cercanos entre sí tienden a ser percibidos como un grupo. Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

45. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt: 3 Principios 1 2 Proximidad Similaridad Objetos cercanos entre sí Objetos similares entre sí tienden a ser percibidos entre sí tienden a ser como un grupo. percibidos como un grupo. Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

46. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt: 3 Principios 1 2 3 Proximidad Similaridad Cierre Objetos cercanos entre sí Objetos similares entre sí Bastan algunas partes de tienden a ser percibidos entre sí tienden a ser un objeto para percibir al como un grupo. percibidos como un grupo. objeto completo. Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

52. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt: 3 Principios 2 Similaridad Objetos similares entre sí entre sí tienden a ser percibidos como un grupo. Thursday, November 10, 11

58. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. ENTENDER A LAS PERSONAS Gestalt: 3 Principios 3 Cierre Bastan algunas partes de un objeto para percibir al objeto completo. Fuentes: http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/ Thursday, November 10, 11

62. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Construir para ellas Thursday, November 10, 11

63. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Thursday, November 10, 11

66. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. CONSTRUIR PARA ELLAS Thursday, November 10, 11

67. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. CONSTRUIR PARA ELLAS Thursday, November 10, 11

68. Text Thursday, November 10, 11

72. Thursday, November 10, 11

102. 1 Proximidad Objetos cercanos entre sí tienden a ser percibidos como un grupo. Thursday, November 10, 11

103. 1 2 Proximidad Similaridad Objetos cercanos entre sí Objetos similares entre sí tienden a ser percibidos entre sí tienden a ser como un grupo. percibidos como un grupo. Thursday, November 10, 11

104. 1 2 3 Proximidad Similaridad Cierre Objetos cercanos entre sí Objetos similares entre sí Bastan algunas partes de tienden a ser percibidos entre sí tienden a ser un objeto para percibir al como un grupo. percibidos como un grupo. objeto completo. Thursday, November 10, 11

106. Comparte lo que sabes. GRACIAS! Rodrigo García Rejas @r_garcia rodrigo@rgarcia.cl rgarcia.cl Thursday, November 10, 11

Medios DIgitales: Conocer a las personas, construir para ellas

Recomendados

Recomendados

Más contenido relacionado

Último

Último (20)

Destacado

Destacado (20)

Medios DIgitales: Conocer a las personas, construir para ellas