5 buenas prácticas UI (II)

2 min de lectura Artículos
5-buenas-practicas-ui-ii

Hoy os contaré otras 5 buenas prácticas que en su momento fueron reveladoras para mí y me ayudaron a mejorar poco a poco la calidad de mis diseños.

Iconos

Quizá te haya pasado alguna vez que los iconos que se están utilizando en tu producto tienen mucho peso visual y por tiempos no sea lo más óptimo cambiarlos por otros. En general los iconos suelen cubrir mucha superficie y son generalmente bastante “pesados”. Esto ocurre mucho cuando se encuentran cerca de un texto. Necesitamos equilibrar.

Iconos con mucho peso visual 💪🏼

Existe una solución: A diferencia de los textos, los iconos no tienen una característica para cambiar el peso visual pero sí podemos cambiar el contraste. Cambiando el icono a un color más suave conseguimos equilibrar los elementos.

Usamos contraste para compensar el peso 🌗

Enlaces

Si eres un buen diseñador querrás darle un toque especial a cada producto que pase por tus manos. Estos toques de personalización destacan y diferencian productos en masa de productos pensados hasta su más mínimo detalle. Por ejemplo los enlaces. Podrías hacer algo tan simple como darle un subrayado grueso de color.

Cada detalle cuenta 🖍

Personalización

Utilizar los colores y componentes predeterminados está pasado de moda. No te conformes. Te recomiendo que des un paso más allá y te adentres a rediseñar (siempre que los tiempos te lo permitan) todos los componentes con los cuales interactuará tu usuario. Por ejemplo cambiar el color de los estados seleccionados por el color de tu marca ya denota personalización.

Personaliza tus componentes y evita usar componentes predeterminados 🌗

Texto centrado con icono

Seguramente te hayas topado varias veces con este módulo de diseño. Normalmente suele aparecer en las landings y es un recurso muy utilizado para esquematizar y enfatizar 3 o 4 ideas principales. La alineación central puede verse muy bien para titulares y textos cortos.

Pero la alineación central no funciona para textos largos. Mi recomendación es que utilices alineación lateral para textos largos. Tus diseños se verán mejor y el texto será más legible.

La alineación puede cambiar radicalmente un diseño 📐

Fondos

Quizá hayas creado un diseño que funciona a la perfección en espaciados, tipografía o incluso jerarquía. Pero hasta los buenos diseños se pueden ver aburridos y monótonos. Una buena forma de dar profundidad a tu creación es añadiendo fondos de color en tus módulos. Te ayudará incluso a separar y enfatizar contenidos.

Sal de la monotonía 🥱

Últimas palabras

Espero que estos tips te hayan servido de ayuda y recordad siempre:

«No hay magia en la magia, todo está en los detalles». Walt Disney. 🔮

Si quieres colaborar o hablar sobre UI / UX puedes contactar conmigo a través de Linkedin. ¡Que tengas un feliz día!

Escrito por

Carolina Moreno

Carolina Moreno

Puede que te interese

5-buenas-practicas-ui-i

5 buenas prácticas UI (I)

Post /Comentarios

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Post /Relacionados
5-buenas-practicas-ui-i

5 buenas prácticas UI (I)

como-simplificar-mi-producto-y-empezar-a-crear-un-design-system-para-el

¿Cómo simplificar mi producto y empezar a crear un Design System para él? Audit Bankia

design-system

¿Qué es el Design System y por qué me va a ayudar a escalar mi producto?