UI ABC

Decisiones de diseño

Escogencia del color

Basado en la teoría de psicología del color y los aspectos que queremos transmitir:

• Profesionalismo
• Seriedad
• Exclusividad
• Seguridad

El color primario que escogimos es el azul y el secundario el gris, por tanto, la paleta de colores escogida es la siguiente:

La establecemos en los mockpus de figma con la ayuda de la herramienta de Material IU dispuesta para los colores

Fuente

La elección de la fuente Roboto está justificada por las siguientes razones:

• Legibilidad: Roboto es una fuente de pantalla diseñada especialmente para la legibilidad en dispositivos digitales. Su forma limpia y sencilla facilita la lectura en pantallas pequeñas, lo que la convierte en una opción ideal para aplicaciones móviles y sitios web.

• Versatilidad: Roboto es una fuente versátil que se adapta bien a una amplia variedad de estilos de diseño. Puede ser utilizada para aplicaciones tanto formales como informales, y se ve igualmente bien en tamaños de fuente pequeños y grandes.

• Compatibilidad con dispositivos: Dado que Roboto es una fuente de código abierto desarrollada por Google, es ampliamente compatible con dispositivos Android y otros sistemas operativos. Esto garantiza una consistencia en la apariencia de la fuente en diferentes plataformas y dispositivos.

• Estilo moderno y limpio: Roboto tiene un aspecto contemporáneo y limpio que se adapta a las tendencias de diseño actuales. Su diseño neutral y sin adornos la hace adecuada para una amplia gama de aplicaciones, desde aplicaciones de negocios hasta aplicaciones de entretenimiento.

• Variedad de pesos y estilos: Roboto ofrece una variedad de pesos y estilos, desde regular y delgada hasta negra y condensada, lo que permite una mayor flexibilidad en el diseño de la interfaz de la aplicación. Puedes utilizar diferentes pesos para destacar información importante o para crear jerarquía visual.

• Licencia abierta: Roboto se distribuye bajo la licencia de fuente abierta Apache, lo que significa que se puede utilizar de forma gratuita en proyectos comerciales y no comerciales sin preocuparse por problemas de licencia.

• Pruebas de usabilidad: Roboto ha sido probada en términos de legibilidad y usabilidad en numerosos proyectos y se ha convertido en una opción popular en la industria, respaldada por su éxito en la experiencia del usuario.

Accesibilidad

Para mejorar la accesibilidad del sitio se utilizó un plugin de Figma que permite revisar el contraste de los mockups. Con esta herramienta identificamos las partes que presentaban dificultades para personas de una condición visual y fueron corregidas según las indicaciones de la misma herramienta.

Internacionalización y localización

Para incluir estas dos características se debe adjuntar la librería i18Next. La documentación está disponible en la página oficial https://www.i18next.com/