SlideShare ist ein Scribd-Unternehmen logo
1 von 106
Downloaden Sie, um offline zu lesen
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
Foto: tonyhall


Thursday, November 10, 11
30´
  Foto: tonyhall


Thursday, November 10, 11
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.




  Fuente

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




  Fuente

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




  Fuente

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




                               Hoy no.
                                 :-)




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




                                                        Medios
                                                        digitales




  Foto


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




                                                        Entender
                                                        a las
                                                        personas




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




                                                        Construir
                                                        para ellas




Thursday, November 10, 11
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
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.




                                                        Medios
                                                        digitales




  Foto


Thursday, November 10, 11
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
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
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.



  MEDIOS DIGITALES




Thursday, November 10, 11
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.



  MEDIOS DIGITALES

                                     Una

                            REVOLUCIÓN




Thursday, November 10, 11
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
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
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
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
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
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
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
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
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
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
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
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
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
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.



  MEDIOS DIGITALES




                            Espa       ñ       ol


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




                                                        Entender
                                                        a las
                                                        personas




Thursday, November 10, 11
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
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
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
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
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
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.



  ENTENDER A LAS PERSONAS

  Gestalt




Thursday, November 10, 11
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
DMU 2011
  MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS   Rodrigo García R.




                                                        Construir
                                                        para ellas




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




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




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




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



  CONSTRUIR PARA ELLAS




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



  CONSTRUIR PARA ELLAS




Thursday, November 10, 11
Text




Thursday, November 10, 11
Text




Thursday, November 10, 11
Text




Thursday, November 10, 11
Text




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




Thursday, November 10, 11
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
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
Thursday, November 10, 11
Comparte lo que sabes.

                                           GRACIAS!



                    Rodrigo García Rejas   @r_garcia   rodrigo@rgarcia.cl   rgarcia.cl




Thursday, November 10, 11

Weitere ähnliche Inhalte

Kürzlich hochgeladen

GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 

Kürzlich hochgeladen (20)

Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 

Empfohlen

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Empfohlen (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

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
  • 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
  • 6. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Fuente Thursday, November 10, 11
  • 7. 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
  • 29. 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
  • 30. 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
  • 31. 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
  • 32. 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
  • 33. 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
  • 34. 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
  • 40. 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
  • 41. 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
  • 47. 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
  • 48. 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
  • 49. 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
  • 50. 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
  • 51. 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
  • 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
  • 53. 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
  • 54. 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
  • 55. 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
  • 56. 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
  • 57. 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
  • 59. 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
  • 60. 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
  • 61. 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
  • 64. DMU 2011 MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS Rodrigo García R. Thursday, November 10, 11
  • 65. 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
  • 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