Las compras online están en auge y más aún en este mes de noviembre debido al Black Friday, la campaña comercial en la cual se encuentran grandes descuentos, original y principalmente sobre productos tecnológicos aunque ya está extendido a otra gran cantidad de áreas.

Por este motivo se ha elegido la plataforma de venta online de productos eléctricos y electrónicos www.pccomponentes.com para realizar en esta primera parte una evaluación heurística.

Metodología

La evaluación de la plataforma ha consistido en dos fases: una primera exploratoria, en la cual se ha navegado de forma libre para familiarizarse con la web y ver sus funcionalidades básicas.

A continuación se ha realizado una navegación más exhaustiva, buscando funcionalidades menos visibles y servicios secundarios, incluyendo una creación de cuenta en la plataforma para poder explorar el flujo de uso de compra.

Finalmente se han listado los 10 principios heurísticos de Nielsen y buscado ejemplos, tanto buenos como malos, para ilustrar cada uno de ellos.

? Evaluación Heurística  ?

1. Visibilidad del estado del sistema

El sistema debe mantener a los usuarios informados sobre lo que está ocurriendo y en dónde se encuentran.

Utiliza migas de pan (breadcrumbs) para informar al usuario de en qué parte de la página se encuentra.

También muestra los pasos del proceso de compra y en que el usuario se encuentra.

2. Adecuación entre el sistema y el mundo real

El lenguaje del sistema debe adecuarse a su público y hablar con términos que las personas usuarias puedan entender.

Explica las características de los productos con un lenguaje comprensible por usuarios no expertos en tecnología.

Otro ejemplo es la explicación del proceso de compra:

3. Libertad y control por parte de la persona usuaria

El usuario puede deshacer pasos o salir del estado en el que se encuentra, teniendo el control de la navegación.

En la cesta se muestran diferentes caminos a la persona compradora, de modo que además de continuar con la compra puede añadir más unidades del artículo, guardarlo en una lista de deseos, eliminar uno o todos los artículos de golpe o pausar el proceso de compra y seguir explorando la web.

4. Consistencia y estándares

La plataforma debe seguir unas normas tanto de coherencia entre los mismos elementos repetidos como en arbitrariedad de los iconos y elementos usados con respecto a otras webs, de manera que el usuario las identifique fácilmente.

En la web se pueden encontrar diversidad de botones con distintos colores y formas.

Además, en el módulo de compra de un producto, se pueden encontrar un par de botones con un color gris claro (al menos en mi pantalla, y supongo que en otras con calibración similar) que por arbitrariedad, se interpretan como opciones desactivadas (y están activos).

5. Prevención de errores

Evitar el error de uso antes de que éste ocurra.

Se encontró una mala práctica en la sección de recompra de dispositivos, donde era necesario seleccionar una categoría de producto antes de iniciar el proceso. Bien por peso visual o disposición de los elementos, el desplegable pasaba desapercibido.

Al pulsar el botón “vender online” salta un error solicitando seleccionar una categoría. Sin embargo, en el etiquetado del desplegable se nombra como “tipo de dispositivo”.

6. Reconocimiento antes que recuerdo

Hay que evitar que la persona tenga que memorizar pasos y procedimientos haciendo el proceso intuitivo y reconocible.

Volviendo a la cesta de la compra, antes de continuar con el proceso de compra, se muestra un listado de los artículos elegidos a la persona compradora en los que aparecen datos como el nombre, el precio o la fecha de entrega. De este modo puede echar un vistazo rápido que le permita confirmar que son esos los productos que desea comprar, en vez de tener que recordar qué productos había seleccionado.

7. Flexibilidad y eficiencia de uso

El sistema debe tener o permitir crear atajos frecuentes para aquellos usuarios más experimentados, de manera que puedan acelerar el proceso.

La web permite crear un perfil de usuario en el que se pueden recordar varias preferencias para agilizar los procesos futuros de compra: dirección de envío frecuente, dirección de facturación o datos de pago. También permite crear listas con artículos favoritos, para poder acceder a ellos más rápidamente en sesiones posteriores.

8. Diseño minimalista

Añadir únicamente los elementos más importantes, reduciendo la cantidad de opciones y mostrando las se consideren necesarias y relevantes, haciendo que el usuario mantenga el foco en lo importante.

Es una web que satura de información, sólo la home “emborracha” con tanta cantidad de opciones, imágenes, colores vivos y elementos clickables de diferentes estilos. 

Además, en su menú de categorías aparecen infinidad de opciones que hace complicada la tarea de elegir una.

9. Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse

Cuando ocurre un error, la plataforma debe comunicarlo de manera que la persona lo entienda. Además, tiene que ayudar a la persona usuaria a salir de esa situación sugiriendo opciones que ayuden a reconducir la navegación.

Al escribir incorrectamente el nombre de un producto se comunica al usuario que no hay coincidencias con la búsqueda (y se muestra la búsqueda). Además sugiere tres opciones para conseguir obtener resultados: revisar la ortografía, buscar otras palabras o visitar un enlace de ayuda.

10. Ayuda y documentación

La plataforma debe proveer de documentación que ayude al usuario a resolver sus dudas

Ofrece información adicional para explicar los servicios ofertados en los productos. Al pinchar sobre la “i” de información se abre una modal que explica en qué consiste el servicio.

Errores de usabilidad destacables

Sobrecarga de estímulos visuales: hay muchas imágenes coloridas que llaman la atención, perdiendo el foco de qué es lo importante. Sería recomendable reducir dichos estímulos y guardar los colores vivos para los CTA.

Excesiva cantidad de opciones y categorizaciones: en el menú se encuentra una gran cantidad de opciones y categorizaciones que resulta abrumadora. Sería buena idea estudiar posibles categorizaciones más sencillas, o un selector de categorizaciones, sin tener que ver todas las opciones de golpe.

Elementos clickables no perceptibles: Al pasar el ratón por un elemento interactivo, éste cambia de puntero, pero el elemento interactivo no cambia de estado (hover). Para hacer notar su interactividad es preferible mostrar un cambio de estado (cambio sutil de color por ejemplo).0

Falta de consistencia en el estilo visual: Los botones, colores, redondeos, tipografías… varían a lo largo de la página, perdiendo en algunas ocasiones el estilo visual y haciéndolo poco consistente. Es recomendable seguir unas guías de estilo más estrictas.

Textos extensos con tamaño de fuente pequeño y líneas largas: En algunos apartados hay textos largos que van de lado a lado de la página, haciendo poco apetecible su lectura. Además, la tipografía es pequeña para el ojo. Sería buena idea resumir el texto o incluir un desplegable tipo “saber más”, aumentar el tamaño de letra y reducir la longitud de línea a 10-12 palabras máximo.

Perspectiva de género e inclusión

En las secciones que hablan del personal, suelen cuidar del lenguaje. Se llaman a sí mismos: nuestros expertos, nuestro equipo humano, nuestro equipo técnico y profesional. 

Sin embargo, la diversidad no se refleja en las imágenes: Todas las imágenes del personal son de la misma etnia/raza y más o menos la misma edad. No muestran personas transgénero, ni con algún tipo de discapacidad física o cognitiva.

Existen asistentes expertos personificados en hombre o mujer, ambos de la misma etnia/raza. Al igual que en la parte de empleados, no hay referencias a transgénero, otras etnias/razas o personas discapacidadas.

En la imagen del asistente, hay 5 personas, pero sólo una es una mujer. Tampoco hay diversidad en cuanto a raza o edad, ni personas con algún tipo de discapacidad.

Llaman a los clientes nuestros clientes, nuestros usuarios, compromiso con “el cliente”.  Se evita en la mayoría de los casos usar el género de la persona a la que se refieren (cliente), pero en algunos casos se habla en masculino. En los datos recopilados de las personas usuarias no pide datos relativos a género ni hace referencia a ello.

Sin embargo, en el ranking de usuarios sí que hace referencia al género y categoriza todo en masculino: maestro, experto, entendido, iniciado. Todas las referencias a género son masculinas (“¿eres un tecnolover?”, “los ganadores de este mes”).

Además, no se encuentra un selector multi-idioma que permita cambiar el idioma de la web. Hay un desplegable referenciando a las tiendas en España y Portugal, que al modificarlo lo cambia a Español o Portugués, asumiendo que las personas residentes van a hablar dichos idiomas, cuando no tiene por qué.

Se ve que hay un esfuerzo detrás de simplificar el lenguaje para que los procesos y las descripciones de productos sean entendidas por mayor grupo de personas.

En cuanto a accesibilidad, tiene carencias. No siempre están separadas o recuadradas las secciones, los enlaces no se identifican visualmente y los botones o elementos clickables no son identificables visualmente. En algunos casos la combinación de colores no tienen suficiente contraste fondo-texto, el tamaño de letra es pequeño en algunos párrafos. Además poseen demasiados colores y estímulos visuales. Al pasar la web por un inspector automático de accesibilidad, encuentra que el html no presta atención a cuestiones como el texto alternativo de imágenes, que pueden ser útiles para lectores de pantalla o cuando no carga la imagen.

Introducción:

Para el desarrollo de la PEC 2 voy a analizar la página web de Gigaset en base a las 10 heurísticas de Nielsen. Gigaset es una empresa de telecomunicaciones alemana, líder europea en la venta en teléfonos, smartphones y smart home. Analizare los flujos del proceso de compra, búsqueda de productos y proceso de pago.

Escogí esta web por que compré algunos de sus productos y aunque la página estéticamente se ve muy bien, tiene algunos problemas de interacción, por ejemplo: se debe realizar muchos clics y cambios de pantallas para realizar la compra o al regresar a un proceso anterior se pierde parte de la información ya realizada.

Metodología:

Como previamente lo indique, para este análisis voy a utilizar la evaluación heurística de Nielsen, la cual nos ayudara con sus 10 principios a detectar los errores de usabilidad de la página gigaset.com.

Los 10 principios componen mi checklist, con los cuales voy a inspeccionar los flujos del proceso de compra, búsqueda de productos y proceso de pago. Luego realizaré un listado de los resultados de los principios clasificándolos según su gravedad. Los parámetros para esta clasificación son:

– La frecuencia con la que ocurre el problema.
– El impacto del problema.
– La persistencia del problema.

Para finalizar realizaré un análisis desde una perspectiva de género e inclusión.

Los 10 principios heurísticos de Nielsen:

1. Visibilidad del estado del sistema.

Buena práctica: El usuario sabe en todo momento el estado del sistema. Se le informa qué ha buscado previamente y en qué parte del proceso de compra se encuentra.

2. Empate entre el sistema y el mundo real.

Mala práctica: La página de Gigaset esta traducida a muchos idiomas. Sin embargo, en la página en español existen muchas palabras en inglés. Si el usuario no habla el idioma no va a poder navegar de una manera óptima.

3. Control y libertad del usuario.

Buena práctica: El usuario puede eliminar productos de la lista de compras sin ningún aviso molesto.

4. Consistencia y estándares.

Mala práctica: Mala práctica: Al hacer clic en la categoría de una tienda online, el usuario está acostumbrado a que se muestre los productos que puede comprar. En la página de Gigaset al hacer clic en una categoría “Smartphones” te lleva a una landing page informativa y cuando haces clic en “Comprar teléfonos móviles” (que está escondido) te lleva a la página de los productos que puedes comprar.

5. Prevención de errores.

Buena práctica: El usuario recibe información oportuna de los campos que ha llenado mal o la información es incompleta.

6. Reconocimiento mejor que recuerdo.

Buena práctica: Indica al usuario los campos por los cuales se ha realizado una búsqueda. El usuario no necesita recordar estos datos.

7. Flexibilidad y eficiencia de uso.

Mala práctica: Al querer realizar el pago en cada paso aparece una ventana de comprobación de dirección. Dos veces tuve que confirmar la misma dirección. Estoy hace la interacción muy lenta.

8. Diseño estético y minimalista.

Buena práctica: EL diseño de la página es minimalista y el usuario puede encontrar los productos fácilmente. No existen elementos innecesarios o ruido visual.

9. Ayudar a reconocer, diagnosticar y recuperarse de errores.

Buena práctica: Los mensajes de erros son indicados con precisión y sugieren una solución.

10. Ayuda y documentación.

Mala práctica: La página no cuenta con un mapa del sitio web.

Luego de la evaluación heurística de Nielsen encontré 4 principios que no se cumplen y un 1 principio que se cumplen, pero tienen posibilidades de mejoras.

Listado priorizado según gravedad:

– Flexibilidad y eficiencia de uso.
– Empate entre el sistema y el mundo real.
– Consistencia y estándares.
– Ayuda y documentación.

– Visibilidad del estado del sistema.

– Flexibilidad y eficiencia de uso.

Este es el problema más grave que encontré en la página web, ya que el usuario se puede arrepentir de la compra en el último proceso que debería cumplir. El proceso de pago debe ser lo más fácil y rápido posible para concretar la compra.

Solución: La dirección que no tenga errores debe ser aprobada y no reconfirmada. Se puede usar un plug de google maps que verifique automáticamente la dirección.

– Empate entre el sistema y el mundo real.

Existen muchas palabras en el idioma inglés, esto dificulta la navegación de los usuarios que no hablan ese idioma.

Solución: Traducir las palabras en inglés al castellano y utilizar un lenguaje acorde con el usuario.

– Consistencia y estándares.

Al hacer clic en la categoría no te lleva directo a la lista de productos que puedes comprar. esto es un problema para los usuarios que compran habitualmente online y están acostumbrados a ver lo más rápido posible los productos.

Solución: Mostrar los productos de la tienda online luego del primer clic en las categorías.

– Ayuda y documentación.

Los usuarios inexpertos no tienen una sección de ayuda de la página web.

Solución: Crear un mapa del sitio.

– Visibilidad del estado del sistema.

Si bien este principio se cumple, los textos de la ubicación del usuario en la página web son demasiado pequeños y dificultan su lectura.

Solución: Aumentar dos puntos a estos textos y realizar pruebas de usuario para poder verificar que el usuario puede encontrar esta información sin problemas.

Consideraciones de la interfaz desde una perspectiva de género.

La web no hace muchas alusiones al género, utiliza mayormente términos neutros. Para crear una cuenta no existen preguntas de género.

Es satisfactorio ver que usan imágenes diversas sin dejar de lado a ningún grupo de personas. Incluso tienen un aparatado “Fair for future” donde describen su responsabilidad social con las personas y el medio ambiente.

Llegue a la conclusión que en general la web de Gigaset no incumple con el diseño inclusivo y tienen campañas que impulsan la igualdad de las personas y el cuidado del medio ambiente.

Bibliografía:

Judith Membrives, Cuaderno de evaluación de la usabilidad. Barcelona UOC, Febrero 2019. [consulta: 11.11.22]. Disponible en: http://quadern-usabilitat.recursos.uoc.edu/es/

Tomàs Modroño, Evaluación Heurística (PARTE I-II). Septiembre 2017. [consulta: 12.11.22]. Disponible en: https://interactius.com/evaluacion-heuristica-parte-i/

By GammaUX , Diseño inclusivo desde una perspectiva de género. Febrero de 2020. [consulta: 12.11.22]. Disponible en: https://www.gammaux.com/blog/diseno-inclusivo-desde-perspectiva-de-genero/

Screenshots y Fotos utilizadas: Gigaset.com, freepik.com, tenor.com

Motivaciones 

Con un papel muy relevante en el desarrollo de gran parte de las metodologías académicas que se imparten actualmente en todo el mundo, los entornos de aprendizaje online están cada vez más presentes en los centros educativos. 

De forma directa o indirecta sirven como facilitadores del aprendizaje presencial, llevando las posibilidades que brindan las herramientas online al ámbito educacional.  

Herramientas como Moddle proporcionan un entorno que permite dar estructura a distintos modelos de enseñanza y ofrecer a los estudiantes herramientas online que facilitan tareas derivadas de sus estudios.  

Con una presencia cada vez mayor en la educción a todos los niveles, se ha demostrado que el diseño de estas herramientas tiene un papel determinante en la experiencia de aprendizaje, y un mal diseño influye en el abandono y la falta de motivación. 

Después de leer estas afirmaciones es fácil constatar que el buen diseño de estas aplicaciones está directamente relacionado con la calidad de los estudios y a grandes rasgos relacionado con un buen rendimiento académico por parte de los estudiantes. Rendimiento impulsado por el augmento de la motivación gracias a una buena satisfacción de uso y componentes de carácter hedónicos que acompañan al estudiante durante su experiencia.  

Introducción 

El propósito principal de esta actividad ha sido poner en práctica el método de evaluación sin usuarios de Evaluación Heurística. Este método nos permite realizar una evaluación de la interfaz sin necesidad de involucrar a usuarios finales. A partir del análisis del diseño por parte de un experto, en este caso un estudiante, siguiendo unos principios de la disciplina de HCI aceptados y reconocidos que nos permiten encontrar errores y posibles puntos de mejora en las aplicaciones. 

Para la realización de esta, se ha elegido trabajar con el campus virtual del centro universitario CITM, un centro universitario dedicado a la imagen y tecnologías multimedia.   

En esta plataforma tanto los alumnos del centro como los docentes tienen acceso a información relevante para el desempeño de sus tareas lectivas y se utiliza para multitud de trámites y tareas que se llevan a cabo durante la consecución de los estudios. 

Esta actividad se centrará en las tareas que llevan a cabo los estudiantes y una serie de journeys principales que se realizan dentro del portal.  

• • Como alumno quiero consultar el material lectivo de una asignatura concreta, para poder seguir los contenidos mientras hago indicaciones en los apuntes. 
  • Como alumno quiero consultar los horarios de las asignaturas de este semestre para poder planificar la semana. 
  • Como alumno quiero consultar las calificaciones de la última práctica que entregue en una asignatura concreta. 
  • Como alumno quiero mandar un mensaje a un profesor.  
  • Como alumno quiero consultar apuntes de asignaturas de cursos anteriores.  
  • Como alumno quiero descargar la última entrega para consultar su contenido. 

Objetivos de la evaluación: 

Esta evaluación se realiza en una aplicación que se encuentra en funcionamiento y su principal objetivo es localizar problemas de usabilidad para poder ofrecer insights que ayuden a postular posibles soluciones que mejoren el diseño de la aplicación.  

Se busca encontrar aquellos problemas que suponen una barrera para que el uso de la aplicación se corresponda con una buena experiencia de usuario, que permita a los alumnos realizar sus tareas con eficacia, eficiencia y satisfacción de uso.  

Estos problemas se ordenan por distintos niveles de severidad que permiten realizar un análisis que visibilice los hallazgos más problemáticos y aquellos donde es más importante actuar.  

Los 10 Principios Heurísticos de Nielsen 

Con el fin de poder ilustrar los principales problemas identificados en el análisis a continuación ejemplificaremos los hallazgos más importantes. Cada uno de ellos relacionado con la heurística sobre la que aplica. 

1 – Visibilidad del estado del sistema 

La plataforma tiene que mantener al usuario informado del estado del sistema, dar información de en qué punto se encuentra y que pasa a partir de sus acciones. Esta información se tiene que transmitir de forma constructiva y a tiempo al usuario para mantener una correlación temporal con este.    

❌   En la página principal de la plataforma no encontramos ningún marcador visual que indique en que curso académico nos encontramos. La falta de jerarquización de este dato concreto dificulta que el estudiante localice rápidamente las aulas con las que está trabajando en el momento de la visita. 

Lo mismo pasa con las franjas horarias del aula de estudio de la parte inferior. 

 ❌    La variedad de sistemas de navegación, divididos en subsistemas separados, y los elementos gráficos usados para indicar donde nos encontramos hacen difícil que un usuario inexperto se oriente. No quedan claro los distintos caminos que puede seguir a lo largo de la interfaz. 

2 – Correlación entre el sistema y el mundo real 

El uso del lenguaje, términos, frases, símbolos y conceptos tienen que ser similares o mantener una relación directa con los que se usan en el entorno físico.  

❌    En este caso, el calendario que se muestra dentro del apartado de cada curso, y en general a lo largo de toda la interfaz, se usan términos que hacen referencia a conceptos con poca relación directa con el contenido real que aguardan. En este ejemplo concreto, vemos como el botón para crear un nuevo evento es etiquetado con el texto ‘Nueva entrada’ en vez de nuevo evento.  

De forma similar los textos e iconos de los diferentes tipos de eventos que se pueden marcar en el calendario no mantienen ninguna relación semántica gráfica.  

Además esta heurística nos dice que la información que se muestra en la interfaz tiene que mantener un orden natural y lógico. 

 ❌    En este card, que muestra la localización de las aulas habilitadas para el estudio, se muestra un orden cronológico pero que no pone en valor las distintas franjas horarias que se siguen cada día, ni la diferenciación clara entre los días de la semana. El código de texto que se usa para identificar a las aulas añade ruido a la información ya que la nomenclatura TR no aporta nada en este contexto.  

3 – Control y libertad del usuario  

Los usuarios tienen que tener control directo sobre el sistema. Cuando quieran, e incluso si han cometido errores tienen que poder abandonar la plataforma. 

Se tienen que proporcionar facilidades para hacer y deshacer acciones. 

 ✅     Una buena aplicación de esta heurística es la extendida y estandarizada práctica de cuando se elimina un menaje de una bandeja de entrada, moverlo a una carpeta de eliminados, donde podemos recuperar mensajes una vez eliminados. En este caso el flujo para realizar esta acción no esta demasiado bien diseñado de cara a un usuario inexperto pero la funcionalidad está allí. 

4 – Consistencia 

A lo largo de la interfaz se tienen que usar estándares que sean aceptados de forma amplia y conocidos por el usuario. Los conceptos, palabras, símbolos y acciones se refieren a la misma cosa en distintas aplicaciones. 

❌   Los sistemas de navegación no mantienen ningún esquema lógico estandarizado. No quedan claras las jerarquías de las distintas pantallas y apartados. El Apartado de actividad tiene un comportamiento extraño. Llevando al usuario a la última pantalla del mismo nivel jerárquico que un curso escolar que ha visitado. De esta forma, si el usuario entra, accede al curso 2020, accede al apartado de mensajes y luego quiere volver a la pantalla del curso donde estaba, puede hacer click en actividad.  

 ❌    En este apartado el usuario puede almacenar archivos de forma privada. Resulta curioso interpretar la forma con la que se puede variar el orden de este listado. Las flechas de la parte izquierda permiten modificar el orden en el que se listan. En la mayoría de las acciones estandarizadas relacionadas el usuario usaría la utilidad drag and drop para modificar el orden de los ítems. Otra opción sería aplicar ordenación por alguno de los atributos de las columnas.  

5 – Error 

El sistema tiene que estar diseñado para que el usuario no pueda cometer errores graves de usabilidad. Cuando un usuario comete un error, este se tiene que notificar a tiempo y con el mensaje adecuado. 

 ❌    Dentro del apartado personal, encontramos un espacio para almacenar ficheros en la plataforma. Estos ficheros se pueden eliminar haciendo clic en el botón situado en el lateral de la tabla. Esta acción pude suponer un error grave si se realiza sin conocimiento de causa o si se piensa que se pueden recuperar los archivos borrados ya que solo al hacer clic se elimina el archivo y no se puede recuperar de ninguna forma.  

Para evitar que el usuario cometa errores en acciones importantes es básico notificar de las consecuencias de estas acciones y dar la posibilidad de cancelar el borrado. 

6 – Reconocer antes que recordar 

Los objetos que se tienen que manipular y las acciones que se pueden tomar tienen que estar visibles. El usuario no debe tener que recordar información importante entre apartados. Las instrucciones de cómo se tiene que usar el sistema tienen que estar accesibles cuando el usuario más las necesite. 

 ✅      En esta captura podemos apreciar un buen ejemplo de uso de esta heurística. Cuando el usuario tiene que añadir destinatarios a un mensaje, en vez de tener que recordar los nombres de usuario puede acceder al directorio de usuarios y seleccionarlos desde allí, donde los encuentra ordenados por categorías.

❌    Para una buena ejecución de la heurística, se debería de poder visualizar esta información en la misma pestaña del ordenador, mediante una modal, o permitir el autocompletado, directamente en el campo de destinatario o en un filtro aplicado a la lista de usuarios. 

7 – Flexibilidad y eficiencia de uso 

El sitio debe atender a diferentes niveles de usuarios, desde principiantes hasta expertos. Los atajos de teclado, ocultos para los usuarios principiantes tienen que servir para que los usuarios más experimentados puedan acelerar su flujo de trabajo y terminar las tareas en menos tiempo que un usuario principiante.  

 ✅    Gracias a que ejecutamos la aplicación dentro del contexto del navegador podemos hacer uso de los atajos de teclado que nos proporciona. En este caso pulsando la combinación de teclas indicada podemos realizar búsquedas de texto en toda la interfaz. 

❌    Como posible mejora, en el contexto de esta aplicación, se podría facilitar el uso de la mensajería interna para usuarios avanzados con reglas personalizadas y subcarpetas para poder ordenar los mensajes de forma customizada a partir de ciertas reglas complejas.  

8 – Estética y diseño minimalista 

Los diálogos no deberían contener información irrelevante o que el usuario no necesita en la tarea que está realizando. Cada unidad extra de información en un diálogo o página, compite con la información importante, disminuyendo su visibilidad relativa y haciendo más difícil la ejecución de la tarea. 

 ❌    En la mayoría de las páginas de esta aplicación encontramos una sobrecarga importante de información.  El diseño no ayuda a destacar y diferenciar distintos chunks para facilitar la identificación de los distintos apartados. 

9 – Ayudar a reconocer, recuperar y diagnosticar errores 

Los mensajes de error deben estar expresados en lenguaje llano (sin códigos), indicando con precisión el problema y sugiriendo una solución. 

 ✅    Al intentar previsualizar un archivo no admitido en el visualizador de la aplicación se muestra este mensaje de error.  En la segunda captura vemos como si en alguno de los formularios dejamos vacío uno de los campos obligatorios e intentamos enviar la información nos aparece un mensaje que nos alerta y sugiere una solución. 

❌    Con tal de poder ofrecer una alternativa al usuario se debería indicar una posible solución al problema. 

10 – Ayuda y documentación 

La aplicación tiene que ofrecer y facilitar ayuda y documentación para dar soporte a las necesidades de los usuarios. La información en esta documentación tiene que ser fácil de encontrar y proporcionar instrucciones concretas de los pasos que se tienen que seguir para completar las tareas con éxito.  

 ❌    En ninguna parte de la aplicación se encuentra documentación que detalle el funcionamiento del campus. Encontramos algunos ficheros de ayuda pero se trata de manuales de aplicaciones externas.  

Bibliografía

1.  Cuaderno de Evaluación de la Usabilidad. 4.Universitat Oberta de Catalunya. Disponible en: http://quadern-usabilitat.recursos.uoc.edu/es/4-1-introduccion/-usabilidad/
2.  Cuaderno de Evaluación de la Usabilidad. 6.Universitat Oberta de Catalunya. Disponible en: http://quadern-usabilitat.recursos.uoc.edu/es/6-1-introduccion/
3. Metodologías de UX: Evaluación Heurística Parte 1  (Interactius).  Tomàs Modroño. 1 setembre 2017. Disponible en: https://interactius.com/evaluacion-heuristica-parte-i/
4. Metodologías de UX: Evaluación Heurística Parte  2(Interactius).  Tomàs Modroño. 12 gener 2018. Disponible: https://interactius.com/evaluacion-heuristica-parte-ii/
5. Fundació Oberta de Catalunya. Fitxes: Avaluació heurística i guia, Card Sorting, Test amb usuaris. Disponible en: http://design-toolkit.uoc.edu/
6. Heuristic Evaluation: How To (Nielsen). Jakob Nielsen on November 1, 1994. Disponible en:  https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/
7. Diseño inclusivo desde una perspectiva de género. Blog de Gamma UX. Disponible a: https://www.gammaux.com/blog/diseno-inclusivo-desde-perspectiva-de-genero/
8. El rol del Diseño UX en la inclusión de género, en el blog de Torres Burriel. Disponible a: https://www.torresburriel.com/weblog/2021/10/28/el-rol-del-diseno-ux-en-la-inclusion-de-genero/