David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Client
Upcoming SlideShare
Loading in...5
×
 

David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Client

on

  • 1,234 views

Formación que impartí en la empresa King-eClient sobre la metodología de trabajo Diseño Centrado en el Usuario (DCU)

Formación que impartí en la empresa King-eClient sobre la metodología de trabajo Diseño Centrado en el Usuario (DCU)

Statistics

Views

Total Views
1,234
Views on SlideShare
1,224
Embed Views
10

Actions

Likes
0
Downloads
23
Comments
0

2 Embeds 10

http://www.linkedin.com 9
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Client David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Client Presentation Transcript

  • Metodología de trabajo DCU, Diseño Centrado en el Usuario
    David Gil Ripoll
  • Índice
    La experiencia de usuario.
    Metodología de trabajo DCU
    • Introducción
    • Técnicas
    Test de usuarios
    Evaluación heurística
    Entrevistas, encuestas
    Personas-escenarios
    Cardsorting
    Arquitectura de información
    Eyetracking
    Prototipado
  • La Experiencia de usuario
    La experiencia de usuario o “Usabilidad” es un concepto que se refiere a la facilidad de uso de una aplicación o un producto interactivo.
    ¿Cómo se mide? A través de distintas variables como:
    • Facilidad de aprendizaje: cómo de fácil es para los usuarios realizar determinadas tareas básicas al acceder o utilizar por primera vez el dispositivo o aplicación.
    • Eficiencia: Una vez que conocen el funcionamiento cuánto tardan en realizar las tareas.
    • Memorización: Cuando los usuarios vuelven a entrar al cabo de un tiempo cuánto tardan en volver a usarlo eficientemente.
  • La Experiencia de usuario
    • Eficacia: durante la tarea, cuántos errores comete el usuario.
    • Satisfacción: Cuando termina de usarlo, cómo de agradable y sencillo le ha parecido al usuario.
    Vistas estas variables, ¿qué método pensáis que puede ser bueno para verificarlas?.
    Mediante los Test de usuarios, que veremos posteriormente.
  • Metodología de trabajo DCU. Introducción
    ¿Qué es?.
    Ni más ni menos que situar al usuario en el centro del diseño de un
    dispositivo o aplicación.
    La idea no es nueva, es de 1955, donde Henry Dreyfuss popularizó el concepto cuando diseñó los teléfonos para Bell Telephones y utilizó las opiniones de los usuarios en los modelos en los que trabajaba.
  • Metodología de trabajo DCU. Introducción
    ¿Es usabilidad lo mismo que DCU? 
    No exactamente
    ¿Cuál es la diferencia?
    La usabilidad es un atributo de la calidad del diseño final, mientras que la DCU es el camino para alcanzar y mejorar la usabilidad del producto. O sea se, la usabilidad es el que, mientras que la DCU es el cómo; diseñar algo usable es perfecto pero no significa necesariamente que se haya conseguido aplicando la DCU.
    El DCU es un proceso en el que las decisiones están dirigidas por y hacia el usuario y los objetivos que pretende satisfacer el producto, y donde la usabilidad del diseño es evaluada y mejorada en el proceso.
  • Metodología de trabajo DCU. Introducción
    Hay cuatro grandes fases de la metodología:
    Conocer a las personas que utilizarán el producto
    Saber cuáles son los objetivos que tienen y tendrán los usuarios (y los clientes)
    Generar soluciones de diseño
    Evaluación de los diseños a través de test de usuarios
  • Metodología de trabajo DCU. Introducción
    Ejemplo gráfico de sus fases e implementación
    Desarrollo e implantación
    Análisis
    Test de Usuarios
    Prototipado
    Conceptualización
    • Análisis heurístico
    • Benchmarking
    • Entrevistas
    • Personas-escenarios
    • Prototipado ágil
    • LowFidelity
    • HighFidelity
    • FocusGroup
    • Diseño Gráfico
    • Piloto
    • Test de usuarios
    • Eyetracking
    • Piloto público
    • CardSorting
    • Arquitectura de Información
    • Mapa de navegación
  • Metodología de trabajo DCU. Técnicas
    Test de usuarios
    Es la mejor forma de evaluar la usabilidad de un diseño. Funcionan mediante un grupo de usuarios que realizan una serie de tareas que se indica por un evaluador, y donde se analizan los problemas de usabilidad que existen.
    ¿Cuántos usuarios tiene que haber en cada prueba? 5 como mínimo, e individualmente cada uno, y lo ideal es hacer el test en distintos momentos del diseño para ir mejorándolo.
    ¿Requisitos para reclutar a los usuarios?
    Saber cuál es la audiencia del sitio web
    Localizar a usuarios representativos de esta audiencia
    Conseguir que participen!
    Pensamiento en voz alta!!
  • Metodología de trabajo DCU. Técnicas
    Evaluación heurística
    Debido al coste que puede suponer realizar test de usuarios, muchas veces los clientes optan por realizar análisis heurísticos, que consisten en que varios expertos analicen un diseño o página web para encontrar los problemas de usabilidad acordes a una serie de requisitos como por ejemplo legibilidad, contraste, navegación, tipo de enlaces, consistencia, etc, proponiendo una solución.
    Páginas donde conseguir información sobre requisitos de usabilidad:
    De la home: http://www.useit.com/homepageusability/guidelines.html
    En general de una web: http://www.userfocus.co.uk/resources/guidelines.html
    Listado de heurísticos: http://www.useit.com/papers/heuristic/heuristic_list.html
    Recursos: http://www.intergraphicdesigns.com/tools/test-usabilidad-web/
  • Metodología de trabajo DCU. Técnicas
    Evaluación heurística
    Una vez que se han recogido las incidencias se ponderan por gravedad y se indican las consecuencias que pueden tener para el usuario.
    ¿En qué momentos se puede realizar una evaluación heurística?.
    • Al principio, cuando se realiza sobre la página antigua que tiene el cliente, para evitar malas prácticas en la nueva.
    • Cuando se dispone de los nuevos diseños o maquetas que van a implementarse y antes de un test de usuarios,.
  • Metodología de trabajo DCU. Técnicas
    Entrevistas y encuestas
    Las entrevistas sirven para preguntar directamente a los usuarios y conocer de primera mano información que ayude a mejorar el diseño. Con ellas se conocen las opiniones, motivaciones y experiencias de los usuarios y nos dan una visión cualitativa compartida, en lugar de la cuantitativa. Se “suelen” realizar en grupos y se les conoce como Focus Group.
    Para obtener una visión cuantitativa podemos echar mano de las encuestas, donde a través de preguntas estructuradas los usuarios, representativos de la audiencia, responden a preguntas sobre preferencias, deseos, satisfacción, usos, etc.
  • Metodología de trabajo DCU. Técnicas
    Personas-escenarios
    Es un método que pretende indagar sobre la posible audiencia del sitio.
    Se realiza mediante una ficha donde se explicita la identidad de un personaje inventado pero con necesidades, actitudes y comportamientos basados en hechos reales de los usuarios potenciales o reales del sitio web a diseñar.
  • Metodología de trabajo DCU. Técnicas
    Personas-escenarios
    ¿Por qué creéis que puede ser bueno utilizar este método?
    Porque se consigue que el usuario esté en todo momento en nuestra cabeza, para cumplir los objetivos o necesidades que van a tener estos usuarios en la web que se realice.
  • Metodología de trabajo DCU. Técnicas
    CardSorting
    Consiste en solicitar a un grupo de usuarios (adecuados al target objetivo de la web) que agrupen los conceptos representados en tarjetas por similitud. Gracias a estas agrupaciones podremos tener una aproximación a la futura arquitectura de información.
    Se puede hacer abierto o cerrado. En el abierto los usuarios pueden agrupar las categorías libremente , mientras que en el cerrado ya están creados los grupos y se pide al usuario que ubique cada concepto en un grupo concreto.
  • Metodología de trabajo DCU. Técnicas
    CardSorting
    Las pruebas de CardSorting se pueden hacer de forma manual (cualitativa) con usuarios in-situ mediante tarjetas o bien mediante herramientas online (cuantitativa) como:
    Optimanlsort: http://www.optimalworkshop.com
    Websort: http://websort.net/
  • Metodología de trabajo DCU. Técnicas
    Arquitectura de información
    Consiste en organizar, ordenar y estructurar los contenidos de una web, con el objetivo de que los usuarios puedan encontrar la información de la forma más sencilla e intuitiva posible.
    ¿Por qué pensáis que puede ser bueno hacerla?
    • Nos ponemos en el papel del público objetivo, de cara a situar la información.
    • Se mejora la futura experiencia de usuario y la probabilidad de que vuelva otra vez.
    • Se anticipa la posible escalabilidad futura del contenido.
    • Se reducen los costes de contacto de los usuarios a la empresa.
  • Metodología de trabajo DCU. Técnicas
    Arquitectura de información
    Para representarlo se hace mediante un diagrama de estructura, donde se sitúan los distintos menús de navegación, y ya se empiezan a situar los literales que van a tener las distintas secciones y páginas.
    Programas para hacer AI:
    • Mindmanager
    • Visio
    • La socorrida Excel
  • Metodología de trabajo DCU. Técnicas
    Eyetracking
    Es un tipo de prueba con usuarios que permite analizar y estudiar su exploración visual ante una página web.
    Mediante un aparato que registra el movimiento de los ojos se recogen todos los vistazos que realiza el usuario cuando navega por la página.
  • Metodología de trabajo DCU. Técnicas
    Eyetracking
    La información que nos proporcionan los mapas de calor de los eyetracking nos dirá si los diseños o maquetas que hemos realizado son correctos o bien los elementos que creíamos que serían utilizados no lo son y los usuarios han obviado.
    A partir de las conclusiones se modificarán los diseños para optimizar la usabilidad.
  • Metodología de trabajo DCU. Técnicas
    Prototipado
    ¿Qué es eso del prototipado y los prototipos?...
    Son visiones esquemáticas de una interfaz, donde se sitúan los elementos básicos de una página como el logo, el menú de navegación, el buscador, pie, zonas destacadas, etc, sin elementos gráficos. También llamados Wireframes.
    ¿En qué momento se realizan?
    Arquitectura de Información
    Wireframe
    Diseño
  • Metodología de trabajo DCU. Técnicas
    Prototipado
    ¿Para qué hacerlos si podemos diseñar directamente las páginas?
    • Porque ayudan a ahorrar costes y tiempo. Un diseño final necesita un trabajo de detalle exhaustivo, sin embargo en el wireframe sólo situamos estructuras sin un excesivo detalle, y podemos validarlo con el cliente antes de diseñar y que haya que hacer cambios de detalle.
    • Porque “obliga” a pensar cómo se va a comportar la página en cuanto a navegación, contenido, funcionalidades y espacios de interacción, de la forma más usable posible
    • Porque permite al diseñador tener libertad para diseñar los elementos de la página, a partir de una estructura usable.
    ¿Qué paginas hay que prototipar? La home y las páginas interiores vs plantillas
  • Metodología de trabajo DCU. Técnicas
    Prototipado
    ¿Qué información es necesaria y deseable para realizar los wireframes?...
    • Aspectos estratégicos
    • Buenas prácticas de benchmarking
    • Arquitectura de información
    • Definición de contenidos
  • Metodología de trabajo DCU. Técnicas
    Prototipado
    ¿Qué herramienta es la mejor para hacer Wireframes?...
    La que mejor se adapte a cada uno, y tenga una calidad suficiente para el resto del equipo y para el diseño posterior.
    Algunas herramientas:
    • Photoshop
    • Axure
    • Pencil
    • Visio
    • Cacoo
    • Papel y lápiz
  • Metodología de trabajo DCU. Técnicas
    Prototipado ágil
    Básicamente es realizar un wireframe in-situ con el cliente y los distintos departamentos implicados en los contenidos, de forma que se vaya consensuando el prototipo, junto con las recomendaciones de los consultores.
    A continuación vamos a ver un ejemplo gráfico perfecto que explica el trabajo de prototipado ágil de un consultor con un cliente…español.
  • Metodología de trabajo DCU. Técnicas
  • ¡Gracias!
    David Gil Ripoll
    dgil@king-eclient.com