El diario económico español Expansión requiere un rediseño de su aplicación para optimizar la interacción de los usuarios con la app. Este cambio debe implementarse en ambos sistemas operativos, iOS y Android.

Este proyecto se desarrolló en colaboración estrecha con el equipo de UX, quienes, después de analizar exhaustivamente las necesidades de los stakeholders, crearon prototipos funcionales. Estos prototipos se basaron en los principios fundamentales de usabilidad, con un enfoque claro en la experiencia del usuario. El objetivo fue garantizar que el rediseño mejorara significativamente la interacción y satisfacción de los usuarios con la aplicación.

El design system de la aplicación se fundamenta en el look & feel del sitio web del diario. Este enfoque asegura una coherencia en la comunicación visual y funcional entre ambas plataformas, permitiendo una experiencia de usuario integrada. Al alinear el diseño de la aplicación con la identidad visual del sitio web, se facilita que los usuarios se sientan más conectados e identificados con la marca, reforzando así su vínculo con el diario.

Para el desarrollo, se utilizaron como referencia las guías de diseño específicas para cada sistema operativo, tales como: Human Interface Guidelines y Material design.

Además de los principios de diseño fundamentales para el desarrollo de una aplicación, es crucial considerar un aspecto esencial: la accesibilidad en términos de contraste de color para cada elemento. La accesibilidad del contraste asegura que todos los usuarios, incluidos aquellos con deficiencias visuales, puedan interactuar de manera efectiva con la aplicación.

Para evaluar y garantizar que los contrastes de color cumplan con los estándares de accesibilidad, se utiliza una herramienta especializada. Un recurso valioso para esta tarea es WebAIM, que permite comprobar los niveles de contraste y verificar que sean adecuados para todos los usuarios. Implementar estas prácticas asegura que la aplicación sea inclusiva y cumpla con los requisitos de accesibilidad.

El sistema de diseño se compone de varios elementos clave que, en conjunto, aseguran una experiencia de usuario coherente y efectiva. Estos elementos incluyen:

Este sistema de diseño integral garantiza que todos los aspectos visuales y funcionales estén alineados, facilitando una implementación uniforme y una experiencia de usuario optimizada en todas las plataformas.

A continuación, se presenta un prototipo interactivo que ilustra algunas de las funciones principales integradas en la navegación de la aplicación. Este prototipo permite explorar cómo los usuarios interactuarán con las diversas características de la app, incluyendo la navegación entre pantallas, el acceso a funciones clave, y el flujo general de la experiencia.

Al interactuar con este prototipo, se puede obtener una visión detallada de la estructura y el funcionamiento de la aplicación, proporcionando una comprensión clara de cómo se implementarán las funcionalidades en el producto final.

Para adaptar la aplicación a las preferencias de los usuarios en cuanto al modo de visualización en sus teléfonos móviles, se ha implementado una capa visual específica para el modo oscuro. Esta adaptación asegura que la aplicación ofrezca una experiencia de usuario óptima y cómoda en entornos de baja iluminación, reduciendo la fatiga ocular y mejorando la legibilidad.

Se ha ajustado toda la paleta de colores, los contrastes y los elementos visuales para garantizar que el contenido sea claro y accesible en el modo oscuro, mientras se mantiene la coherencia con la identidad visual de la aplicación.

El proyecto de navegación de la aplicación Expansión está disponible para su visualización y descarga en las tiendas de aplicaciones. Puede explorar y probar el diseño y las funcionalidades implementadas accediendo a la app a través de las siguientes plataformas: