Guía de Diseño UI: Cómo convertirse en un diseñador de interfaz de usuario

Sorry, this entry is only available in European Spanish.

Con el crecimiento del entorno online y digital, el trabajo de un diseñador ha ganado complejidad. Hoy en día no solo hay que pensar en que al usuario le guste el diseño de un sitio web, sino que navegar e interactuar también debe ser satisfactorio. Este nuevo aspecto requiere profesionales con una formación y experiencia específica. Cada vez más agencias y grandes empresas buscan perfiles de diseñador UI, y sin embargo, es difícil encontrar cursos exclusivamente enfocados al diseño de interfaz de usuario.

Por eso mismo queremos recopilar en este artículo los aspectos fundamentales del perfil del diseñador UI y dar respuestas a las preguntas más importantes sobre este perfile, conocimiento especializado, trayectoria profesional y, por supuesto, oportunidades de formación.

¿Qué hace exactamente un diseñador UI?

Un diseñador UI crea la Interfaz de Usuario de un sitio web o aplicación en base a los requisitos funcionales y la Experiencia de Usuario deseada. Para lograrlo, se basa en estándares de diseño, estética y comportamiento aprendido del usuario, con el fin de permitir una interacción fácil de entender y fluida con la interfaz gráfica.

El Diseñador de Interfaz de Usuario cuenta con varias herramientas y elementos de diseño, como son la tipografía, jerarquía visual, cuadrículas y, por supuesto, los colores para generar esta interacción satisfactoria. Pero antes de profundizar en esto, aclaremos una de las cuestiones más importantes. 

¿Cuál es la diferencia entre el diseño UX (experiencia de usuario) y el diseño UI (Interfaz de Usuario)?

El diseño UX y el diseño UI están estrechamente relacionados y a menudo se agrupan en una misma área de trabajo dentro de las empresas. Se superponen, pero tienen objetivos diferentes. Mientras que los diseñadores UX se centran en la Experiencia del Usuario, el diseñador UI se centra en la Interacción del Usuario con los elementos visuales y sugerencias del producto.

Tomemos el diseño de un coche como ejemplo: 

• El diseñador UX tiene que asegurarse de que toda la experiencia de conducción ofrezca al usuario una experiencia positiva y lógica. Es decir, acciones como mirar, sentarse, conducir y aparcar serán acciones intuitivas y entretenidas.
• El diseñador UI, por otro lado, garantiza que la interacción entre el conductor (usuario) y el sistema sea simple, que las diferentes funcionalidades no se obstaculicen entre sí, “lo pone bonito”, etc.

Por lo tanto, para conseguir un buen resultado, ambos son necesarios, y las empresas lo saben. Es por eso que el diseñador UI (Interfaz de Usuario), debe esforzarse por comprender y dar forma a toda la parte de UX (Experiencia del Usuario).

¿Cuáles son las características de un buen diseñador UI?

Los requisitos para ser un buen diseñador UI no solo son de naturaleza profesional. Las siguientes características ilustran lo que importa en esta profesión y te ayudarán a entender si es una opción para ti.

• Disposición para aprender: en un área tan amplia como el el diseño UI, el aprendizaje continuo y la educación adicional deben formar parte de tu agenda. La capacidad de aprendizaje es más importante a lo largo de una carrera de diseñador UI que cualquier otra habilidad o herramienta técnica en particular, porque los problemas de diseño de hoy no perdonan las soluciones de ayer, y es un terreno que evoluciona a pasos agigantados.
• Empatía hacia el usuario: el objetivo de un diseñador UI es comprender las necesidades de los usuarios al usar un producto o servicio. Por lo tanto, el diseñador UI representa al usuario al hablar de las necesidades que su equipo pueda haber pasado por alto.
• Pensamiento analítico: ser capaz de justificar cualquier decisión de diseño basándose en las mejores prácticas y los datos. Esto requiere no sólo una afinidad por el diseño basado en datos y métricas, sino también la capacidad de extraer conclusiones e ideas de mejora de los comentarios cualitativos de los usuarios.
• Pensamiento orientado a soluciones: buscar soluciones que mantengan alineados, de forma creativa, los requisitos del usuario con los objetivos empresariales. Una buena solución a un problema de diseño, identifica el tipo de uso y el contexto, teniendo en cuenta las restricciones técnicas.
• Atención al detalle: Los detalles son clave, ya que as menudo son los que determinan que un usuario se quede en tu sitio web o aplicación. Prestar atención al detalle puede minimizar significativamente el riesgo de errores graves de la aplicación y por lo tanto ayudar a trabajar de manera más eficiente.

¿Te sientes identificado con estas características? ¡Perfecto! Entonces nada se interpondrá en tu camino hacia una larga y exitosa carrera profesional como diseñador UI. Pero, ¿este camino profesional merece la pena también económicamente? 

¿Cuánto gana un diseñador de Interfaz de Usuario?

En España, donde generalmente se buscan profesionales que combinen conocimientos de diseño UX y UI, el salario medio anual es de 36.200€, y por lo tanto uno de los más elevados del sector. En otros países europeos, el salario de estos profesionales es igualmente bueno. 

• Italia 33.623 €
• Irlanda 39.663 €
• Austria 47.400 €
• Dinamarca 74.835 €

El ingreso medio anual de los diseñadores tradicionales es significativamente menor en todos estos países.

Cómo comenzar tu carrera como diseñador UI

El interés en la formación como diseñador UI o en la búsqueda de trabajos con este perfil ha aumentado notoriamente en los últimos meses. La mayoría de los interesados son graduados de estudios técnicos, así como diseñadores gráficos que quieren dar un giro a su carrera, pero también creativos de la industria de la publicidad. La buena noticia es que la demanda de diseñadores UI también ha crecido.

Sin embargo, si te aventuras a incorporarte en este sector con poca o ninguna experiencia, te resultará mucho más difícil entrar. Incluso las empresas que buscan desesperadamente diseñadores UI se decantan candidatos con los conocimientos técnicos adecuados y un buen portfolio. Entonces, ¿qué puedes hacer?

1. Lectura y aprendizaje

Recopila información detallada sobre qué es el diseño UI, ponte en contacto con expertos y profesionales del sector a través de LinkedIn, escucha podcast relacionados y, lo más importante, ¡leer, leer y leer!

About Face: The Essentials of Interaction Design: Este libro proporciona herramientas eficaces y prácticas para diseñar excelentes apps de escritorio, sitios web y aplicaciones móviles. El método de diseño de los autores, orientado específicamente a la consecución de objetivos, abarca desde la investigación del comportamiento del usuario hasta la aplicación de soluciones de navegación basadas en determinados perfiles y escenarios. 

UI is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication: revela numerosos secretos de un buen diseño UI y te ayudará a tomar mejores decisiones de diseño más allá de tus preferencias personales. ¿Qué más se puede pedir?

Don’t Make Me Think:  Este libro del Steve Krug, arquitecto de información y profesional de la Experiencia de Usuario, fue aclamado como un “clásico instantáneo” en el año 2000 y todavía se considera uno de los libros más importantes sobre usabilidad web. Incluso se han publicado otros libros de diseño que hablan sobre este libro, una prueba bastante convincente de su validez.

The Design of Everyday Things: ¿Qué sería una guía de diseño sin Don Norman? Es considerado el fundador del término User Experience Design. Su libro es un clásico y trata sobre la cuestión del diseño útil de las cosas cotidianas.

Hay muchos otros libros sobre diseño UI muy recomendados, pero estas 4 sugerencias generalmente se consideran lectura obligatoria, y te ayudarán a introducirte en el sector. Aparte de los libros, también hay una gama casi inagotable de artículos, podcasts y publicaciones que te ayudarán en el camino.

2. Conocer las herramientas más importantes

En los últimos años, la combinación de Sketch e InVision ha sido una opción muy popular para muchos diseñadores UI, pero hay otras herramientas que también ofrecen buenas características y opciones. De hecho, la selección de herramientas de creación de prototipos y wireframe es mejor y más amplia que nunca, por lo que hemos analizado las mejores en detalle.

Balsamiq: ¿Quieres desarrollar estructuras y diseños para tus proyectos? Los elementos de arrastrar y soltar de Balsamiq lo hacen posible y te hacen la vida mucho más fácil. 

Axure: siempre ha sido una de las mejores herramientas de wireframing del mercado y es ideal para proyectos más complejos que requieren datos dinámicos. En comparación con Balsamiq, ofrece más posibilidades en términos de estructura de la información y la preparación de grandes conjuntos de datos.

InVision: es, con mucho, la herramienta prototipo más popular del mundo. En la página Administración de proyectos de InVision, puedes organizar los componentes de diseño en un workflow de estado. Puede establecer columnas para determinadas tareas y arrastrar y soltar los componentes de diseño en la columna adecuada. Se puede trabajar con una gran variedad de formatos, incluyendo JPG, PNG, GIF, AI y PSD. 

Adobe Experience Design: Adobe XD permite crear, reutilizar y mezclar vectores e ilustraciones para crear wireframes, diseños de pantalla, prototipos interactivos y elementos production-ready en la misma aplicación. Una gran ventaja es la capacidad de integrar otros productos de Adobe como Photoshop o After Effects.

Sketch es similar a Photoshop en muchas cosas, pero también tiene algunas características únicas muy útiles. Las formas vectoriales de Sketch se pueden adaptar fácilmente a los estilos, tamaños y diseños dinámicos, lo que ahorra muchos ajustes tediosos que de otra forma tendrían que hacerse manualmente. Un flujo de trabajo totalmente basado en vectores de Sketch facilita la creación de diseños bonitos y de alta calidad de principio a fin.

La plataforma Figma es la herramienta de diseño colaborativo por excelencia e ideal para proyectos donde desarrolladores, redactores y diseñadores trabajan en paralelo. Además, Figma te ofrece todas las funcionalidades de wireframing, prototipado, y diseño UI y UX. No es necesario instalarlo, se ejecuta a través del navegador y almacena automáticamente todo en la nube.

Zeplin garantiza una transición suave de la creación de prototipos al desarrollo de un producto digital. Permite cargar diseños desde archivos Sketch, Photoshop, XD y Figma y pasarlos directamente a producción. Esto garantiza que el diseño se pueda implementar muy bien y se ahorra tiempo y esfuerzo.

3. Comienza tu formación

La formación ideal en diseño UI no solo te enseñará los conceptos teóricos básicos y las herramientas más importantes, sino que también te permitirá crear tu propio portfolio en un entorno práctico.

Desde la Innovation School de Talent Garden Vienna llega el Bootcamp de Diseño UX, que se impartirá completamente Online y en inglés, abierto a estudiantes y profesionales de todo el mundo. El curso online dura 12 semanas a tiempo completo y tiene un enfoque muy práctico y cuenta con profesionales del sector entre los formadores. El próximo Bootcamp empieza el 12 de octubre de 2020, ¡haz click aquí para saber más sobre nuestro Bootcamp Online de Diseño UX!

¿Ya tienes experiencia de UX? Entonces echa un vistazo a nuestro programa online de diseño UX/UI a tiempo parcial (viernes por la tarde y sábados). Empieza el 9 de octubre de 2020 y puedes encontrar toda la información aquí.

Si crees que en estos cursos online solo te esperan vídeos aburridos, ¡te equivocas! Ambos cursos ofrecen una mezcla muy equilibrada y ágil de formación en vivo, material grabado, conferencias de expertos, trabajo en proyectos y oportunidades de networking de manera muy informal.