Qué es el Diseño de Interfaces (UI)
El Diseño de Interfaz o User Interface (UI), se refiere a todo aquello con lo que los usuarios interactúan directamente (la capa externa de un producto o servicio digital). Es lo que ve y toca en una página web, una aplicación o un dispositivo cualquiera. Cabe destacar que, UI es la parte visible de la interface, mientras que UX es la parte oculta, conceptos que muchas veces prestan a confusión.
El diseño de interfaz se ocupa de los colores; las tipografías; los iconos; los formularios y botones; las animaciones y los sonidos de las notificaciones, por ejemplo, de las redes sociales. Un buen diseño de interface debe ser funcional más allá de lo estético
De qué se ocupa UI
obre todas las cosas, entiende el proceso de Diseño Centrado en el Usuario (DCU). Este proceso debe ser adaptable a cualquier dispositivo. La UI se ocupa de la construcción y validación de prototipos. Ayuda también a la creación de wireframes (esqueletos de las pantallas) y estructuras diseñadas a mano o digitalmente. Dos de las metodologías de diseño más utilizadas son Design Thinking y Design Sprint.
Herramientas de Diseño
Figma
Figma ayuda a la colaboración en tiempo real y permite, entre otras cosas, hacer correcciones en línea con los integrantes del equipo de diseño. Cuenta con una versión gratuita y otra paga. Ofrece almacenamiento ilimitado en la nube, está disponible para todos los sistemas operativos y posibilita trabajar con o sin conexión a la red.
Sketch
Permite trabajar 100% en vectorial, con una precisión a nivel de píxeles y de forma no destructiva (puede hacer cambios sin modificar el archivo original). Sus funciones ayudan a la creación de logos, elementos de identidad de una marca y generación de gráficos.
Adobe XD
Adobe XD ayuda a elaborar diseños de alta fidelidad aplicable a cualquier pantalla. Permite agregar animaciones, crear prototipos interactivos y realizar pruebas en diferentes dispositivos.
Esta herramienta puede compartir, entregar diseños, realizar comentarios e iterar a gran velocidad. Ayuda a generar capas en profundidad, voltear planos, mostrar proyectos en 3D y crear rápidamente un sentido de realidad. Tiene gran equilibrio entre estética y funcionalidad.