UX

¿Cómo medir y detectar fallas en Usabilidad y Experiencia de Usuario?

por Rodrigo Reyes

User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products. - Jakob Nielsen

© Creative Commons

Motivación

Beneficios de una buena Experiencia de Usuario

  • Más clientes potenciales (conversion rate)
  • Mayores compras o interacción de los clientes actuales (User Engagement)
  • Menor gasto en soporte o resolución de problemas
  • Menor gasto en publicidad debido a la publicidad por terceros.(Boca en boca)

Análisis de Negocio

Aspectos importantes en UX

  • Soporte a usuarios
  • Métodos de pago
  • Facturación
  • Comunicación con el cliente

Se combate con

  • Encuestas de satisfacción
  • Innovación
  • Constante comunicación con el cliente respecto a los cambios mediante correos o notificaciones.

Diseño visual

Aspectos a considerar para una  experiencia de usuario positiva

  • Legibilidad
  • Transmitir ideas claras
  • Símbolos y representaciones conceptuales
  • Simplicidad
  • Guias de estilo

The devil's on the details

Interactividad

Se deben considerar las siguientes recomendaciones

  • El sistema debe responder rápidamente a el usuario
  • El sistema deben considerar y aprovechar los tiempos muertos
  • Constante retroalimentación respecto a las interacciones importantes.

El Proceso de UX

USABILIDAD

Todo sistema tiene una curva de aprendizaje

Las buenas prácticas de usabilidad reducen el tiempo que se requiere para adquirir agilidad al realizar tareas en el sistema.

Te presto mi control

Prototipado

  • Sketching
  • Wireframes
  • Storyboard
  • Prototipo funcional

Sketching

bocetos o prototipos de baja calidad

  • Se realizan a mano generalmente con plumón o lápiz
  • Se enfocan en el layout y en elementos principales
  • Generalmente omiten contenido o texto salvo descripciones claras respecto a los elementos 

Wireframes

  • Se presentan versiones muy sencillas de los elementos presentes en la página
  • Generalmente de trabajan en tonalidades de grises o con colores básicos.
  • Incluye el comportamiento de la
    página.(Mediante notas asociadas)

Tendencias Actuales

2015

  • Páginas que concentran la información más relevante en la página principal.Con texto grande e imágenes grandes.
  • Botones de compartir en redes sociales
  • Utilizar elementos en grid
  • Tipografía redonda y sin muchos adornos.

Siempre al diseñar un sitio debes preguntarte lo siguiente...

  • ¿Quiénes van a usar el sitio? (Target audience)

  • ¿Cómo lo usan? (Mobile friendly o Desktop Oriented)

  • ¿Para qué? (Orientado a ventas o a usuarios)

¡NUNCA SUPONGAS UNA HIPÓTESIS SIN ANTES VALIDARLA!

Hallway Testing

  • Se entrevistan a usuarios tipo de manera rápida que sean ajenos a el proyecto
  • Las entrevistas detectan fallas graves en usabilidad o en el diseño del proyecto

Pruebas A/B

  • Son muy utiles al tener discrepancias en el equipo de UX.
  • Generalmente se evalúan dos variantes de un diseño se deben distribuir equitativamente a los usuarios tipo.
  • Los usuarios deben desconocer 
    el experimento.

Heatmaps

  • Nos permiten detectar elementos gráficos que confunden al usuario
  • Nos permiten detectar fallas en el layout de el sitio
  • Son útiles para analizar la
    navegación real de un
    usuario en el sitio

Ejemplo de estudio usando heatmaps

Cuestionario SUS

(System Usability Scale)

  1. Usaría el sistema frecuentemente
  2. Encontré el sistema innecesariamente complejo
  3. Creo que el sistema fue fácil de usar
  4. Necesito a un experto técnico para utilizar el sistema
  5. Encontré muchas funciones bien integradas
  6. Hay muchas inconsistencias en el sistema
  7. Creo que es sencillo para la mayoría aprender a usar el sistema
  8. Encontré el sistema un tanto 
  9. Me sentí muy cómodo al usar el sistema
  10. Creo que necesito aprender muchas cosas antes de usar el sistema

Las respuestas deben ser 5

  • En desacuerdo = 1
  • Parcialmente en desacuerdo= 2
  • Neutral= 3
  • Parcialmente de acuerdo= 4
  • De acuerdo= 5

Los nones se les resta 1

Los pares se les resta 5 y se obtiene el valor absoluto

Se suma y se multiplica por 2.5

¿Cuántas personas son encuestadas?

Típicamente son entre 5 y 10

Generalmente un número mayor no presenta información nueva relevante

  • Conoce a el usuario, tú no eres el usuario.
  • Las cosas que se ven similares deben hacer cosas similares.
  • La información para tomar una decisión debe estar disponible cuando es requerida
  • Los mensajes de errores deben ser comprensibles para el usuario y deben indicar la forma de resolverlos
  • Cada acción tiene alguna reacción
  • Todos cometemos errores,así que el usuario de poder corregir los suyos
  • No abrumar con información al usuario
  • Consitencia, consistencia, consistencia
  • Keep it simple

Opciones, menus y más opciones

Ugly Madafakers

Bibliografía

Contacto

rodrigo@plethora.com.mx

http://rodkings.plethora.com.mx

 

DrupalCamp2015

By Rodrigo Reyes

DrupalCamp2015

UX ¿Como medir y detectar fallas en Usabilidad y Experiencia de usuario?

  • 124
Loading comments...

More from Rodrigo Reyes