Documentos de Académico
Documentos de Profesional
Documentos de Cultura
EXPERIENCIA DE USUARIO
QUIENES SOMOS
RODRIGO VERA
Diseador Grfico especialista en UX/AI/IXD.
Trabaja actualmente en Chilexpress como Diseador Experiencia
Cliente en la Sub Gerencia de Canal Digital. Co-Leader de IxDA
Santiago y entusiasta evangelizador UX.
SOFA SAVOY
Diseadora grfica especialista en UX/AI.
Trabaja actualmente en IDA, destacada consultora de
experiencia de usuario, en donde est a cargo de la arquitectura
de informacin, usabilidad y experiencia de usuario.
AGENDA
DISEO CENTRADO EN EL USUARIO (DCU)
METODOLOGAS DEL DCU
TALLER PRCTICO
DCU / UX
DISEO CENTRADO EN EL USUARIO
EXPERIENCIA DE USUARIO
Existen algunas preguntas que se hacen en este proceso y sobre las cuales se
aplican metodologas para obtener sus respuestas:
!
ESTRATEGIA
La etapa de estrategia consiste en planear los proceso y acciones para el desarrollo
de un proyecto, donde se define lo siguiente:
!
Objetivos y metas
Marco funcional y especificaciones
Hitos, plazos y entregables (carta gantt)
Anlisis comparativo de referentes (benchmark)
Casos de uso y pblico objetivo (personas y escenarios)
ESTRATEGIA | Benchmark
El Benchmarking es una herramienta
estratgica que consiste en la bsqueda
de referentes en la competencia de una
marca u organizacin midiendo de forma
comparativa elementos destacables
(a favor y en contra).
En s vemos lo que hacemos y cmo
lo hacemos, contra lo que hacen los
mejores en su clase y cmo lo hacen.
ESTRATEGIA | Benchmark
Algunos de los criterios y elementos a analizar son:
!
Estructura de navegacin
Aspectos de usabilidad
Definiciones de diseo
Elementos propios del contenido
ESTRATEGIA | Personas
Los usuario que se representan en la ficha no son
usuario reales, pero si construidos a partir de ellos.
Los personajes representados no deben superar
los ocho, y deben representar tus usuarios 100%
potenciales.
!
ESTRATEGIA | Escenarios
Suelen identificar aspectos importantes que afectan
a la utilizacin de un producto en el mundo real y
que no se pueden identificar ni tenerse en cuenta de
otro modo. Son tiles a lo largo del proceso de
diseo, especialmente al desarrollar descripciones
de tareas para las pruebas de usabilidad.
Los escenarios suelen basarse en la informacin
reunida durante el anlisis del flujo de trabajo del
DCU. Algunos se centran en el nivel funcional,
mientras que otros proporcionan informacin
detallada sobre el nivel de una tarea.
AI | Cardsorting
Es una tcnica participativa que permite organizar y
definir la distribucin de las categoras y contenidos,
donde se observa cmo los usuarios o clientes
agrupan estos elementos segn su criterio.
!
AI | Inventario de contenido
Es la documentacin que concentra todo el contenido a incluir en un proyecto,
tras el anlisis de cliente y de las reas involucradas, considerando los contenidos
nuevos y existentes.
!
AI | Mapa de navegacin
Es el resultado final de los pasos mencionados anteriormente,
donde se jerarquizan y etiquetan los contenidos adecuadamente
en secciones segn criterios de bsqueda.
Esta distribucin debe estar detallada
segn los niveles de navegacin, lo
que permite una lectura fcil y una
visin general de cmo se
estructurar nuestro espacio digital.
PARTITURAS DE INTERACCIN
Las partituras conforman un lenguaje visual que define y modela la
interaccin de proyectos digitales. Esta notacin grfica articula la
relacin entre el usuario, la interfaz y el sistema.
!
[ Ref: http://eadpucv.github.io/pix/ ]
PARTITURAS DE INTERACCIN
WIREFRAMES
Los wireframes son la jerarquizacin visual de los
contenidos de nuestro espacio digital, y nos
servirn para definir su estructura, funcionalidades y
conectar lo conceptual con lo visual, considerando:
!
DISEO RESPONSIVE
Es un modo de diseo que permite que un sitio web se adapte a la
resolucin de cualquier dispositivo, visualizndose perfectamente.
Este diseo adems proporciona ventajas significativas:
DISEO RESPONSIVE
Existen diferencias en el modo de disear los sitios web para que sean visualizados
en distintos dispositivos:
Responsive Design
Liquid Design
Web Mobile
TEST DE USUARIO
Un test de usuarios es una prueba de usabilidad
que se basa en la observacin y anlisis de
cmo un grupo de usuarios reales utiliza el
sitio web, anotando los problemas de uso con
los que se encuentran para poder solucionarlos
posteriormente.
!
TEST DE USUARIO
El nmero ptimo de participantes en la prueba debe ser al menos 5.
!
TEST HEURSTICO
Los heursticos son una serie de factores de
usabilidad que deben ser considerados a la hora de
realizar un anlisis de una web. Se trata de un anlisis
realizado por expertos, el nmero ideal de expertos va
de 3 a 5. A los expertos se les entrega una pauta de
correccin y un sitio a evaluar.
!
TEST HEURSTICO
Para evaluar usaremos la siguiente escala con notas del 1 al 5:
!
1.
2.
3.
4.
5.
REFERENCIAS
INFORMATION ARCHITECTURE
FOR DE WORLD WIDE WEB
(Morville & Rosenfeld)
http://uxpin.com/guide-to-wireframing.html
VOCABULARIO VISUAL
PARA DESCRIBIR LA
ARQUITECTURA DE INFORMACIN
PARTITURAS DE INTERACCIN
PIX
http://eadpucv.github.io/pix/
http://www.jjg.net/ia/visvocab/spanish.html
TALLER
MANOS A LA OBRA!
GRACIAS :)