Muchas veces ocurre que una empresa construye una aplicación web para ellos o sus clientes y durante años la prioridad es la mejora y añadido de funcionalidades. Por desgracia, esto causa que con el paso del tiempo la imagen de la aplicación y la experiencia de usuario se vean un poco anticuadas, por ello es bueno dedicarle un tiempo a realizar un lavado de cara y mejoras en la UX/UI.
En este caso, vamos a hacer un pequeño resumen de los retoques que estamos haciendo a la aplicación de BAT Software para modernizarla y ajustarla a los mejores estándares actuales.
Limpieza general de elementos
Lo principal que necesitaremos hacer, es limpiar la estructura general de la aplicación para mejorar no solo su apariencia sino también la usabilidad.
En este caso, hemos empezado por eliminar las divisiones de los distintos menus, lateral y superior, y el cuerpo de la aplicación, cohesionando todo mucho mejor.
ANTES
DESPUÉS
algunos cambios al detalle
A mayores del principal cambio visual de cohesionar todo el contenido de la aplicación al eliminar rupturas, hemos hecho algunas mejoras que pueden pasar desapercibidas a simple vista.
BARRA DE BÚSQUEDA
Originalmente la barra de búsqueda se encontraba alineada a la derecha en paralelo al título de la sección, lo cual le restaba importancia y hacía más dificil al usuario percatarse de su existencia, especialmente en los nuevos usuarios.
Además de añadirla como elemento central del diseño para aumentar su visibilidad, hemos suavizado los resultados dandoles algo de espaciado para que respiren y suavizando los bordes en consonancia con la nueva barra. Hemos aprovechado también para incluir algunos datos adicionales que mejoran la experiencia del usuario al otorgarles información importante sobre su búsqueda.
MENU PRINCIPAL CON FOOTER INTEGRADO
Es común y necesario que las aplicaciones web tengan acceso a una serie de enlaces para que sus usuarios puedan acceder a textos legales tales como: Condiciones de uso, protección de datos, cookies, copyright, etc.
Normalmente, esta información se destina al footer o pié de página de una foto, sin embargo para aplicaciones grandes donde la cantidad de información contenida en cada página es mucha, dejar estos enlaces de vital importancia relegados al final del contenido, puede no ser lo más óptimo y puede causar que los usuarios tengan un dificil acceso a ellos. Es por esto que decidimos incluirlos como parte del menu principal de forma limpia y clara:
En un futuro, seguiremos publicando más cambios de UX/UI que vayamos realizando a la aplicación de BAT Software, y esperamos que el ver estos cambios pueda serviros de inspiración para mejorar la claridad y usabilidad de vuestros proyectos.