Download - Diseño centrado en los usuarios: la Red
![Page 1: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/1.jpg)
¡hola!
![Page 2: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/2.jpg)
david de prado, dnx, investigación, diseño, innovación, compartir nuestra experiencia
![Page 3: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/3.jpg)
diseño para la red: el usuario
![Page 4: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/4.jpg)
diseño para los usuarios: la red
![Page 5: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/5.jpg)
algunas ideas clave
![Page 6: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/6.jpg)
el diseño empieza y termina con los
usuarios
![Page 7: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/7.jpg)
nosotros no somos los usuarios
![Page 8: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/8.jpg)
simpatíacompasiónflexibilidad
escuchahonestidaddiseño
![Page 9: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/9.jpg)
tarea
objetivos
![Page 10: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/10.jpg)
Objetivos
tarea
Entorno
![Page 11: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/11.jpg)
edadsexointeresesnecesidadesdudaslugar
dificultadeshabilidadesdispositivoambiente tiempomiedos
Tarea
Objetivos
![Page 12: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/12.jpg)
edadsexointeresesnecesidadesdudaslugar
dificultadeshabilidadesdispositivoambiente tiempomiedos
tarea
objetivos
![Page 13: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/13.jpg)
objetivos
tarea
Entorno
![Page 14: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/14.jpg)
edadsexointeresesnecesidadesdudaslugar
negociojefesestructuramediostiempomiedos
tarea
objetivos
![Page 15: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/15.jpg)
objetivos, estructura, medios, jefe, negocio, resultados, tendencia
usuario, belleza, proceso, consistencia, estándares,
heurísticos
![Page 16: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/16.jpg)
ich weiss nicht. Ich mag es nicht
lorem ipsum sit amet
![Page 17: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/17.jpg)
comprender prototipar
![Page 18: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/18.jpg)
prototipar comprender
![Page 19: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/19.jpg)
uno de los trabajos de diseño es comprender
![Page 20: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/20.jpg)
métricas cliente
Otros sites
![Page 21: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/21.jpg)
Existen multitud de técnicas: instrumentos, coste, resultados.
Craig Jewellhttp://www.flickr.com/photos/craigjewell/492576188
gruposentrevistasdiadastriadascultural probesdiarios de usoobservación contextualetnografíascard sortingtest de usuariosencuestas
![Page 22: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/22.jpg)
existen multitud de técnicas: instrumentos, coste, resultados.
Swiss/+/http://www.flickr.com/photos/swissbusiness/2553552960/
![Page 23: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/23.jpg)
extrañamiento
Swiss/+/http://www.flickr.com/photos/swissbusiness/2553552960/
Se pueden obtener grandes resultados haciendo cosas sencillas
!"#$%&'%()%*)+)*,-)-%-&% .%
• !"#$%&$'()#*&+*&,-$&$.&/"01+1"%&• 23#*34%"%&$'4%"5*&+*&,-$&%$.-+4"&#*)61"3*&• 7*%8%$36$%.$&#*3&+*&,-$&$.&#*3*#16*&
![Page 24: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/24.jpg)
entrevista
¿existe algo más sencillo y barato que preguntarle a alguien?
![Page 25: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/25.jpg)
entrevista
una conversación guiada en la que habla (mucho) más el entrevistado que el entrevistador.
![Page 26: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/26.jpg)
• vete siempre con una guía y un tiempo fijo.
• recuerda que estás conversando con alguien.
• busca conocer no sólo el uso, sino a la persona y su contexto de uso.
• céntrate más en los hechos que en las opiniones.
• recuerda que el análisis es ir más allá de las palabras.
do’s
![Page 27: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/27.jpg)
• tú no eres el protagonista.
• no induzcas las respuestas.
• no demuestres tu conocimiento.
• no te rindas.
don’ts
![Page 28: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/28.jpg)
triadas de pares
desentrañando las relaciones sociales en el uso de las tecnologías
![Page 29: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/29.jpg)
una dinámica de grupo con tres personas que tienen una relación personal/profesional.
triadas de pares
![Page 30: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/30.jpg)
triadas: desentrañando las relaciones sociales en el uso de la tecnología
![Page 31: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/31.jpg)
triadas: desentrañando las relaciones sociales en el uso de la tecnología
![Page 32: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/32.jpg)
do’s
• llévate una guía.
• busca las diferencias entre los distintos tipos de usuarios.
• ¿qué implicaciones tiene la relación en el uso de la tecnología?
• si quieres que la tecnología sea un estímulo, primero haz pruebas individuales y luego la grupal
![Page 33: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/33.jpg)
• no es una entrevista o un test, es una dinámica de grupo.
• es fundamental que su relación sea igualitaria, no jerárquica.
don’ts
![Page 34: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/34.jpg)
diarios de uso
conociendo contextos reales y la intimidad de la interacción
![Page 35: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/35.jpg)
diario de un usuario (físico u online) centrándose en el uso de un dispositivo, servicio o aplicación.
diarios de uso
![Page 36: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/36.jpg)
diarios de uso: conociendo contextos reales y la intimidad de la interacción
![Page 37: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/37.jpg)
diarios de uso: conociendo contextos reales y la intimidad de la interacción
![Page 38: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/38.jpg)
do’s
• ten muy claros tus objetivos.
• da indicaciones explícitas de cómo es la dinámica, formato y rutinas.
• plantéales tareas sencillas y claras: ni muy concretas, ni muy generales.
• determina cuál es el medio (papel, internet) para que te entreguen sus entradas.
• necesitan contar con un dispositivo de recogida audiovisual común: móvil.
![Page 39: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/39.jpg)
• no te olvides de ellos: contacta diariamente a través de teléfono o email.
• no lo alargues mucho: la gente se cansa.
• no minusvalores la logística. lleva horas de seguimiento al día.
don’ts
![Page 40: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/40.jpg)
observación contextual
siguiendo al usuario en situaciones y contextos reales
![Page 41: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/41.jpg)
sitúa al investigador en el contexto cotidiano del usuario por un periodo prolongado de tiempo con el objetivo de observar los patrones de uso de una aplicación, interfaz, dispositivo, ...
observación contextual
![Page 42: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/42.jpg)
observación contextual: situaciones reales, contextos reales.
![Page 43: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/43.jpg)
observación contextual: situaciones reales, contextos reales.
![Page 44: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/44.jpg)
do’s
• utilízala cuando contexto del usuario puede influir decisivamente en el uso o te es totalmente ajeno.
• busca factores ligados al contexto y momentos de uso.
• identifica previamente lo que esperas ver y en qué momento.
• pregunta en los tiempos muertos.
![Page 45: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/45.jpg)
prototipar: explorar, probar, comunicar, iterar
![Page 46: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/46.jpg)
story-board
plasmando conclusiones de la comprensión y decisiones de diseño
![Page 47: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/47.jpg)
representación de contextos de uso en una serie de escenas dibujadas en secuencia narrativa
story-board
![Page 48: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/48.jpg)
See-Ming Leehttp://www.flickr.com/photos/seeminglee/931446670/
![Page 49: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/49.jpg)
![Page 50: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/50.jpg)
do’s
• utilízalo cuando necesites comunicar y consensuar.
• recuerda que estás contando una historia.
• las situaciones, interacciones, dilemas son humanas.
• incluye el perfil y entorno de los usuarios.
• plasma sus objetivos, tareas, barreras,...
• explora ideas de diseño, interacciones y experiencias de uso.
![Page 51: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/51.jpg)
• no lo hagas después de haber diseñado.
• no puede ser inventado, tiene que estar basada en hechos reales.
• no hagas una sucesión lineal de escenas o fotografías.
• el aspecto visual es importante, pero la clave está en la información.
don’ts
![Page 52: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/52.jpg)
personas
manteniendo la presencia del usuario
![Page 53: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/53.jpg)
creación de un arquetipo de los usuarios a partir de los datos de la investigación.
personas
![Page 54: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/54.jpg)
personas y escenarios: manteniendo la presencia del usuario
![Page 55: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/55.jpg)
do’s
• añade todos los datos personales que puedan dar significado al arquetipo.
• las construimos a partir de comportamientos o necesidades observados, no a partir de datos sociodemográficos.
• si las creas, tenlas siempre presentes.
![Page 56: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/56.jpg)
• sin investigación es una técnica peligrosa.
• no te quedes corto: construye tantas como arquetipos puedas detectar.
• no las utilices sin escenarios.
don’ts
![Page 57: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/57.jpg)
prototipado en vídeo
prototipando servicios y experiencias
![Page 58: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/58.jpg)
nos permite representar experiencias significativas completas comunicando servicios creados de cero.
prototipado en vídeo
![Page 59: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/59.jpg)
prototipado en vídeo: prototipando servicios y experiencias.
![Page 60: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/60.jpg)
do’s
• hazte un story-board.
• no describas el servicio, muestra el servicio.
• escoge momentos de la verdad del servicio, no detalles.
• trabajo en equipo y mucha ilusión.
![Page 61: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/61.jpg)
wireframes
nuestros planos.
![Page 62: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/62.jpg)
representación esquemática del site prácticamente sin elementos de diseño visual
wireframes
![Page 63: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/63.jpg)
wireframes: nuestros planos.
![Page 64: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/64.jpg)
wireframes: nuestros planos.
![Page 65: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/65.jpg)
wireframes: nuestros planos.
![Page 66: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/66.jpg)
do’s
• papel y software, siempre.
• recuerda los estándares web. Para romperlos si es necesario.
• coméntalos siempre, pero lo esencial.
• recuerda que los wireframes son una herramienta de comunicación: diseñadores gráficos, desarrolladores, clientes,...
![Page 67: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/67.jpg)
• no lo hagas complicado.
• no trabajes lo superfluo para los fines del wireframe.
• hazlo bonito, pero en grayscale.
• no te olvides de las páginas de error!!
don’ts
![Page 68: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/68.jpg)
el cliente y el diseño centrado en el
usuario
![Page 69: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/69.jpg)
ich weiss nicht. Ich mag es nicht
lorem ipsum sit amet
¿cómo entendernos?
![Page 70: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/70.jpg)
edadsexointeresesnecesidadesdudaslugar
dificultadeshabilidadesdispositivoambiente tiempomiedostarea
objetivos
![Page 71: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/71.jpg)
+concepto +detalle
![Page 72: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/72.jpg)
cuatro ideas para terminar
![Page 73: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/73.jpg)
se puede diseñar para los usuarios sin contacto con los usuarios, pero es mejor hacerlo en contacto con ellos.
![Page 74: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/74.jpg)
no hacen falta muchos recursos para investigar:-audacia.-inteligencia.-honestidad.
![Page 75: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/75.jpg)
sustituye la evangelización por el trabajo conjunto con el cliente. Mete al usuario en su bocadillo.
![Page 76: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/76.jpg)
diseña y proporciona una buena experiencia a tus usuarios.
cambia el mundo.
![Page 77: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/77.jpg)
¿preguntas?
![Page 78: Diseño centrado en los usuarios: la Red](https://reader034.vdocuments.co/reader034/viewer/2022052601/558e79c41a28ab622c8b45a4/html5/thumbnails/78.jpg)
¡gracias!esta presentación está en
http:/www.slideshare.net/ronsel
escribidme! [email protected]://www.twitter.com/ronsel
más sobre esto en http://www.dnxgroup.com