Evaluación y Mejora de Usabilidad en una Interfaz Digital

Table of contents

Propósito del proyecto

Aplicar los conocimientos del RA3 mediante la evaluación completa de la usabilidad de una interfaz digital, identificando problemas, analizando resultados y proponiendo mejoras basadas en datos.

Tipo de actividad

Proyecto práctico individual.

Descripción del proyecto

En este proyecto seleccioné como caso de estudio la interfaz web Organic Foods (tienda en linea de productos frescos) y realicé un proceso completo de evaluación de usabilidad. El proceso incluyó diseño de pruebas, ejecución, análisis de resultados y propuesta de mejoras con enfoque en evidencia.

Fases del proyecto

1. Selección de la interfaz

• Interfaz elegida: Organic Foods (version web, vista de inicio con buscador, categorías y productos).
• Propósito del sistema: permitir explorar productos, agregarlos al carrito y finalizar compra.
• Tipo de usuario: estudiantes y trabajadores jóvenes (18-35) con uso frecuente de comercio electrónico.

2. Diseño de la prueba

• Tipo de prueba: moderada.
• Modalidad: remota por videollamada.
• Participantes: 5 usuarios con experiencia básica en compras en linea.
• Tareas realistas definidas:
  • Tarea 1: usar el buscador superior para encontrar un producto de la sección Freshly Arrived.
  • Tarea 2: navegar por categorías populares y agregar dos productos al carrito.
  • Tarea 3: revisar resumen de compra e iniciar el flujo de checkout.

3. Aplicación de la evaluación

Durante la evaluación se registraron observaciones de comportamiento, feedback verbal y resultados por tarea.

• Observaciones:
  • Dudas frecuentes en la ubicación del botón de finalizar compra.
  • Confusión en el resumen de costos por cargos adicionales.
• Feedback:
  • “No estoy seguro si ya se aplicó el cupón”.
  • “El formulario de dirección se siente largo”.
• Resultados:
  • Tasa de éxito global: 73%.
  • Tiempo promedio por tarea: 2m 48s.
  • Errores críticos detectados: 3.

4. Análisis de resultados

Problemas identificados, clasificados y priorizados:

5. Propuesta de mejora

Recomendaciones redactadas con enfoque accionable:

1. Reubicar y destacar el CTA de checkout con mayor contraste y etiqueta clara.
2. Implementar validación en tiempo real en campos obligatorios del formulario.
3. Mostrar desglose de costos desde el carrito (subtotal, envío, impuestos, total).
4. Incluir mensajes de estado para cupón: aplicado, inválido o expirado.
5. Simplificar la jerarquía visual de la pantalla de pago con bloques progresivos.

Rediseño propuesto (opcional, aplicado en este caso):

• Se rediseñó la pantalla de checkout con estructura en dos columnas:
  • Columna izquierda: formulario por pasos.
  • Columna derecha: resumen fijo de pedido y total final.

6. Iteración

Para un ciclo continuo de mejora, planteo este flujo iterativo:

1. Publicar cambios del rediseño en prototipo funcional.
2. Repetir prueba con nuevos usuarios (A/B entre diseño actual y nuevo).
3. Medir métricas comparables: éxito, tiempo, errores y satisfacción.
4. Priorizar ajustes de alto impacto y volver a iterar quincenalmente.

7. Reflexión final

1. ¿Qué problemas detectaste?
   • Principales problemas en visibilidad de acciones clave, feedback del sistema y claridad en costos.
2. ¿Qué métodos de evaluación utilizaste?
   • Prueba moderada remota, observación directa, registro de tiempo por tarea y análisis cualitativo de feedback.
3. ¿Qué mejoras propones?
   • Mejor jerarquía visual, validación temprana, CTA más claro y transparencia de costos.
4. ¿Cómo aplicarías este proceso en un entorno real?
   • Lo integraría en ciclos de sprint con hipótesis, pruebas quincenales, métricas de usabilidad y backlog priorizado por severidad.

Evaluación y Mejora de Usabilidad en una Interfaz Digital

Interfaz evaluada

Interfaz web Organic Foods, evaluando navegación inicial, búsqueda de productos, exploración por categorías, carrito y paso previo al checkout.

Diseño de la prueba

• Prueba moderada y remota.
• 5 participantes.
• 3 tareas realistas orientadas al objetivo de compra.
• Registro de tiempos, errores y comentarios.

Resultados obtenidos

• Exito promedio por tarea: 73%.
• Tiempo promedio total por sesión: 8m 24s.
• Mayor fricción: checkout (paso de dirección y confirmación).

Problemas identificados

• Falta de jerarquía clara entre navegación principal y acciones de compra.
• Fricción al pasar de listado de productos a carrito en pantallas pequeñas.
• Escasa visibilidad del estado del carrito y del total estimado durante la exploración.

Recomendaciones

• Mejorar señales visuales y estados del sistema.
• Reducir carga cognitiva en checkout.
• Mostrar costos y progreso de forma anticipada.

Evidencias (capturas, datos, etc.)

• Captura 1: pantalla inicial de Organic Foods (hero, buscador, categorías y listado de productos).
• Captura 2: flujo de agregar al carrito y estado visual del carrito.
• Captura 3: propuesta de mejora para jerarquía de CTA y visibilidad del resumen de compra.
• Bitácora de observación por participante.
• Matriz de severidad y priorización de hallazgos.

Reflexión final

Esta evaluación confirmó que una interfaz “bonita” no siempre es una interfaz “usable”. Los hallazgos mostraron que pequeñas decisiones de diseño en jerarquía, feedback y formularios impactan directamente la tasa de éxito de tareas. La mejora continua requiere medir, intervenir y volver a medir, no solo rediseñar por intuición.

Criterios de evaluación