Aprendiendo de Interfaces en Programación 1º DAMP

Este curso hemos incluído en el módulo formativo de PROGRAMACIÓN la introducción a Interfaces de Usuario (UI) y Experienca de Usuario (UX) así como pautas de diseño de interfaces de usuario y conceptos de interacción hombre-máquina, de cara al desarrollo de las mismas en Java: usando Swing y también JavaFX, de esa manera, podremos completar el proyecto integrador de «aplicaciones de Gestión municipal» que iniciamos a comienzos de T2.

Nos ha venido muy bien este artículo que leí reciemente Así ve un experto en UX las interfaces futuristas como Minority Report y del que hemos hablado en clase,porque se aprenden cosas básicas de interfaces, como los inputs de interacción, cómo moverse en contenidos digitales (browsing, searching) o la evolución de UIs: TUIs, GUIs, Organic UI, Natural UIs, etc. Lo peor de esto ha sido descubrir que me hago viejo… jo, muchos de los alumnos no han visto Minority Report!!!

Uno de los ejercicios de aula que hemos realizado ha sido analizar la UI y UX de dos páginas webs públicas como eran la web de Renfe para comprar un billete de tren y la de Seguridad Social para obtener un Certificado de vida laboral. Tenía otra actividad pensada para analizar los peores ratings de las apps de Play Store, pero, hablando con Mica Gallego, me recomendó algo así. Bueno, en T1 con los alumnos de 2º DAMP hicimos un análisis parecido a webs comerciales y su accesibilidad.

Haciendo una valoración subjetiva de 1 a 10 el proceso para obtener un certificado de vida laboral ha obtenido una UX promedio de 3,45 y el de un billete de tren a Torrijos (siempre saco mi pueblo allá donde pueda) un 7,8.

Veamos algunas reflexiones de los alumnos:

Renfe

• Sencilla, intutiva
• Responsive
• Fácil comprar un billete (acceso rápido).
• «Estética» de la Web actualizada

• Selección de idiomas y menús es más rápido.
• Para acceder a otras información no es tan sencillo.
• El asistente virtual no ayuda y mucho menos por voz.
• Algunos campos no se necesitan para el billete (mail o billete no tienen *) confusión sobre los emails.
• Falta un botón de subir al inicio de la web.
• Al acceder a los enlaces de la web te direcciona a otra página con estilos y colores distintos (el usuario se siente desplazado). Te lleva a la página antigua.

Han actualizado la compra de billetes (se agradece y por eso la satisfcacción es alta) pero muchos otros apartados no.

Seg-Social

• La página tienen un diseño comprimido con exceso información: caótica, asusta o abruma.
• La «estetica» y el diseño web es un poco anticuado, pensado para pantallas más pequeñas. Barra de navegación muy antigua, no es extendida ni de fácil acceso a los apartados principales.
• En el encabezado no es claro para como cambiar el idioma ni tampoco filtrar por palabras claves.
• Página principal: Demasiados enlaces «por todas partes». Están subrayados y pueden provocar el efecto contrario. Cuando pasas el ratón se quita el subrrayado.
• Los enlaces con imágenes están demasaido juntos, muchos logos, es fácil equivocarse.
• Al acceder a los enlaces de la web te direcciona a otra página con estilos y colores distintos (el usuario se siente desplazado).
• Para acceder a la vida laboral tienes que acceder a través de «lo más visitado», no es intuitiva. Lo más visto debería estar no dentro de una pestaña sino de un menú.
• Existen algunos botones innecesarios (algunos botones de volver a la página inicial no vuelven).
• No es responsive.
• Abre demasiadas páginas, subapartados y PDFs