SlideShare uma empresa Scribd logo
1 de 52
Baixar para ler offline
¿CÓMO SER
ARQUITECTOS
DE LA MATRIX?




                BENJAMÍN PRELLER
                 @BENJAPRELLER
Sobre que hablaremos...


   • Clase 1: La web, usuarios y arquitectura de la
     información.

   • Clase 2: Usabilidad

   • Clase 3: Diseño de información

   • Clase 4: Diseño centrado en el Usuario
Clase 1: La web, usuarios y
arquitectura de la información.
WEB...Yo soy tu padre
    Tim Berners-Lee
Entonces ¿Qué es la web?
Un ejemplo en 3 minutos de lo que
                      es la web...




                               http://www.ted.com/talks/lang/es/
      alexis_ohanian_how_to_make_a_splash_in_social_media.html
Una web para y por las personas
¿Qué es la web para un
adolescente de 15 años?
Facebook...vida social
Facebook...vida social
¿Qué es la web para alguien
               de 30 años?
Web móvil...acceso en todas
                     partes
¿Qué es la web para un adulto
                 de 57 años?
Lejana, muy moderna para ella
La palabra clave es USUARIOS
¿Quiénes son los usuarios?...


  • Son personas que quieren hacer uso de
    nuestros servicios.

  • Son nuestra principal fuente de información
    para pensar en como será nuestro servicio.

  • Es para quienes trabajamos.
Antes de diseñar debemos...

  • Paso1: Identificar a nuestros usuarios.

  • Paso2: Conocerlo. Que lo motiva, que hace,
    que piensa, que lo frena, que sueña, que ve,
    etc..

  • Paso3: Generar arquetipos.

  • Paso4: Pensar para ellos.
Paso1: Identificar

   • Edad.

   • Nivel socio económico.

   • Conocimientos tecnológicos.

   • País de origen.

   • Otros datos de interés
Paso2: Conocer al usuario...

  • Desarrollar entrevistas en profundidad con los diversos
    perfiles de usuario detectados.

  • Conocer su relación con el producto o servicio.

  • Detectar cuales son sus necesidades respecto al producto o
    servicio.

  • Que mejorarían del producto o servicio.

  Observar al usuario, escucharlo muy bien y
  anotar cada palabra para detectar NECESIDADES
Paso3: Crear arquetipos...

  • Personas ficticias construidas de los
    características principales detectadas en los
    usuarios entrevistados.

  • Estos personajes son la representación de
    potenciales usuarios.

  • Su objetivo es facilitar la comprensión de los
    diversos modelos mentales que pueden interactuar
    en la plataforma.
Un ejemplo...
Gamer Extremo

Manuel Vergara



• Edad: 32 años

• Profesión: Productor audiovisual

• Tipo de Usuario: Medio
Como es la vida de Manuel:

Él vive con su pareja en su
departamento en Ñuñoa. Trabaja en una
agencia de publicidad en Ciudad
Empresarial como productor audiovisual
haciendo comerciales para grandes
marcas. 

Desde que era pequeño le han gustado       Gamer Extremo
los videojuegos, por lo cual tiene una
colección de consolas y todas las
noches antes de dormir juega al menos
2 horas.

Escribe sobre videojuegos en su blog, el
cual tiene una gran cantidad de visitas.
Caso de uso: 

Se viene el lanzamiento mundial de la
nueva versión de su juego favorito. En
exclusiva podra ser comprado antes
del lanzamiento oficial en una pre-
venta exclusiva para clientes
frecuentes. El pago debe ser eso si
con tarjeta de crédito de una multi-     Gamer Extremo
tienda.
Motivaciones:

Le gusta tener siempre las
exclusividades en videojuegos y
consolas.

El quiere ese video juego antes que
todos sus amigos, ademas se vienen
sus vacaciones y quiere aprovechar    Gamer Extremo
que tendrá más tiempo libre.

Además así puede tener un review en
su blog antes que cualquier otro.
Frenos:

No posee tarjeta de esa multi-tienda y
no le gusta la idea de tener que
sacarla



                                         Gamer Extremo
Arquitectura de la
   información
Richard Saul Wurman
¿Qué es Arquitectura de la
                  información?




Disciplina preocupada de la organización,
disposición y estructuración de la información
dentro de un espacio de interacción.
¿Cuál es el objetivo de la
Arquitectura de la información?




Hacer que la compresión de la información y
las acciones que los usuarios realizan sean
fáciles de alcanzar.
Hoy veremos...




• Diseño de interacción.

• Definición de árbol de contenidos/navegación 

• Definición de los rotulados.
Disminuir la frustración
Y tener usuarios felices
Diseño de interacción



Es definir el comportamiento de un sistema frente
a la interacción que tendrá un usuario. Es la
planificación del funcionamiento de una
plataforma digital en este caso.

Con el objetivo de generar una experiencia de
uso fácil, clara y satisfactoria para los usuarios.
Partituras de Interacción




     http://www.ead.pucv.cl/2008/partituras-de-interaccion/
Definición de un árbol de
 contenidos/navegación


  Definición de un árbol de contenidos en el cual
  estarán los contenidos del sitio, ordenados por
  niveles de profundidad.

  Para lograr un buen resultado debemos tener
  claro el negocio y los modelos mentales de
  nuestros usuarios.
Definición del rotulado



 Este es un punto fundamental para el
 reconocimiento de los contenidos de una
 sección.

 En una palabra se debe resumir una gran
 cantidad de información

 Los rótulos deben ser claros y no prestar por
 ningún motivo a confusión.
Cardsorting



  Herramienta de investigación psicológica, que
  se basa en la observación de los usuarios, de
  como estos agrupa y asocian un grupo de
  tarjetas con diversas categorías de temáticas
  de un sitio web.
Objetivo del cardsorting




    Reconocer los diversos modelos mentales de
    los usuarios, para la generación una
    arquitectura de información orientada a los
    usuario..
Gamer Extremo

Manuel Vergara



• Edad: 32 años

• Profesión: Productor audiovisual

• Tipo de Usuario: Medio
BENJAMÍN PRELLER.
                   

 DISEÑADOR DE
EXPERIENCIA DE
    USUARIO EN
  BAZUCA.COM
                   
      @BENJAPRELLER
BENJAMIN@PRELLER.CL

Mais conteúdo relacionado

Semelhante a Clase1: La web, los usuarios y la arquitectura de la Información

Creatividad en medios sociales
Creatividad en medios socialesCreatividad en medios sociales
Creatividad en medios sociales
Dani Seuba
 

Semelhante a Clase1: La web, los usuarios y la arquitectura de la Información (20)

Juan Merodio. Las redes sociales como herramienta de marketing y fidelización
Juan Merodio. Las redes sociales como herramienta de marketing y fidelizaciónJuan Merodio. Las redes sociales como herramienta de marketing y fidelización
Juan Merodio. Las redes sociales como herramienta de marketing y fidelización
 
Ux Arquitectura de Información
Ux Arquitectura de InformaciónUx Arquitectura de Información
Ux Arquitectura de Información
 
User experience design
User experience designUser experience design
User experience design
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User Experience
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
 
#Master smmus 2014 2015-s09
#Master smmus 2014 2015-s09#Master smmus 2014 2015-s09
#Master smmus 2014 2015-s09
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Twitter y linked in para autónomos
Twitter y linked in para autónomosTwitter y linked in para autónomos
Twitter y linked in para autónomos
 
Networking & Negociación
Networking & NegociaciónNetworking & Negociación
Networking & Negociación
 
UX (eXperiencias de Usuario) para TODOS
UX (eXperiencias de Usuario) para TODOSUX (eXperiencias de Usuario) para TODOS
UX (eXperiencias de Usuario) para TODOS
 
Redes sociales test (old)
Redes sociales test (old)Redes sociales test (old)
Redes sociales test (old)
 
Conferencia pxp marketing en negocios turisticos
Conferencia pxp marketing en negocios turisticosConferencia pxp marketing en negocios turisticos
Conferencia pxp marketing en negocios turisticos
 
Creatividad en medios sociales
Creatividad en medios socialesCreatividad en medios sociales
Creatividad en medios sociales
 
Panel community manager_massivecomm
Panel community manager_massivecommPanel community manager_massivecomm
Panel community manager_massivecomm
 
Master SmmUS 2015/2016 - El perfil del Community Manager y la Comunicación In...
Master SmmUS 2015/2016 - El perfil del Community Manager y la Comunicación In...Master SmmUS 2015/2016 - El perfil del Community Manager y la Comunicación In...
Master SmmUS 2015/2016 - El perfil del Community Manager y la Comunicación In...
 
Redes Sociales y Tecnología Móvil
Redes Sociales y Tecnología MóvilRedes Sociales y Tecnología Móvil
Redes Sociales y Tecnología Móvil
 
Introduccion al e marketing
Introduccion al e marketingIntroduccion al e marketing
Introduccion al e marketing
 
Master SMMUS Community Manager - Sesión 01 - 14032018
Master SMMUS Community Manager - Sesión 01 - 14032018Master SMMUS Community Manager - Sesión 01 - 14032018
Master SMMUS Community Manager - Sesión 01 - 14032018
 

Mais de Benjamín Preller

Mais de Benjamín Preller (11)

Web.social.ux
Web.social.ux Web.social.ux
Web.social.ux
 
Clase4: DIseño de interfaces de Usuario(UI)
Clase4: DIseño de interfaces de Usuario(UI)Clase4: DIseño de interfaces de Usuario(UI)
Clase4: DIseño de interfaces de Usuario(UI)
 
Clase3: Wireframes
Clase3: WireframesClase3: Wireframes
Clase3: Wireframes
 
Clase2: Usabilidad
Clase2: UsabilidadClase2: Usabilidad
Clase2: Usabilidad
 
Social UX
Social UXSocial UX
Social UX
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 
Dog Feeder.Guia2
Dog Feeder.Guia2Dog Feeder.Guia2
Dog Feeder.Guia2
 
Alimentador Perros Plantilla Impresion
Alimentador Perros Plantilla ImpresionAlimentador Perros Plantilla Impresion
Alimentador Perros Plantilla Impresion
 
Placa Circuito DiseñO
Placa Circuito DiseñOPlaca Circuito DiseñO
Placa Circuito DiseñO
 
Dog Feeder.Guia1
Dog Feeder.Guia1Dog Feeder.Guia1
Dog Feeder.Guia1
 
Sensor de Movimiento PIR
Sensor de Movimiento PIRSensor de Movimiento PIR
Sensor de Movimiento PIR
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (11)

PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 

Clase1: La web, los usuarios y la arquitectura de la Información

  • 1. ¿CÓMO SER ARQUITECTOS DE LA MATRIX? BENJAMÍN PRELLER @BENJAPRELLER
  • 2. Sobre que hablaremos... • Clase 1: La web, usuarios y arquitectura de la información. • Clase 2: Usabilidad • Clase 3: Diseño de información • Clase 4: Diseño centrado en el Usuario
  • 3. Clase 1: La web, usuarios y arquitectura de la información.
  • 4. WEB...Yo soy tu padre Tim Berners-Lee
  • 6. Un ejemplo en 3 minutos de lo que es la web... http://www.ted.com/talks/lang/es/ alexis_ohanian_how_to_make_a_splash_in_social_media.html
  • 7. Una web para y por las personas
  • 8. ¿Qué es la web para un adolescente de 15 años?
  • 11.
  • 12. ¿Qué es la web para alguien de 30 años?
  • 13. Web móvil...acceso en todas partes
  • 14.
  • 15.
  • 16. ¿Qué es la web para un adulto de 57 años?
  • 17. Lejana, muy moderna para ella
  • 18.
  • 19. La palabra clave es USUARIOS
  • 20. ¿Quiénes son los usuarios?... • Son personas que quieren hacer uso de nuestros servicios. • Son nuestra principal fuente de información para pensar en como será nuestro servicio. • Es para quienes trabajamos.
  • 21. Antes de diseñar debemos... • Paso1: Identificar a nuestros usuarios. • Paso2: Conocerlo. Que lo motiva, que hace, que piensa, que lo frena, que sueña, que ve, etc.. • Paso3: Generar arquetipos. • Paso4: Pensar para ellos.
  • 22. Paso1: Identificar • Edad. • Nivel socio económico. • Conocimientos tecnológicos. • País de origen. • Otros datos de interés
  • 23. Paso2: Conocer al usuario... • Desarrollar entrevistas en profundidad con los diversos perfiles de usuario detectados. • Conocer su relación con el producto o servicio. • Detectar cuales son sus necesidades respecto al producto o servicio. • Que mejorarían del producto o servicio. Observar al usuario, escucharlo muy bien y anotar cada palabra para detectar NECESIDADES
  • 24. Paso3: Crear arquetipos... • Personas ficticias construidas de los características principales detectadas en los usuarios entrevistados. • Estos personajes son la representación de potenciales usuarios. • Su objetivo es facilitar la comprensión de los diversos modelos mentales que pueden interactuar en la plataforma.
  • 26. Gamer Extremo Manuel Vergara • Edad: 32 años • Profesión: Productor audiovisual • Tipo de Usuario: Medio
  • 27. Como es la vida de Manuel: Él vive con su pareja en su departamento en Ñuñoa. Trabaja en una agencia de publicidad en Ciudad Empresarial como productor audiovisual haciendo comerciales para grandes marcas. Desde que era pequeño le han gustado Gamer Extremo los videojuegos, por lo cual tiene una colección de consolas y todas las noches antes de dormir juega al menos 2 horas. Escribe sobre videojuegos en su blog, el cual tiene una gran cantidad de visitas.
  • 28. Caso de uso: Se viene el lanzamiento mundial de la nueva versión de su juego favorito. En exclusiva podra ser comprado antes del lanzamiento oficial en una pre- venta exclusiva para clientes frecuentes. El pago debe ser eso si con tarjeta de crédito de una multi- Gamer Extremo tienda.
  • 29. Motivaciones: Le gusta tener siempre las exclusividades en videojuegos y consolas. El quiere ese video juego antes que todos sus amigos, ademas se vienen sus vacaciones y quiere aprovechar Gamer Extremo que tendrá más tiempo libre. Además así puede tener un review en su blog antes que cualquier otro.
  • 30. Frenos: No posee tarjeta de esa multi-tienda y no le gusta la idea de tener que sacarla Gamer Extremo
  • 31. Arquitectura de la información
  • 33. ¿Qué es Arquitectura de la información? Disciplina preocupada de la organización, disposición y estructuración de la información dentro de un espacio de interacción.
  • 34. ¿Cuál es el objetivo de la Arquitectura de la información? Hacer que la compresión de la información y las acciones que los usuarios realizan sean fáciles de alcanzar.
  • 35. Hoy veremos... • Diseño de interacción. • Definición de árbol de contenidos/navegación • Definición de los rotulados.
  • 37. Y tener usuarios felices
  • 38. Diseño de interacción Es definir el comportamiento de un sistema frente a la interacción que tendrá un usuario. Es la planificación del funcionamiento de una plataforma digital en este caso. Con el objetivo de generar una experiencia de uso fácil, clara y satisfactoria para los usuarios.
  • 39. Partituras de Interacción http://www.ead.pucv.cl/2008/partituras-de-interaccion/
  • 40. Definición de un árbol de contenidos/navegación Definición de un árbol de contenidos en el cual estarán los contenidos del sitio, ordenados por niveles de profundidad. Para lograr un buen resultado debemos tener claro el negocio y los modelos mentales de nuestros usuarios.
  • 41.
  • 42. Definición del rotulado Este es un punto fundamental para el reconocimiento de los contenidos de una sección. En una palabra se debe resumir una gran cantidad de información Los rótulos deben ser claros y no prestar por ningún motivo a confusión.
  • 43.
  • 44.
  • 45. Cardsorting Herramienta de investigación psicológica, que se basa en la observación de los usuarios, de como estos agrupa y asocian un grupo de tarjetas con diversas categorías de temáticas de un sitio web.
  • 46. Objetivo del cardsorting Reconocer los diversos modelos mentales de los usuarios, para la generación una arquitectura de información orientada a los usuario..
  • 47.
  • 48.
  • 49.
  • 50.
  • 51. Gamer Extremo Manuel Vergara • Edad: 32 años • Profesión: Productor audiovisual • Tipo de Usuario: Medio
  • 52. BENJAMÍN PRELLER. DISEÑADOR DE EXPERIENCIA DE USUARIO EN BAZUCA.COM @BENJAPRELLER BENJAMIN@PRELLER.CL