Usabilidad, palabra “de moda”
15/6/161 usabilidad - UX - accesibilidad Jordi Sánchez - @jordisan - http://jordisan.net
Día Mundial de la Usabilidad
World Usability Day http://www.worldusabilityday.org
15/6/162 usabilidad - UX - accesibilidad Jordi Sánchez - @jordisan - http://jordisan.net
https://www.youtube.com/watch?v=Jo91eehaafc
Diseño de experiencia de usuario
Teoría, Historia y Método
Diseñar antes de Construir
Ahorra tiempo, recursos ynos aleja de errores
Experiencia de Usuario“La percepción y respuesta de una persona como resultado de las expectativas ante o el uso de un producto, sistema o servicio” “Emociones de usuarios, sus creencias, preferencias, percepciones, respuestas físicas y psíquicas, comportamientos y logros obtenidos antes, durante y al finalizar el uso.”
* Donald Norman, Jim Miller, Austin Henderson: What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer. Proceedings of CHI 1995, Denver, Colorado, USA
Experiencia de UsuarioEl término fue dado a conocer porDonald Norman alrededor de 1995 porun artículo titulado:
Norman es uno de los pioneros del HCI en los años 80 y autor del famoso libro “El diseño de las cosas cotidianas” The Design of Everyday Things, Basic Books (September 17, 2002)
“User Experience Architect, in the mid-1990s”*
Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12
Small visual cues often improve usabilityTuesday 21 August 12
Yellow note athinge
Embossedledge toopen door
Inset ledgewith hinge
Doors of refrigerated cells at supermarktTuesday 21 August 12
Yellow notenear handle
Handle toopen door
Doors of freezer cells at supermarktTuesday 21 August 12
“I never design a building before I’ve seen the siteand met the people who will be using it.”—Frank LloydWright
Tuesday 21 August 12
TheDesignofEverydayThingsDrupalConMunich2012
Remote Controlfor Siemenscartridge type(ceiling)A/C Unit
Tuesday 21 August 12
Locked entry by keycard lockTuesday 21 August 12
CitizenM HotelSchipholAmsterdam
Tuesday 21 August 12
Flight Safety InstructionsGaloreOpen Here,TheArt of Instructional Design
Tuesday 21 August 12
Roundaboutwhere cars yield
Tuesday 21 August 12
Roundaboutwhere cyclists yield
Tuesday 21 August 12
Google Premium NavigationEULA popup after 30 day trial use
Tuesday 21 August 12
TheDesignofEverydayThingsDrupalConMunich2012
Tuesday 21 August 12
TheDesignofEverydayThingsDrupalConMunich2012
“There is nointuitiveinterface, noteven thenipple.It's all learned.”
—Bruce Edigerhttp://bit.ly/xPHagz
Tuesday 21 August 12
How we reallyuse the web—Don’t Make MeThink bySteveKrug
Tuesday 21 August 12
Tuesday 21 August 12
Experiencia de UsuarioDeviene de varios fenómenos:§ Ergonomía y Human Factor
§ HCI (Interacción Humano-Computadora)
§ Diseño Centrado en Usuario (User-CenteredDesign)
§ Usabilidad§ Accesibilidad
Sub-campo o rama de la Experiencia de Usuario.
Diseño de Experiencia de Usuario
Aspecto relacionado con el proceso de creación de un software basándose en los indicadores que influyen en las experiencias que tiene el usuario cuando interactúa con “algo”.
Criterio….
“La experiencia está más basada en la memoria que en la realidad.
Si lo que recuerdas del producto esmaravilloso, serás capaz de perdonar
cualquier situación problemática.”Donald Norman
METODOLOGÍA¿Cómo hacer diseño enfocado en la
experiencia del usuario?
} Etapas. Responden al tiempo transcurrido ¿cuándo?} Actividades o tareas. Responden al proceso ¿qué?} Técnicas. Responden a lo que se hace para lograr los
procesos y tarea ¿cómo?} Herramientas. Responden a qué se usa para aplicar
las técnicas ¿con qué?
PROCESO
DISEÑO CENTRADO EN EL USUARIO,LEAN UXY PROTO-PERSONAS
10 MINUTOS
•
DISEÑO CENTRADO EN EL USUARIO
Un enfoque para el diseño y desarrollo de sistemas que tiene comoobjetivo hacer sistemas interactivos más usables,centrándose enuso del sistema y aplicando factores humanos/ergonomíay losconocimientos y técnicas de usabilidad*.
*Norma ISO 9241-210:Ergonomics of human–system interaction— Part 210:Human-centred design for interactive systems
Diseño Centrado en el Usuario
Norman & Draper,User Centered System Design:New Perspectives on Human-computer Interaction,1986
•
•
•
¿QUÉ SE DEFINE EN LA FASE ENTENDER?
Las características de los usuariosprevistos,sus necesidades,comportamientos y metas.
Las tareas que los usuarios realizarán con el productopara cumplirmetas específicas.
El contexto en el que los usuarios ocuparán el sistema.
¿QUÉ SE DEFINE EN LA FASE ENTENDER
1. Objetivos del producto/servicio
2. Objetivos de negocio
3. Objetivos de los usuarios
4. Definiciónde audienciameta
5. Diseño de Personas,tareas y escenarios
¿QUÉ SE DEFINE EN LA FASE ENTENDER?
6. Requerimientos funcionales
7. Requerimientos de contenido
8. Análisis de competencia
9. Mejores prácticas
10.…
CARACTERÍSTICAS DE LOS USUARIOSPREVISTOS,SUS NECESIDADES,COMPORTAMIENTOSY METAS
INICIA EL PROYECTO…
“Quiero una apppara mi negocio”
- El cliente
Actualmente,casi todos los proyectos empiezan considerandouna serie de supuestos,es parte de la incertidumbre.Por lo general,ignoramos los supuestos o peor aún,
los tomamos como hechos.
La audiencia meta también inicia como un supuesto.
•
•
PROTO-PERSONAS
Una Persona es una representación o arquetipo de un usuario,
normalmente apagado a la investigación de usuarios reales durante el
proceso de Diseño Centrado en el Usuario.
En Lean UX, se utilizan Proto-Personas cuando no existen
recursos para crear verdaderos personajes basados en investigación
de usuarios,se basan en investigación secundaria y supuestos del
equipo.
•
•
•
CUÁNDO USAR PROTO-PERSONAS
Al inicio del proyecto,cuando se quiera asegurar el alineamiento sobre laaudiencia meta entre el cliente y todas las partes interesadas.
Cuando un cliente decida no invertir en investigación de usuarios.
Al hacer Lean UX,Proto-Personas representa la mejor conjetura en
cuanto a quién está utilizando (o va a utilizar) el producto y por qué.Secomienza con suposiciones y luego se realiza investigación para validarlashipótesis.
Formato Proto-Persona
EJERCICIO #1CREACIÓN DE PROTOPERSONAS
15 MINUTOS
INICIA EL PROYECTO…
“Quiero una app paraque cualquier ciudadanodel DF pueda tramitar yobtener un permiso paraconsumo recreativo deMarihuana”- Miguel Ángel Mancera
ACTIVIDAD
•
•
•
Identifiquensupuestosdel proyecto,¡escríbanlos!
Identifiquen los diferentes perfiles de usuario
Definan una Proto-Persona por cada perfil de usuario
UX RESEARCH10 MINUTOS
Analisis de sitios horribles• Experiencia del usuario horrible
47
48
49
50
51
52
53
•
•
ESTUDIOCONTEXTUALMétodo etnográfico para obtenerinformación sobre el contexto de uso,dondelos usuarios son entrevistados yobservados en sus propios entornos porlo queel análisis de datos es más realista quelos datos obtenidos en un laboratorio.
•
•
ESTUDIO CONTEXTUAL
Los cuatro principios de la investigación contextual son:• Enfoque - Plan para la investigación.• Contexto - Ir al entorno del usuario y observar sucomportamiento• Alianza - Entrevistar a los usuarios acerca de su trabajo yparticipar en el
descubrimiento de sus necesidades y metas respecto al producto.• Interpretación - Desarrollar un entendimiento cualitativo sobrelo observado.
•
•
ENTREVISTA
Método de conversación uno-a-uno para la obtenciónde información cualitativa deusuarios potenciales del producto.
Recomendaciones para lograr entrevistas exitosas:• Establecer expectativas correctas• Callar y escuchar• Minimizar preguntas sesgadas y escuchar• Ser amigables y escuchar• Olvidar supuestos y escuchar• Evitar generalizaciones y escuchar• Atención a señales no verbales
•
•
ENCUESTA
Conjunto de preguntas para evaluar las preferencias, actitudes, características yopiniones de un usuario sobre un tema determinado.Permite obtener insights, no métricas.
Recomendaciones para aplicar encuestas:• Preguntar sobre eventos y experiencias recientes• No sugerir respuestas• Una pregunta a la vez• Evitar escalas complejas como respuesta• Entrevistar,no sólo realizar encuesta• Acotar correctamente el número de participantes
PERSONAS“Así como los economistas crean modelos para describir elcomportamiento de los mercados,hemos encontradoque el usodenuestra investigación para crear modelos descriptivosde losusuarios esuna herramienta única y poderosa para el diseño de interacción.Llamamos a estos modelos de usuario Personas”.About Face:The Essentials of Interaction Design,Alan Cooper
PERSONASSon personajes imaginarios,pero representativos del mercado objetivoy deben tener en cuenta los siguientes puntos:
1. Las“Personas”representan a los usuarios en todo el proceso dedefinición,diseño y desarrollo.
2. Son arquetipos hipotéticos de usuarios reales.3. A pesar de que son imaginarias,se definen con significativo rigor y
precisión.
DISEÑAR PARA UNA SOLA PERSONA
•
Si se desea crear un productoque satisfaga una ampliaaudiencia deusuarios,la lógica sugeriría que sea lo más amplio enfuncionalidadcomo sea posible,para dar cabida a la mayor cantidad depersonas.Esta lógica es errónea.
•
DISEÑAR PARA UNA SOLA PERSONA
Tratar de complacer a los diferentes puntosde vista puedematar a un producto.Al restringir el objetivo de diseño para unasola persona, nada se interpone entre esa persona y unaexperiencia completa,ya que le dará las característicassuficientespara resolver sus necesidades concretas.
PROCESO PARA CONSTRUIR PERSONAS
1.2.3.4.5.6.7.8.
Grupos de entrevistas personales por rol de usuarioIdentificar las variables de comportamientoMapa de entrevistas por variables de comportamientoIdentificar patrones significativos de comportamientoSintetizar las características y definir metasRevisar para evitar redundancia y afinar integridadDiseñar tipos de PersonaDescripción de atributos y comportamientos
EJERCICIO #2CREACIÓN DE PERSONAS
15 MINUTOS
INVESTIGACIÓN DE USUARIOS…
•
•
•
ACTIVIDAD
Identifiquencomportamientos,necesidades y metas de sus“entrevistas”
Validen los supuestose hipótesis de su Proto-Persona contra sus“entrevistas”
Definan una Persona
DISEÑO ORIENTADO A METAS10 MINUTOS
DISEÑO ORIENTADO A METAS
•El Diseño Orientado a Metas es la metodología empleada enDiseño de Interacción para comprenderel contexto,lasmetas,necesidades y motivacionesdel usuario y llevarlo aldiseño de interfaces.
RECONOCIMIENTO DE METAS
•
•
Una meta es un puntofinal deseado en un tiempo finito.
Una tarea es la realización de un conjuntode pasosNecesarios para lograr una meta.
•
•
ESCENARIOS
Un escenario es una descripción narrativa concisa de una o más
personas para alcanzar una meta específica.El escenario es dónde
está el usuario (“la Persona”),realizando una determinada tarea para
cumplir una determinada meta.El escenario es aplicar la narrativa
como herramienta de diseño.
EJERCICIO #3CREACIÓN DE TAREAS
15 MINUTOS
ACTIVIDAD
•
•
•
Identifiquen2 tareas a realizar por su Persona en la app
Definan la meta de cada tarea
Definan los pasos de cada tarea para lograr la meta
EJERCICIO #4CREACIÓN DE ESCENARIO
10 MINUTOS
ACTIVIDAD
• Describan un escenario en donde la Personarealizaría una de lastareas identificadas
ESTRATEGIA DE CONTENIDOS10 MINUTOS
ESTRATEGIA DE CONTENIDOS
• Una vez que se defina una Persona, sus metas y situada en un escenario con tareas a desempeñar,queda identificar qué contenidosofrecerles.Para ello se define una estrategia de contenidos.
•
•
•
ESTRATEGIA DE CONTENIDOS
La estrategia de contenidosdebe estar centrada en la Persona.
Para dar a las personas el contenidoque necesitan,esnecesarioidentificar los tipos de contenidosque mejor asistan al usuarioen la ejecución de sus tareas en cada escenario.
•
•
•
•
TIPOS DE CONTENIDO
Para definir un contenido es necesario identificar su formato y tipo.
El formato es la unidad básica del contenido:texto,imagen o video.
El tipo es la aplicación del formato,por ejemplo,una receta de cocina es
un tipo de contenido de formato texto.
Un tipo de contenido puede estar compuesto por varios formatos,por
ejemplo,una galería de imágenes (Slider).
•
•
MAPA DE CONTENIDO
Son cartografías que se centran en el contenidode un productodigital.Permite explorar y visualizar el contenido,así como detectaroportunidades de mejora para el desarrollo de contenidos.
El objetivo de un mapa de contenidoes comenzar el desarrollo decontenidos con un fuerte enfoqueen las metas de los usuarios.
Top Related