Análisis heurístico o auditoría UX

Ejemplo: Gmail

• Mostrar información de manera que los usuarios entiendan cómo funciona el producto y comprendan el idioma en el que el producto comunica la información: para escribir un mail hay un botón grande que indica “Redactar”.

• Mantener informados a los usuarios sobre su estado de manera adecuada y oportuna: Cuando se empieza a redactar, presenta una barra que parpadea indicando dónde se está escribiendo. (I)

• Ofrecer control a los usuarios y permitir deshacer errores fácilmente: permite deshacer el envío de un mail unos segundos luego de haber apretado el botón de enviar (estos segundos son configurables).

• Ser coherente para que los usuarios no se confundan con el significado de las diferentes palabras, íconos, etc: posee los iconos estandarizados, como el clip que simboliza “adjuntar”, la cara sonriente que simmboliza “emojis” o una lapicera que simboliza el “insertar firma”

• Prevenir errores. Un sistema debe evitar las condiciones en las que surgen errores o advertir a los usuarios antes de que realicen acciones riesgosas: al escribir “archivo adjunto” en el cuerpo del mail, Gmail advierte con un mensaje que dice "Parece que olvidaste de adjuntar un archivo, escribiste archivo adjunto en el mensaje, pero no hay archivos adjuntos. ¿Quieres enviarlo de todas formas? " en el caso de que no haya nada adjuntado.

• Tener información visible e indicaciones para permitir que los usuarios reconozcan opciones y acciones que pueden realizar en lugar de obligarlos a confiar en la memoria. cuando se pasa el cursos sobre los iconos, te dice en palabras lo que significan.

• Ser flexible para que los usuarios experimentados encuentren formas más rápidas de alcanzar sus objetivos: permite programar envío de mails, armar respuestas automáticas e insertar firma automaticamente.

• No tener información desordenada, solo incluir información relevante para las tareas actuales: cuando se redacta un mail abre un recuadro para ingresar texto e imagenes, dejando en claro que no se puede seguir leyendo la bandeja de entrada.

• Proporcionar ayuda en un lenguaje sencillo con respecto a errores y soluciones: en cuanto a edición de texto, cuando una palabra está mal escrita agrega un subrayado debajo de ella.

• Enumerar pasos concisos en documentación sencilla y con capacidad de búsqueda para superar problemas: cuando se ingresa por primera vez, brinda un paso a paso de como utilizar la página.

Eejemplo:
Discord

• Mantener informados : Al entrar a un canal donde se puede escribir aparece una barra que parpadea para indicarnos en dónde se va a escribir en caso que lo hicieramos.

• Mostrar información de manera que los usuarios entiendan: siguiendo hablando del ejemplo anterior si en ese canal no se puede escribir ese mismo espacio se ve bloqueado, hay un mensaje que nos indica que ahí no se puede escribir.

• Ofrecer control : los mensjes enviados se pueden eliminar (sin dejar rastro de que ese mensaje fue enviado alguna vez) y también se puede editar.

• Prevenir errores: Al querer bloquear a alguien sale un cartelque te pregunta si estás seguro de quererehacerlo, a su vez cuando entrás a un enlace de invitación también te pregunta si queres unirte

• Tener información visible e indicaciones:Al pasar el cursor sobre los servidores a los que pertenecés te muestra el nombre y también cuenta con una opción en el mismo chat individual donde podés elegir si querés ver lo que está haciendo esa persona, qué servidores comparten en común, cuándo se unió a discord, etc

Ser flexible: en la parte del chat cuenta con íconos para elegir si querés enviar un sticker, un emoji o si querés regalar un mes de Discord Nitro ( que es una versión paga del mismo)

• No tener información desordenada: cuando se entra a un chat dejas de ver el inicio donde está la lista de amigos y qué está haciendo cada uno, lo mismo sucede en el caso de que esté en un servidor , dejo de ver la lista de amigos y de otros servidores, a su vez si estoy dentro de un canal de un servidor, dejo de ver los otros canales para ver el que yo elegí

• Proporcionar ayuda: hay una barra similar tanto cuando estás en un chat privado como cuando estás dentro de un servidor y el mismo logo de Ayuda se mantiene en la misma esquina superior derecha

• Enumerar pasos cuando se ingresa por primera vez te explica que podés usar esa aplicación tanto web como descargandola y de ahí te va guiando, paso 1 poner tu nick, paso 2 tu fecha de nacimiento, paso 3 ingresar correo, que de todas formas de no ingresar correo podés ingresar igual pero arriba aparece un cuadro destacado por sobre los demás que dice que si no querés perder la cuenta que ingreses un mail, al lado un botón para hacerlo.

En el caso de Facebook podría mencionar:

• Mantienen informados a los usuarios colocando los avisos de notificaciones pendientes (El puntito rojo) o mensaje pendiente sobre los iconos.

• Muestran información sobre como funcionan ciertos procesos al mostrar el aviso de que “alguien está escribiendo” en las secciones de comentarios.

• Ofrecen el control al permitir editar publicaciones o comentarios propios.

• Son coherentes al emplear iconos parecidos pero diferenciables para secciones como Amigos y Grupos.

• Previenen errores al preguntar si realmente deseas eliminar a alguien de tus amigos. Y te ofrecen opciones como silenciarlo o tomar un descanso.

• Tienen indicaciones como por ejemplo justo en el inicio para postear algo en el muro, te preguntan “¿Qué estas pensando?” En la zona donde se debe escribir. Mientras que junto a los iconos de imagen, video o GIF, te indican que desde ahí puedes agregar eso a tu post.

• Son flexibles al haber agregado una sección en la cuenta para personalizar la pantalla en vez de necesitar buscarla dentro de la configuración. Agilizando así el trabajo de activar el modo oscuro.

• Mantienen la información ordenada al colocar las opciones de compartir algo, dentro del botón compartir. De modo que no sobrecarga ni confunde.

• Proporcionan ayuda al preguntarte si has olvidado tu contraseña y ofrecerte múltiples soluciones para recuperar tu cuenta.

• Enumeran los pasos en el apartado de soporte cuando es necesario hacer un procedimiento más largo. Suele ocurrir al incursionar en Facebook Business.

Producto digital: Bancolombia

• Mantiene al usuario al tanto de donde está y que está haciendo
• Se comunica de manera clara y contundente.
• Se pueden hacer las acciones que se deseen en la WEB.
• En ningún momento se ve el uso de elementos o lenguaje que saque del contexto de la web.
• No hay errores visibles.
• La información que se necesita está clara.
• Tiene un buscador y mapa del sitio
• La información sigue un patron
• Hay ayudas y respuestas a dudas del usuario.

Elegi Youtube:

-La página se mantiene mostrando información mientras haya conexión a internet.
-Youtube se basa en un menú y mostrar miniaturas que llevan a sus respectivos videos, fácil de entender.
-Permite avanzar y retroceder, acelerar o desacelerar la reproducción, mutear, controlar el volumen poner subtítulos, etc. Variedad de controles.
-Usa lenguaje simple palabras clave.
-Como ejemplo de prevenir errores al borrar un comentario muestra una ventana donde vuelve a preguntar.
-Ofrece opciones como “guardar para más tarde” para no tener que recordar un contenido.
-Tambien tiene atajos para usuarios más experimentados.
-En el feed se muestran videos de todo tipo pero tiene botones donde se puede encontrar contenido con un tema en común.
-Suele presentar información clara cuando hay algún error o limitación, por ej. de localización.
-Tiene algunos tutoriales pero no son tan útiles en búsqueda mas si en subida de contenido.

Instagram

• Mantiene bastante informado a los usuarios de las novedades
• muestra información de tal manera que es predecible saber donde están las historias, las actualizaciones de a quien sigues
• es amigable en el caso de cometer errores o subir imágenes no deseadas o por accidente
• por su ubicación es coherente conjunto al contenido que se ve sin confundir al usuario y su ubicación
• Claramente podría ser mejor en el caso por ejemplo de una foto de muestra en el video o en la imagen, pero claramente ayuda a prevenir errores con advertencias ante cada movimiento que se denomine como decisión
• La información es bastante visible para los usuarios y se puede reconocer las diferentes acciones
• No pretende ni tiene desorden o caos en su estructura
• este aspecto se podría mejorar, ya que para hacer acciones como cancelar o para hacer historias o videos largos o es muy clara
• en cuanto a ciertos aspectos la elaboración de un reel puede ser complicada o utilizar el editor puede ser complicado cuando quieres hacer varias cosas

Notion

Mantener informado

Se ve en la variación que tienen los botones (componentes) cuando pasa el cursor sobre ellos o como al inicio de eso que pudieran ser las líneas cuando pasa el mouse se activan iconos y aparte si estas en diferentes teams te hace notificaciones de avances que te muestra en un boton izquierdo en la parte superior

Mostrar información

Al hacer enter aparece la opción “Press space…” para seguir escribiendo, además hacen una gran introducción o tutorial cuando empiezas a usarlo ya sea en destok o app y tiene su boton ? para preguntar en la esquina inferior izquierda

Ofrecer control

Cuando se borra algo como una carpeta aparece un mensaje para deshacer la opción.

Coherencia

No hay iconos confusos aunque siento que falta una opción para listas de números.

Prevenir errores

No tiene mensajes de ¿Estás seguro que deseas borrar cierto archivo? pero cuando se borra algo como una carpeta aparece un mensaje para deshacer la opción inmediatamente

Información visible

Si me quedo detenida con el mouse en algun botón se activa un mensaje con aquello de lo que se trata ese boton al igual que cuando selecciono un texto y aparecen opciones de que puedo hacer con ese texto.

Flexiblidad

No sé que tan diferente puede ser Notion cuando se es experto en él, manejo lo básico, pero sí sé que no es fácil borrar o rehacer sino sabes los comandos Ctrl + z y Ctrl + y

No tener información desordenada

Sí es muy ordenado Notion

Proporciona ayuda

Con su boton de ? para preguntas y además cambiar el idioma es sencillo en configuración

Enumerar pasos

Su sección de ayuda tiene artículos con los pasos a seguir enumerados

El producto digital seleccionado: El Tiempo.

Para realizar la evaluación heurística, utilizaré la lista de verificación de criterios de Nielsen-Molich:

• Mantener informados

  • En la pagina se muestra una barra de progreso y un
    mensaje de “Lo ultimo”.
  • Cuenta con las ultimas noticias por hora de publicación.

• Mostrar información

  • La aplicación utiliza un lenguaje claro y conciso para
    describir las noticias y las categorías.
  • El uso de iconos y etiquetas es coherente y fácil de entender.

• Ofrecer control

  • Los usuarios pueden volver a la pantalla principal en cualquier momento dando click en el logotipo de “El Teimpo”.

• Ser coherente

  • La aplicación utiliza iconos y etiquetas coherentes y estándares comunes en las paginas web de noticias.

• Prevenir errores

  • La aplicación presenta un mensaje de confirmación antes de que se elimine una noticia.
  • La aplicación presenta un mensaje de confirmación de suscripción antes de leer una noticia.

• “Tener información visible e indicaciones”

  • La aplicación muestra un menú de categorías de noticias en la pantalla principal para que los usuarios puedan seleccionar la categoría deseada.

• Ser flexible

  • La aplicación permite a los usuarios seleccionar sus categorías de noticias favoritas para que se muestren en la pantalla principal.
  • Los usuarios pueden cambiar fácilmente entre las diferentes categorías de noticias utilizando una lista desplegable.

• No tener información desordenada

  • La noticias se muestran de manera ordenada por fecha y hora de la publicación.

• Proporcionar ayuda

  • A pesar de ser una pagina de noticias no muestra ayudas de accesibilidad para usuarios con problemas.

• Enumerar pasos

  • Cuenta con un la lupa para realziar busquedas de las noticias pero no es clara ni tampoco sencilla de encontrar.

En general, la aplicación cumple con la mayoría de los criterios de Nielsen-Molich.

En el caso de Netflix podría mencionar:

• Mantienen informados a los usuarios resaltando cada acción que se está haciendo, ubican en qué categoría están (Películas > Acción y aventuras). Esto puede ayudar a los usuarios a ubicarse dentro de nuestra propia navegación.

• Muestran información Tanto en las fichas de las películas y series como en la barra de navegación podemos ver que la iconografía es muy representativa, se puede ver claramente como los iconos con dedos pulgares hacia arriba o hacia abajo indican si ha gustado o no el contenido.

• Ofrecen el control El menú de Netflix se encuentra en la parte superior de la pantalla, y esta nos ofrece opciones muy básicas: Series TV y Películas, además de los estrenos o nuestras listas.

• Son coherentes contiene algunos íconos de los cuales los usuarios no están muy familiarizados con su función, la plataforma lo solventa mostrando al pasar por encima, lo que hace que se evite navegar por zonas indeseadas.

• Previenen errores al intentar entrar con nuestra cuenta nos dice que la contraseña es incorrecta, y nos ofrece restablecerla para poder recuperarla. También nos provee de seguridad en cuanto a la verificación de acceso a la cuenta y de su origen.

• Tienen indicaciones al utilizar siempre imágenes de las obras bajo el título de estas. Además, mejora muchísimo la experiencia al pasar el ratón por encima, ya que esta diapositiva aumenta de tamaño, muestra más información y además se muestran automáticamente escenas del contenido, pudiendo tener una idea mucho más clara y precisa del producto.

• Son flexibles En el buscador de Netflix, al escribir una palabra nos muestra sin tener que apretar al enter un listado completo de las películas que tiene la plataforma del estudio de animación, lo que hace que la experiencia sea muy fluida y eficiente.

• Mantienen la información ordenada, Netflix utiliza un diseño muy limpio y simple, la tipografía es coherente y se mantiene con diferentes jerarquías, por otro lado los iconos y elementos gráficos se mantienen planos.

• Proporcionan ayuda al preguntarte si has olvidado tu contraseña y ofrecerte múltiples soluciones para recuperar tu cuenta. También ofrece un botón en el menú de reproducción en el que el usuario puede reportar aquellos problemas que pueda tener.

• Enumeran los pasos en el apartado de soporte, netflix ofrece desde el menú principal acceso al centro de ayuda. En este espacio el usuario puede buscar soluciones a los problemas mediante una estructura bien categorizada y de problemas frecuentes.

Página de Drogas La rebaja:

1. Nos mantiene informados porque conforme vamos comprando el número va cambiando en el icono de bolsa acompañado del texto mi compra.
2. El input para buscar lo que necesitamos es bastante grande y se encuentra acompañado de la lupa lo que permite que el usuario comprenda qué debe hacer para satisfacer su necesidad.
3. Cuando le damos en comprar al artículo nos permite indicar qué cantidad deseamos, si nos equivocamos podemos corregir fácilmente haciendo clic en el ícono de bolsa “mi compra” fácilmente puedes hacer clic en la X para eliminar el producto o clic en la opción vaciar el carrito.
4. Cumple con este apartado dado que los íconos no se repiten y son fácilmente entendibles.
5. Una vez das en finalizar compra te muestra en pantalla completa todos los productos que has agregado para que estés seguro de que tienes lo que deseas comprar. Algunas acciones no se activan o no permiten ser seleccionadas antes de completar campos previos requeridos para avanzar, lo que minimiza el error.
6. Cada botón ROJO tiene el texto de los pasos que se deben seguir para finalizar la compra, lo mismo con la dirección y el método de pago. Así que si uno es usuario recurrente tendrá un breve recuerdo que se ve reforzado por las opciones de la página.
7. Considero que este caso no lo cumplen, pues al ingresar te vuelven a confirmar la dirección… así sea la única que tienes. En la opción de pago debería estar seleccionada el método de preferencia para que avance más rápido o una selección de productos frecuentes, aunque esto último haría parte de la personalización creo.
8. Creo que en la barra principal superior hay cierta saturación pues se ofrecen 9 categorías, entre ellas las ofertas que vuelven y se presentan en la parte inferior solo que más grande.
9. Si cumple, pues al navegar por la aplicación todo el tiempo se percibe que se habla un lenguaje sencillo, cotidiano y fácil de comprender.
10. No se enumeran los pasos pero se encuentra una guía constante de cómo se deben realizar las acciones.

Wattpad:
Mantener informado

• Siempre nos muestran en que apartado estamos, ya sea atenuando los colores al ingresar en una sección como (inicio, búsqueda biblioteca)

Mostrar información.

• Nos muestra información sobre cómo utilizar la app de forma sencilla indicándonos que se puede conseguir en la aplicación con palabras claras y precisas.

Ofrecer control

• Si por algún motivo no agregaste a tu biblioteca una lectura que te ha gustado, en la página de inicio se muestra una sección llamada ¿Recuerdas esto? Que muestra las lecturas sin guardar.
• También a la hora de escribir, cuando eliminas cierta parte de lo que has escrito puedes restaurar los cambios, así como volver a versiones anteriores.

Ser coherente:

• Las palabras están bien elaboradas y estructuradas dejando en claro lo que se puede conseguir, sin confundir al usuario.

Prevenir errores:

• Al entrar en una lectura y salir te muestra un aviso de ¿quiere guardar esta lectura en su biblioteca? Eso nos quita el problema de querer una lectura que nos ha gustado y no guardarla en la biblioteca personal.
• Al realizar algún cambio en configuraciones he incluso al borrar un de tus obras publicadas te muestra en pantalla si está seguro de realizar esto, ingrese su contraseña, este aviso nos previene de errores futuros.

Tener información visible e indicaciones

• Al momento de escribir y querer agregar diseños a la letra ya sea hacer más oscura la letra, subrayarla, hacerla cursiva y crear listas estas se muestran con iconos que son fáciles de reconocer ya que representan lo que queremos hacer.

Ser flexible:

• Al escribir permite utilizar los atajos del teclado, por ejemplo, copiar de otro, deshacer y restaurar, también para las acciones de hacer la letra cursiva, subrayada o más oscura tienen sus propios atajos.

No tener información desordenada:

• Al buscar alguna historia por categoría o títulos te muestra todo lo resaltante de esa historia, el titulo su portada y un breve resumen de que va la obra.
• Al momento de crear una nueva historia, también te muestra de ser modo para personalizar todo de forma ordenada, partiendo desde el título, portada, categoría, descripción.

Proporcionar ayuda:

• Al tener un problema con la aplicación o al ya se por derechos de alguna obra que te han copiado, puedes hablar con el soporte de Wattpad que te soluciona el problema, claro está luego de analizarlo.

Enumerar pasos:

• Tiene un aparatado donde están las preguntas comunes y todo documentado por secciones indicando y aclarando dudas.

Nequi (App Banco digital):
Mantener informado al usuario: En la pantalla incial, luego de ingresar usuario y contraseña, se muestra el dinero disponible en un primer plano.

Mostrar información: El menú de acciones es bastante claro al mostrar al usuario las diferentes opciones de transacciones.

Ofrecer control: El usuario tiene la autonomia de organizar sus finanzas y otorgar topes transaccionales; al igual que personalizar en monto y nombre los bolsillos que cree en su perfil.

Prevenir errores: Cuando se lleva a cabo una transacción, la app antes de realizar un desembolso, arroja un pantallazo donde aparecen los datos de la cuenta receptora antes de dar aceptar.

**INSTAGRAM
mantiene informado a los usuarios con las notificaciones, y puntos rojos sobre los iconos para informarte de las actividades de tu perfil.
muestra información te muestra como publicar una foto hacer un reels y como interactuar con otros usuarios por medio de likes, comentarios o chats.
ofrece control, te permite borrar comentarios fotos y chats
coherencia con sus iconos `para que el usuario no se confunda.
previene errores como cuando vas a descartar una publicación .

Duolingo

1. Mantiene informado al usuario sobre su estado: es muy claro al mostrar en qué parte del proceso de clases se encuentra la persona, resaltando el círculo con color y un aviso. También avisa cuando se va a empezar una lección.
2. Muestra la información de forma clara: tiene íconos de banderas para cambiar el idioma y las secciones en que se divide el proceso de aprendizaje están explicadas con su contenido.
3. Ofrece control: no totalmente, ya que si no se ha completado un nivel, no se puede pasar al siguiente. O si se está en la versión gratuita, debes tener vidas suficientes para poder tomar las clases.
4. Es coherente con su iconografía, a pesar de que incorpora muchos símbolos diferentes que no se usan en otras apps.
5. Prevenir errores: no es una app en la que puedan surgir muchos errores en la toma de decisiones, por lo que no contiene avisos de este tipo.
6. Tiene información visible e indicaciones en todo momento.
7. Es flexible: presenta la opción de saltar las lecciones si el usuario tiene un nivel más avanzado, presentando un examen.
8. No tiene información desordenada: a pesar de que cuenta con mucha información, no solo sobre lecciones, sino desafíos, medallas, divisiones, entre otros; cada una está en secciones diferentes de forma organizada.
9. Proporcionar ayuda: si se hace click sobre una palabra, proporciona el significado de esta. De esta forma ayuda con el aprendizaje y realización de los ejercicios.
10. Enumerar pasos: desde que se empieza a usar indica la forma en que se puede ir avanzando de forma muy visual y clara.

Yo elegí para analizar la página de Mercadolibre:
• “Mantener informados a los usuarios sobre su estado de manera adecuada y oportuna”
Mercadolibre mantiene informados a sus usuarios tanto durante la compra como durante el envío.

• “Mostrar información de manera que los usuarios entiendan cómo funciona el producto y comprendan el idioma en el que el producto comunica la información”
En la app se cumple esta heurística, ya que toda la compra resulta sencilla, los pasos están bien explicados y también tienen buenas descripciones los productos publicados.

• “Ofrecer control a los usuarios y permitir deshacer errores fácilmente” Es fácil retroceder en el proceso de hacer una compra. Por ejemplo si completamos mal un dato o elegimos una tarjeta que no era la correcta.

• “Ser coherente para que los usuarios no se confundan con el significado de las diferentes palabras, íconos, etc.”
En general se cumple esta heurística. A veces existe incoherencia porque nos trata de usted en una página, y de vos en la siguiente.

• “Prevenir errores. Un sistema debe evitar las condiciones en las que surgen errores o advertir a los usuarios antes de que realicen acciones riesgosas”
Para prevenir errores, Mercadolibre tiene el autocompletar al momento de la compra. Si ya compraste una vez, los datos se cargan super fácil.

• “Tener información visible e indicaciones para permitir que los usuarios reconozcan opciones y acciones que pueden realizar en lugar de obligarlos a confiar en la memoria”
Todos los procesos están explicados. La única parte muy engorrosa es cargar el usuario por primera vez. Son muchos pasos, hay que sacarse una foto, a veces falla.

• “Ser flexible para que los usuarios experimentados encuentren formas más rápidas de alcanzar sus objetivos”
Es muy flexible, para los compradores frecuentes es muy fácil y rápido volver a comprar.

• “No tener información desordenada, solo incluir información relevante para las tareas actuales”
La información que presenta la app es relevante, y está bien organizada. La información de envío es clara y el botón de COMPRAR tiene un buen tamaño.

• “Proporcionar ayuda en un lenguaje sencillo con respecto a errores y soluciones”
Tiene buenos menúes de ayuda. Y también cuenta con asistencia telefónica de ser necesario.

• Enumerar pasos concisos en documentación sencilla y con capacidad de búsqueda para superar problemas.
Todos los paso a seguir de las diferentes preguntas frecuentes están bien descriptas y explicadas.

Paramount+

• Tener información visible e indicaciones : Si cumple

• Ser flexible : **no cumple se torna tedioso encontrar una pelicula ya que solo se puede escribir el nombre exacto, de lo contrario no es posible encontrar por nombre de actores principales, ni por palabras claves. Lo cual puede ser frustante y confuso al pensar que no se encuentra el titulo disponible

• No tener información desordenada SI CUMPLE

• Proporcionar ayuda en un lenguaje sencillo con respecto a errores y soluciones NO CUMPLE

• Enumerar pasos concisos en documentación sencilla y con capacidad de búsqueda para superar problemas. NO CUMPLE La funcion de configuracion y personalizacion es supremamente limitada