Evaluación de Usabilidad en Diseño de Interfaz Digital

Clase 20 de 33 • Curso de CX Research y UX Testing

“El diseño es un acto de comunicación entre el diseñador y el usuario, donde toda la comunicación proviene de la apariencia del objeto, el cual necesita explicarse por sí mismo” Don Norman

Una interfaz digital necesita explicarse por sí misma, desde sus formas, desde el diseño.

Añadir textos explicativos sería no haber entendido que se trata de un diálogo entre una persona y una máquina donde existen más signos lingüísticos que sólo los textos.

Los colores comunican, las formas comunican y las reacciones de la interfaz marcan el ritmo y el tono del diálogo.

Parte de las preguntas que te ayudarán cuando hagas una evaluación de la experiencia digital son:

(Recuerda que estas preguntas no se hacen de forma directa a las personas, sino que son temas que la persona que observa deberá evaluar).

¿El lenguaje interactivo resulta consistente siempre? ¿En qué casos sí y por qué? ¿En qué casos no y por qué?
¿El concepto de la plataforma resulta claro? ¿Por qué sí? ¿Por qué no?
¿El menú de categorías facilita que los usuarios encuentren lo que buscan? ¿Qué categorías resultan obvias y por qué? ¿Cuáles no y por qué?
¿El vocabulario aporta para explicar el concepto o incluye palabras endogámicas que no facilitan la comprensión? ¿Por qué sí? ¿Por qué no?
¿Los elementos interactivos resultan localizables y notorios? ¿Cuáles sí y por qué? ¿Cuáles no y por qué?
¿El botón principal de cada sección resulta claramente distinguible y el usuario podría diferenciarlo aún sin saber leer? ¿Por qué sí? ¿Por qué no?
¿Las etiquetas de los links y botones explican por sí mismos qué hay detrás? ¿En qué casos sí y por qué? ¿En qué casos no y por qué?
¿Cada acción provoca una interacción que resulta clara y notoria? ¿En qué casos sí y por qué? ¿En qué casos no y por qué?
¿El diseño evita que la persona se confunda? ¿En qué casos sí y por qué? ¿En qué casos no y por qué?
¿La plataforma logra minimizar los micro-esfuerzos del usuario en cada una de las interacciones y flujos? ¿En qué casos sí y por qué? ¿En qué casos no y por qué?

¡Éxitos con tus pruebas de usabilidad!

rebeca Narvaez

student•

Buenísima esta lista, incluso la imprimiré para tenerla siempre cerca :D!

María Agustina Cabral Elizalde

student•

Este contenido, al igual que el "artículo" anterior (que en definitiva era una placa resumiendo cosas que ya se explicaron) podrían ir a la pestaña de archivos y enlaces de clases anteriores. No le veo mucho sentido a generar una "clase" para compartir texto cuando existen en la plataforma herramientas específicas para esto, a las cuales los estudiantes ya estamos habituados

Carlos Lizarazo

student•

Interesantes preguntas, pero haber si entiendo bien: ¿Se supone que estas preguntas no se le hacen directamente al usuario sino que nosotros como UX TESTERS debemos contestarlas con base en la observación de los gestos y acciones que ellos realizan? Gracias

Andres Rivera

student•

lo que entiendo es que toca añadirlas a la conversación con el usuario, sin llegar a sesgar las acciones del usuario, apoyando esto con la observación.

Adriana Urrego

Team Platzi•

Lo que se debe hacer es tratar de responder estas preguntas por medio de los resultados, los gestos, las palabras y en general el lenguaje verbal y no verbal que el usuario exprese al momento de completar cada uno de los objetivos planteados.

Diana Marcela Vargas

student•

No entiendo a qué se refiere con concepto de la plataforma, ¿alguien podría explicarme? ¡Muchas gracias!

Valentina Arango Eastman

student•

Hola Diana, cuando hablamos de diseño, cada pieza tiene un concepto. El concepto es la idea en la que se fundamentan todos los elementos del diseño, es la base, la idea creativa de donde surgió y lo que le da significado al resultado. En el ejemplo de la clase, el concepto está relacionado a los viajes, entonces cuando preguntan "¿El concepto de la plataforma resulta claro?" se refieren a si TODOS los elementos dan a entender que es una plataforma de viajes. Es como si tuvieras un sitio web de venta de productos de fútbol y de repente publicaras productos para el hogar. No tiene nada que ver, cierto? Eso es el concepto.

francesca murtas

student•

Bueno, pero habia sido mejor ponerlas como documento descargable

Jeannely Gil

student•

Hola! Disculpen mi ignorancia, pero cuando menciona "palabras endogámicas", a qué se refiere? Busqué el término y se usa en biología (genética) y en sociología y antropología...tendrá que ver con no usar el lenguaje interno de la empresa que esté prestando el servicio? No usar palabras "rebuscadas" ? Agradezco a quien me pueda aclarar, gracias!

Juan Germán Guzmán Riaño

student•

Encontré que La palabra, como tal, se compone del prefijo endo-, que significa ‘dentro’, y -gamia, que significa ‘unión’. Se refiere a palabras que se utilicen dentro de un grupo cerrado de personas como jerga que solo un grupo entiende. Se debe buscar siempre un lenguaje de alcance general para que sea claro para la mayor cantidad de personas posible.

Platzi Team

student•

Las palabras de Don Norman sobre el diseño como un diálogo entre el diseñador y el usuario, donde la comunicación reside en la apariencia del objeto, son fundamentales para comprender la evaluación de la experiencia digital. Una interfaz bien diseñada debe ser intuitiva y explicarse por sí misma, utilizando más que solo texto para transmitir información.

Enfocándonos en este aspecto, propongo un conjunto de preguntas que van más allá de la evaluación textual tradicional y se adentran en la comunicación no verbal de la interfaz:

1. Coherencia del lenguaje interactivo:

¿Existe consistencia en el lenguaje interactivo utilizado en toda la plataforma? ¿En qué aspectos se mantiene la coherencia? ¿En cuáles no? ¿Por qué?
¿La terminología utilizada es clara, concisa y acorde al público objetivo? ¿Se evitan tecnicismos o jerga confusa? ¿Por qué sí o por qué no?

2. Claridad del concepto:

¿Se transmite de manera clara y concisa el concepto central de la plataforma? ¿Qué elementos del diseño contribuyen a esta claridad? ¿Qué elementos podrían dificultarla?
¿La interfaz guía al usuario de forma efectiva a través del concepto principal? ¿Existen elementos que generen confusión o desorientación? ¿Por qué?

3. Facilidad de navegación:

¿El menú de categorías facilita la búsqueda de elementos específicos por parte del usuario? ¿La organización de las categorías es lógica e intuitiva? ¿Por qué sí o por qué no?
¿Los elementos de navegación son visualmente distintivos y fáciles de localizar? ¿Existe una jerarquía clara que guíe al usuario? ¿Por qué sí o por qué no?

4. Comprensibilidad del vocabulario:

¿El vocabulario utilizado en la plataforma es claro y comprensible para el público objetivo? ¿Se evitan términos ambiguos o confusos? ¿Por qué sí o por qué no?
¿Se utilizan definiciones o explicaciones contextuales para términos complejos o poco comunes? ¿Estas explicaciones son claras y accesibles? ¿Por qué sí o por qué no?

5. Visibilidad de los elementos interactivos:

¿Los elementos interactivos, como botones, enlaces y campos de formulario, son fácilmente visibles y distinguibles? ¿Resaltan visualmente del resto de la interfaz? ¿Por qué sí o por qué no?
¿La ubicación de los elementos interactivos es lógica y consistente en toda la plataforma? ¿Evita confusiones o errores por parte del usuario? ¿Por qué sí o por qué no?

6. Diferenciación del botón principal:

¿El botón principal de cada sección se distingue claramente del resto de los elementos? ¿Es fácil de identificar incluso sin leer el texto? ¿Por qué sí o por qué no?
¿El diseño del botón principal comunica de manera efectiva su función principal? ¿Atrae la atención del usuario sin ser invasivo? ¿Por qué sí o por qué no?

7. Claridad de las etiquetas:

¿Las etiquetas de enlaces y botones describen con precisión el contenido o la acción a la que llevan? ¿Evita ambigüedades o confusiones? ¿Por qué sí o por qué no?
¿La longitud de las etiquetas es adecuada? ¿Son lo suficientemente informativas sin ser demasiado extensas o abrumadoras? ¿Por qué sí o por qué no?

8. Retroalimentación clara de las acciones:

¿Cada acción del usuario en la interfaz genera una respuesta clara y visible? ¿Esta respuesta confirma la acción realizada y guía al siguiente paso? ¿Por qué sí o por qué no?
¿La retroalimentación es consistente en toda la plataforma? ¿Utiliza elementos visuales, auditivos o hápticos de manera efectiva? ¿Por qué sí o por qué no?

9. Prevención de errores y confusiones:

¿El diseño de la interfaz evita que el usuario cometa errores o se confunda durante la navegación? ¿Existen mecanismos para prevenir acciones no deseadas? ¿Por qué sí o por qué no?
¿La interfaz proporciona mensajes de error claros y útiles en caso de que ocurran problemas? ¿Estos mensajes guían al usuario hacia una solución? ¿Por qué sí o por qué no?

10. Minimización del esfuerzo del usuario:

¿La plataforma minimiza la cantidad de esfuerzo que debe realizar el usuario para completar cada tarea o interacción? ¿Se optimizan los flujos de navegación? ¿Por qué sí o por qué no?
¿Existen atajos, automatizaciones o funciones de autocompletar que simplifiquen las tareas repetitivas? ¿Se utilizan de manera efectiva? ¿Por qué sí o por qué no?

Estas preguntas, junto a otras técnicas de evaluación de usabilidad, permiten analizar la interfaz más allá de

Sandra Milena Bernal Sarmiento

student•

Excelente consejos, ,los cuales son muy útiles en el diseño de la interfaces,

Oscar Andrey Martinez Calderon

student•

Dejo las preguntas por acá si quieren guardarlas como imagen

Pedro Isaac Aguilar

student•

Si una interfaz no se explica por sí misma al usuario y éste tiene que consumir un tiempo en averigüar de qué trata, qué puede hacer con ella o comete varios errores al tratar de completar una acción dentro de la interfaz, es una mala señal para el equipo de Diseño, ya que esto quiere decir que la parte UI / UX del producto no está cumpliendo sus funciones adecuadamente.

Fernando Altozano Francisco

student•

Este será mi decálogo para las pruebas de usabilidad!! Así parece más fácil abordar una prueba 👏👏👏👏

Felipe Bernardo González Barranco

student•

Para tener presente

Marina Gonzalez

student•

Gracias por el resumen

Ginna Chacon

student•

Es importante hacer preguntas del presente, no hablar en pasado ni futuro

David Leal

student•

Es bueno tenerlas en cuenta. Gracias

Luis Ruiz Ramos

student•

Este checklist podría estar en el material del curso.

Evaluación de Usabilidad en Diseño de Interfaz Digital

Conocer el mundo del UX testing y User Research

Investigación de Usuarios: Entender Circunstancias para Mejorar Productos

Retos en la Investigación de Usuarios para Productos Digitales

Investigar usuarios para detectar oportunidades de producto

User Research y Testing: Entender y Mejorar Experiencias de Usuario

Estructuración de Objetivos en Investigación de Usuario

Técnicas para Entrevistas Individuales Efectivas

Elaboración de Reportes de Investigación de Usuarios

Detección de Problemáticas para Innovación Efectiva

Optimización de la Técnica de Personas en Investigación de Usuarios

Entrevistas para Análisis de Proyecto Empresarial

Hacer UX Testing para tomar mejores decisiones de diseño de interfaces

Conceptos clave en UX: Modelos mentales y dialéctica de poder

Evaluación de Usabilidad en Plataformas Digitales

Principios de Diseño de Interfaz de Usuario y Usabilidad

Encuestas Interactivas y Mapas de Calor para Usabilidad Web

Análisis de Mapas de Calor para Optimizar UX en Sitios Web

Encuestas Interactivas con Mapas de Calor para Mejorar UX

Pruebas de Usabilidad: Observación y Análisis de Errores Usuario

Prueba de Usabilidad: Realización y Análisis Efectivo

Pruebas de Usabilidad para Mejorar Experiencia de Usuario

Fundamentos del Diseño Web Responsive

Evaluación de Usabilidad en Diseño de Interfaz Digital

Triadas de Contención en Atención al Cliente para Mejorar Experiencia Web

Ordenamiento de Tarjetas para Diseño de Menús de Navegación

Card Sorting para Mejorar la Navegación de tu Sitio Web o App

Colaboración entre Investigación de Usuarios y Análisis de Datos

CX Research para lograr una mayor lealtad

Claves para Realizar Customer Experience Research Efectivo

Investigación Cualitativa para Mejorar la Experiencia del Cliente

Evaluación de Utilidad de Productos Digitales tras el Lanzamiento

Pruebas de Usabilidad y Tríadas con Usuarios en UX

Técnicas de Moderación en Grupos de Discusión Pequeños

Técnica de Diarios para Investigación de Experiencia de Usuario

Estudio de Diarios para Mejorar la Experiencia del Cliente

Investigar de forma profunda, acotada, enfocada, práctica y accionable

Investigación de Usuarios Ágil y Práctica para Empresas

Investigación y Testing para Crear Productos Memorables