Diseño centrado en los usuarios: la Red
Upcoming SlideShare
Loading in...5
×
 

Diseño centrado en los usuarios: la Red

on

  • 3,943 views

 

Statistics

Views

Total Views
3,943
Slideshare-icon Views on SlideShare
2,100
Embed Views
1,843

Actions

Likes
2
Downloads
27
Comments
0

7 Embeds 1,843

http://consultoriaenred.com 1610
http://nose2.bligoo.cl 169
http://feeds.feedburner.com 44
http://www.slideshare.net 10
http://dashboard.bloglines.com 6
https://consultoriaenred.com 3
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Diseño centrado en los usuarios: la Red Diseño centrado en los usuarios: la Red Presentation Transcript

    • ¡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ía escucha compasión honestidad flexibilidad diseño
    • objetivos tarea
    • Entorno Objetivos tarea
    • edad dificultades sexo habilidades intereses Objetivos dispositivo necesidades ambiente dudas tiempo lugar miedos Tarea
    • objetivos edad dificultades sexo habilidades intereses dispositivo necesidades ambiente dudas tiempo lugar miedos tarea
    • Entorno objetivos tarea
    • edad objetivos negocio sexo jefes intereses estructura necesidades medios dudas tiempo lugar miedos tarea
    • objetivos, estructura, usuario, belleza, proceso, medios, jefe, negocio, consistencia, estándares, resultados, tendencia heurísticos
    • ich weiss nicht. Ich mag lorem ipsum sit amet es nicht
    • 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. grupos entrevistas diadas triadas cultural probes diarios de uso observación contextual etnografías card sorting test de usuarios encuestas Craig Jewell http://www.flickr.com/photos/craigjewell/492576188
    • existen multitud de técnicas: instrumentos, coste, resultados. Swiss/+/ http://www.flickr.com/photos/swissbusiness/2553552960/
    • extrañamiento !"#$%&'%()%*)+)*,-)-%-&% .% •  !"#$%&$'()#*&+*&,-$&$.&/"01+1"%& •  23#*34%"%&$'4%"5*&+*&,-$&%$.-+4"&#*)61"3*& •  7*%8%$36$%.$&#*3&+*&,-$&$.&#*3*#16*& Se pueden obtener grandes resultados haciendo cosas sencillas Swiss/+/ http://www.flickr.com/photos/swissbusiness/2553552960/
    • 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.
    • do’s • vete siempre con una guía y un tiempo fijo. • recuerda que estás conversando con alguien. • buscaconocer 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.
    • don’ts • tú no eres el protagonista. • no induzcas las respuestas. • no demuestres tu conocimiento. • no te rindas.
    • triadas de pares desentrañando las relaciones sociales en el uso de las tecnologías
    • triadas de pares una dinámica de grupo con tres personas que tienen una relación personal/profesional.
    • 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
    • don’ts • noes una entrevista o un test, es una dinámica de grupo. • esfundamental que su relación sea igualitaria, no jerárquica.
    • diarios de uso conociendo contextos reales y la intimidad de la interacción
    • diarios de uso diario de un usuario (físico u online) centrándose en el uso de un dispositivo, servicio o aplicación.
    • 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. • daindicaciones explícitas de cómo es la dinámica, formato y rutinas. • plantéalestareas sencillas y claras: ni muy concretas, ni muy generales. • determinacuál es el medio (papel, internet) para que te entreguen sus entradas. • necesitancontar con un dispositivo de recogida audiovisual común: móvil.
    • don’ts • no te olvides de ellos: contacta diariamente a través de teléfono o email. • no lo alargues mucho: la gente se cansa. • nominusvalores la logística. lleva horas de seguimiento al día.
    • observación contextual siguiendo al usuario en situaciones y contextos reales
    • observación contextual 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: 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
    • story-board representación de contextos de uso en una serie de escenas dibujadas en secuencia narrativa
    • See-Ming Lee http://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.
    • don’ts • nolo hagas después de haber diseñado. • nopuede ser inventado, tiene que estar basada en hechos reales. • nohagas una sucesión lineal de escenas o fotografías. • el aspecto visual es importante, pero la clave está en la información.
    • personas manteniendo la presencia del usuario
    • personas creación de un arquetipo de los usuarios a partir de los datos de la investigación.
    • 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.
    • don’ts • sin investigación es una técnica peligrosa. • note quedes corto: construye tantas como arquetipos puedas detectar. • no las utilices sin escenarios.
    • prototipado en vídeo prototipando servicios y experiencias
    • prototipado en vídeo nos permite representar experiencias significativas completas comunicando servicios creados de cero.
    • 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.
    • wireframes representación esquemática del site prácticamente sin elementos de diseño visual
    • 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. • recuerdaque los wireframes son una herramienta de comunicación: diseñadores gráficos, desarrolladores, clientes,...
    • don’ts • no lo hagas complicado. • notrabajes lo superfluo para los fines del wireframe. • hazlo bonito, pero en grayscale. • no te olvides de las páginas de error!!
    • el cliente y el diseño centrado en el usuario
    • ich weiss nicht. Ich mag lorem ipsum sit amet es nicht ¿cómo entendernos?
    • objetivos dificultades edad habilidades sexo dispositivo intereses ambiente necesidades tiempo dudas tarea miedos lugar
    • +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.com http://www.twitter.com/ronsel más sobre esto en http://www.dnxgroup.com