¡hola!

david de prado, dnx, investigación, diseño, innovación, compartir nuestra experiencia

diseño para la red: el usuario

diseño para los usuarios: la red

algunas ideas clave

el diseño empieza y termina con los

usuarios

nosotros no somos los usuarios

simpatíacompasiónflexibilidad

escuchahonestidaddiseño

tarea

objetivos

Objetivos

tarea

Entorno

edadsexointeresesnecesidadesdudaslugar

dificultadeshabilidadesdispositivoambiente tiempomiedos

Tarea

Objetivos

edadsexointeresesnecesidadesdudaslugar

dificultadeshabilidadesdispositivoambiente tiempomiedos

tarea

objetivos

objetivos

tarea

Entorno

edadsexointeresesnecesidadesdudaslugar

negociojefesestructuramediostiempomiedos

tarea

objetivos

objetivos, estructura, medios, jefe, negocio, resultados, tendencia

usuario, belleza, proceso, consistencia, estándares,

heurísticos

ich weiss nicht. Ich mag es nicht

lorem ipsum sit amet

comprender prototipar

prototipar comprender

uno de los trabajos de diseño es comprender

métricas cliente

Otros sites

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

existen multitud de técnicas: instrumentos, coste, resultados.

Swiss/+/http://www.flickr.com/photos/swissbusiness/2553552960/

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*&

entrevista

¿existe algo más sencillo y barato que preguntarle a alguien?

entrevista

una conversación guiada en la que habla (mucho) más el entrevistado que el entrevistador.

• 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

• tú no eres el protagonista.

• no induzcas las respuestas.

• no demuestres tu conocimiento.

• no te rindas.

don’ts

triadas de pares

desentrañando las relaciones sociales en el uso de las tecnologías

una dinámica de grupo con tres personas que tienen una relación personal/profesional.

triadas de pares

triadas: desentrañando las relaciones sociales en el uso de la tecnología

triadas: desentrañando las relaciones sociales en el uso de la tecnología

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

• 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

diarios de uso

conociendo contextos reales y la intimidad de la interacción

diario de un usuario (físico u online) centrándose en el uso de un dispositivo, servicio o aplicación.

diarios de uso

diarios de uso: conociendo contextos reales y la intimidad de la interacción

diarios de uso: conociendo contextos reales y la intimidad de la interacción

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.

• 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

observación contextual

siguiendo al usuario en situaciones y contextos reales

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

observación contextual: situaciones reales, contextos reales.

observación contextual: situaciones reales, contextos reales.

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.

prototipar: explorar, probar, comunicar, iterar

story-board

plasmando conclusiones de la comprensión y decisiones de diseño

representación de contextos de uso en una serie de escenas dibujadas en secuencia narrativa

story-board

See-Ming Leehttp://www.flickr.com/photos/seeminglee/931446670/

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.

• 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

personas

manteniendo la presencia del usuario

creación de un arquetipo de los usuarios a partir de los datos de la investigación.

personas

personas y escenarios: manteniendo la presencia del usuario

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.

• 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

prototipado en vídeo

prototipando servicios y experiencias

nos permite representar experiencias significativas completas comunicando servicios creados de cero.

prototipado en vídeo

prototipado en vídeo: prototipando servicios y experiencias.

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.

wireframes

nuestros planos.

representación esquemática del site prácticamente sin elementos de diseño visual

wireframes

wireframes: nuestros planos.

wireframes: nuestros planos.

wireframes: nuestros planos.

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,...

• 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

el cliente y el diseño centrado en el

usuario

ich weiss nicht. Ich mag es nicht

lorem ipsum sit amet

¿cómo entendernos?

edadsexointeresesnecesidadesdudaslugar

dificultadeshabilidadesdispositivoambiente tiempomiedostarea

objetivos

+concepto +detalle

cuatro ideas para terminar

se puede diseñar para los usuarios sin contacto con los usuarios, pero es mejor hacerlo en contacto con ellos.

no hacen falta muchos recursos para investigar:-audacia.-inteligencia.-honestidad.

sustituye la evangelización por el trabajo conjunto con el cliente. Mete al usuario en su bocadillo.

diseña y proporciona una buena experiencia a tus usuarios.

cambia el mundo.

¿preguntas?

¡gracias!esta presentación está en

http:/www.slideshare.net/ronsel

escribidme! david.deprado@dnxgroup.comhttp://www.twitter.com/ronsel

más sobre esto en http://www.dnxgroup.com