Emojis of waving hand, technologist and rocket

Iniciarse en el diseño UX/UI, una guía completa

Última actualización: 23 de noviembre de 2023 Tiempo de lectura: 30 min

En resumen

¿Quieres convertirte en un diseñador UX/UI o mejorar tus habilidades, pero no sabes por dónde empezar? Este artículo presenta los puntos óptimos, en mi opinión, para entrar y progresar en este campo.


Tabla de contenido

Introducción

El diseño UX/UI te interesa, y tanto si eres principiante como si te estás reconvirtiendo, este artículo es para ti. Incluso si ya estás trabajando, es probable que haya cosas que puedas aprender.

En menor medida, también será útil para las personas que trabajan con los diseñadores UX/UI, como los desarrolladores, los responsables de marketing y los gestores de proyectos que tengan curiosidad por comprender mejor el campo de sus colegas.

Todo este contenido es una síntesis de las notas personales que he acumulado a lo largo de mi carrera profesional, para responder a preguntas como: “¿Cuáles son las diferencias entre UX y UI? ¿Necesito dominar por completo las dos para conseguir un trabajo? ¿Cómo practicar de forma efectiva? ¿Necesito saber cómo desarrollar? etc.”. También surge de mi deseo de contribuir a la democratización del diseño UX/UI explicando mejor sus objetivos y problemas en el mundo moderno.

Sin embargo, sigue siendo un campo complejo, intenté hacerlo lo más sintético posible, pero abordar el tema correctamente requirió varios artículos para aligerar este.

Atención: si buscabas información sobre el “product design”, debes saber que es casi lo mismo que el diseño UX/UI. Más adelante hablaré de los diferentes títulos y sus significados.

¿Debo hacer UX, UI o ambos?

Efectivamente, hay personas especializadas en una de las dos áreas, si esta pregunta te quita el sueño, es (muy) común encontrarse con diseñadores UX/UI o “product designer”. Dicho esto, ten por seguro que esto no significa hacer el trabajo de dos personas por un sueldo (o si no, has venido al lugar equivocado…). Puedes empezar como diseñador UX/UI, por ejemplo, y con el tiempo especializarte en una de las dos áreas.

Sin más preámbulos, empecemos con la primera pregunta esencial:

1 - ¿Por qué convertirse en diseñador UX/UI?

Quizá hayas visto diseños atractivos en Dribbble, hayas usado muchas aplicaciones móviles bien diseñadas, vengas del mundo del diseño gráfico, del desarrollo, etc. Las razones por las que estás leyendo este artículo hoy pueden ser múltiples. Antes de profundizar en el campo, creo que es importante asentarse y conocer bien tus motivaciones.

Es una profesión joven, aún en plena mutación y evolución, lo primero que hay que tener en cuenta para prosperar en este campo es que tienes que estar dispuesto a cuestionarte y aprender continuamente, el diseño UX/UI está lejos de ser un trabajo que se aprende en 2-3 años y ya estás bien para el resto de tu carrera. Me dirás que esto es así para muchas profesiones pero es particularmente cierto con el diseño UX/UI.

Las ventajas de la profesión

En resumen, estas son las cinco cosas que creo que debes recordar cuando vayas por el camino del diseño UX/UI:

  • 🔥 Te dedicas a crear productos que ayudan a muchas personas (ejemplos: servicios bancarios, compras online, pedidos de comidas, inversiones financieras, realidad aumentada, etc.).

  • 💰 Hay una demanda profesional creciente ya que cada vez más gente utiliza apps digitales, lo que está impulsando a las empresas a meterse en ello y favorecer el nacimiento de muchas startups.

  • 🏠 Puedes trabajar desde cualquier lugar con solo un portátil y una conexión a internet (como freelance o en muchas empresas que practican el trabajo remoto).

  • 📖 Podrás aprender online, así como a lo largo de tu carrera, técnicas cada vez más innovadoras y estarás en el centro de un campo digital que evoluciona rápidamente.

  • 🚀 Más allá, por ejemplo, de las aplicaciones móviles, tiene muchas áreas disponibles. Véase el siguiente punto.

Más allá de las aplicaciones móviles y web

Aunque son mayoría en este campo, no sólo el mundo de los smartphones y los ordenadores necesitan diseñadores UX/UI, podemos mencionar otros sectores más o menos especializados, entre otros:

  • Las nuevas generaciones de coches con sus (múltiples) pantallas táctiles (fáciles de usar para evitar accidentes).
  • Los terminales de pedidos en restaurantes, estaciones de tren, aviones, etc.
  • La última generación de cohetes como el Crew Dragon de SpaceX con sus pantallas táctiles (que deben ser claras de usar para evitar errores).
  • Las nuevas centrales nucleares (donde te dejo imaginar la importancia de tener en las salas de control, una UX y una UI de alta cualidad para evitar cualquier malentendido).

¿Y por qué no un desarrollador?

La pregunta se puede hacer, claro que ya no estamos en el diseño pero si ya has hecho un recorrido por los portales de ofertas de empleo, habrás visto que la demanda de desarrolladores es más fuerte que la de diseñadores. Si estás aquí, probablemente ya estés en el camino del diseño pero sé que mucha gente, sobre todo en reconversión, puede dudar con el campo del desarrollo, a menudo front-end (HTML/CSS, JS etc.).

No es el objetivo de este artículo, pero si todavía tienes dudas entre estos dos caminos, te aconsejo fuertemente que sopeses los pros y los contras antes de dedicarte completamente a uno. Dicho esto, y lo hablaré a lo largo de este artículo, cada vez es más habitual que un diseñador UX/UI tenga conocimientos en HTML/CSS (o incluso JS) y un desarrollador front-end en diseño, pero digo conocimientos y no experiencia, porque intentar llegar a ser realmente bueno en ambos campos a la vez requerirá un esfuerzo importante en el tiempo que no aconsejo a nadie.

En ambos campos se requiere creatividad, pero como puedes imaginar, en el diseño es más visual y en el desarrollo, más analítico y lógico. La elección dependerá sobre todo de tus preferencias y de tu personalidad.

2 - Entender qué es el diseño UX/UI

Es una profesión joven que evoluciona rápidamente y en la que surgen muchas preguntas cuando se empieza. A través de los siguientes artículos, te daré un conocimiento más preciso sobre ella, desde su historia hasta el presente con un ejemplo detallado de un proyecto, pasando por los diferentes títulos profesionales y las competencias necesarias. Te sugiero que los leas en este orden:

3 - Elegir las herramientas

Este es un paso importante antes de pasar a la parte de formación, ya que podrás probar directamente lo que aprendes.

Las herramientas no lo son todo, pero tomarse el tiempo de elegirlas bien es importante. Resumo aquí las principales, es decir una para el diseño UX/UI y otras para el diseño más general. Por supuesto que usarás otras, por ejemplo para diagramas, toma de notas, gestión de tareas, prototipado avanzado, etc. Para más información, consulta el artículo Las habilidades, tareas y herramientas del diseño UX/UI así como mi libro gratuito sobre los mejores recursos de diseño UX/UI.

Una vez elegidos, tienes que aprender cómo funcionan. Esto se hace en dos etapas:

  1. Aprender la teoría de la herramienta, ya sea a través de la documentación oficial y/o una formación específica como un vídeo de YouTube o Udemy.
  2. Practicar con ella para afinar tu comprensión.

Ten en cuenta que se alternan los dos pasos, por ejemplo cuando la herramienta tiene una actualización importante, volvemos al doc para formarnos en ella.

Consejo: no descuides el uso de los atajos de teclado, además de ahorrarte tiempo (lo que pondrá estrellas en los ojos de tu jefe 🤩 ) te mantendrás más fácilmente en el “flujo” creativo.

Herramienta de diseño UX/UI

a primera elección es, obviamente, esta herramienta principal que se utilizará para, entre otras cosas, wireframes, diseño de UI y prototipos. Hoy en día, tres productos principales compiten por la primera posición: Figma, Sketch y Adobe XD. Para abreviar, el mejor en este momento es Figma, pero esto es, por supuesto, una opinión personal.

Sin embargo, no soy el único como demuestra este estudio de UXTools, que muestra que Figma está en primera posición entre los profesionales. Dicho esto, Sketch o Adobe XD también hacen el apaño porque la herramienta no lo es todo, lo que cuenta sobre todo son las habilidades de fondo (por otro lado olvídate de Photoshop para el diseño UX/UI, ya no estamos en 2010 😅 ).

Esta es por cierto la única herramienta importante para empezar su aprendizaje y práctica, aprender por ejemplo Illustrator y Photoshop además es secundario y no te impedirá empezar.

Dicho esto, todavía faltan algunas cosas en Figma como poder usar variables como en UXPin o condiciones en el prototipado como en Axure.

Pero cuidado, no sólo debes comparar las características de una herramienta sino también otros puntos igualmente importantes, que son:

  • El precio (Figma tiene una oferta gratuita que no es el caso de todas)
  • El tamaño de la comunidad (ejemplo para pedir ayuda)
  • El uso en el mundo profesional
  • El número de plugins
  • Los recursos compatibles como los kits oficiales de Apple o Google
  • Las integraciones con otras herramientas como Protopie o Zeroheight

Así que sí UXPin es potente, pero no tiene una oferta gratuita, una comunidad más pequeña que Figma, no tiene plugins, no se integra con Protopie o Zeroheight y la mayoría de las empresas utilizan Figma o Sketch así que mejor ir con ellos.

Por eso, personalmente más que aprender UXPin o Axure, recomiendo Protopie además de Figma. Porque se integra bien con él (junto con Sketch y Adobe XD) para la creación de prototipos de alta fidelidad y el combo Figma-Protopie me parece más potente que UXPin o Axure por separado. Pero de nuevo, Figma es más que suficiente para la mayoría de tus diseños, y a menos que lo pida explícitamente la empresa, no tienes que dominar Protopie para conseguir un trabajo, aunque por supuesto es un extra.

Cuidado, puedes pensar que en lugar de usar Protopie para animaciones más avanzadas, existen plugins para animar directamente en Figma como Figmotion pero sigo siendo un poco crítico con este tipo de plugins, ver: ¿A favor o en contra del uso de plugins en Figma?.

Herramientas de diseño general (iconos, ilustraciones, edición de fotos, etc.)

En la mayoría de las empresas, se requerirá un buen conocimiento de la suite de Adobe, normalmente Photoshop y Illustrator. Tenga en cuenta, sin embargo, que Figma, Sketch o Adobe XD se adaptan bastante bien al diseño de iconos e ilustraciones sencillas, pero para necesidades más avanzadas, la suite de Adobe sigue siendo la más utilizada.

¿Y el sistema operativo? (Windows o macOS)

Spoiler: macOS 😉 pero Windows también puede hacer el trabajo (a excepción de Sketch que solo funciona en macOS). Dicho esto, hay buenas razones si muchos diseñadores y artistas en general están con máquinas de Apple, más información: Windows o macOS, ¿cuál es mejor?.

4 - Elegir una vía de formación

Ahora que tienes un conocimiento general del diseño UX/UI y tu herramienta está afilada, es el momento de empezar con las cosas serias. Surgen dos caminos de formación: autodidacta o con profesores, aunque uno no impide el otro, pero ¿qué camino principal elegir? A ver.

Nótese que en la versión anterior de este artículo, el aprendizaje y la práctica eran dos capítulos separados, pero he decidido fusionarlos porque están tan mezclados que no me parecía justo.

De hecho, estamos constantemente yendo y viniendo entre la teoría y la práctica, y sería contraproducente pasar días en la teoría sin ponerla en práctica al mismo tiempo, y viceversa.

¿Cómo aprendemos?

En la base del aprendizaje, en la mayoría de los campos, hay una lista de habilidades que hay que conocer, a menudo en un orden lógico de progresión. Por ejemplo, en el caso de la cocina, no se aprende a hacer canelés perfectamente cocinados (por experiencia, sí que no es tan sencillo 😵‍💫 ) antes de aprender lo básico (elegir los ingredientes, medir, mezclar, “reservar”, el funcionamiento y los modos del horno, etc.) y empezar con recetas más sencillas.

A partir de esta lista de habilidades, puedes seguir una formación completa que cubra todas ellas o aprender con diferentes recursos como vídeos, libros y artículos.

¿Autodidacta o no?

En primer lugar, ¿qué significa “autodidacta”? Por ejemplo, aprender en línea desde casa no significa necesariamente ser autodidacta. El diccionario nos dice:

“Que ha aprendido por sí mismo, sin profesor”.

La palabra clave es “sin profesor”, lo que significa que un curso online con lecciones en directo impartidas por diseñadores profesionales o incluso pregrabadas pero con un mentor que te ayude no son realmente formas autodidactas.

Pero repito: uno no impide el otro y esto es especialmente cierto en el diseño UX/UI que es un campo que evoluciona rápidamente. Aunque salgas de un curso completo, pasarás tiempo a lo largo de tu carrera aprendiendo cosas nuevas por tu cuenta.

En general, la autoformación se asocia más a alguien que quiere construir algo y encuentra los recursos para aprender a hacerlo. Esto es lo que yo llamo formación a medida, ya que consiste en una serie de recursos múltiples para aprender las habilidades en un orden adaptado a tu situación.

Al final, la elección dependerá de tu personalidad, tus objetivos, tus conocimientos previos, tus recursos financieros y el tiempo que puedas dedicar al aprendizaje.

Pros y contras de las vías de formación

Así pues, tienes cuatro opciones principales para aprender. Para ayudarte a elegir, aquí están con, en mi opinión, sus pros y sus contras:

Escuelas convencionales 🏠

Ejemplo: SCAD UX Design

  • Las ventajas 👍

    • Estimulación de estar en un grupo
    • Formación bien estructurada y completa
    • Comentarios y seguimiento de profesionales sobre tus proyectos
    • Certificación que ofrece garantías para algunos reclutadores
  • Las desventajas ❌

    • Tiene que haber sitio
    • A menudo hay que esperar a que se abra el acceso
    • No siempre están al día en las últimas técnicas
    • Hay que estar cerca de la escuela y desplazarse hasta ella
    • Suelen ser las más caras
    • Pocas escuelas ofrecen clases de diseño UX/UI
    • Puede tomar más tiempo que ser autodidacta (lecciones sobre cosas que ya sabes)

Formaciones completas en línea (en vivo) 🧑‍💻

Ejemplo: Memorisely

  • Las ventajas 👍

    • A menudo son más baratas que las escuelas tradicionales
    • Puedes aprender desde cualquier lugar
    • Es estimulante estar en grupo
    • Formación bien estructurada y completa
    • Comentarios y seguimiento de profesionales sobre tus proyectos
    • Certificación que ofrece garantías para algunos reclutadores
  • Las desventajas ❌

    • Tiene que haber sitio
    • A menudo hay que esperar a que se abra el acceso
    • Suelen ser más caras que las vías siguientes
    • Tienes que sincronizar con la planificación (lo que puede ser un problema si tienes otra actividad)

Formaciones completas en línea (pregrabada) 🧑‍💻

Ejemplo: Interaction Design Foundation learning paths

  • Las ventajas 👍

    • A menudo son más baratas que las formaciones completas en vivo
    • Puedes aprender desde cualquier lugar
    • Empieza cuando quieras y ve a tu ritmo
    • Estimulación de estar en un grupo (si la formación tiene una comunidad en línea)
    • Formación bien estructurada y completa
    • (Depende de la formación) Comentarios y seguimiento de los profesionales sobre tus proyectos
    • (Depende de la formación) Certificación que ofrece garantías para algunos reclutadores
  • Las desventajas ❌

    • Pueden estar menos actualizadas en comparación con las en vivo
    • No siempre hay comentarios de profesionales
    • Suelen ser más caras que las formaciones a medida

Formaciones a medida 🔍

Ejemplo: Cursos en línea sobre temas específicos, artículos de blog, libros, etc.

  • Las ventajas 👍

    • La vía más barata
    • Puedes aprender desde cualquier lugar
    • Empieza cuando quieras y ve a tu ritmo
    • Obtenga una vía personalizada basada en tus competencias
    • A menudo están más al día con la teoría y las técnicas
  • Las desventajas ❌

    • Puede ser más lento (si te dispersas en muchos recursos)
    • A veces es más difícil mantener la motivación
    • No hay comentarios de profesionales aparte de preguntar en línea (aunque depende de la fuente)
    • No certificación (también depende de la fuente, pero un buen portafolio compensa este punto 😉 )

¿Realmente debo conseguir una certificación?

La mayoría de las formaciones completas y, obviamente, las escuelas también, te darán una certificación como prueba de que has completado la formación. Algunos dirán que es importante, pero yo tendería a decir que no importan mucho en favor de la experiencia y un portafolio sólido, y esto es de hecho lo que la mayoría de los reclutadores verán primero.

Algunos diseñadores pueden salir de buenas escuelas de diseño pero ser superados por el autodidacta avispado, que aprendió en línea con los recursos adecuados y tuvo la motivación para practicar.

Hora de elegir

Bien, creo que tienes suficiente información para orientarte. Pero si no estás seguro de qué elegir, dependiendo de tu formación, esto es lo que te puedo recomendar:

  • Si eres un principiante (o tienes pocos conocimientos de diseño UX/UI), tienes el tiempo necesario para aprender/practicar y quieres trabajar en diseño UX/UI: te sugiero una formación completa.
  • Si vienes de un campo de diseño similar como el diseño gráfico y por tanto, ya tienes conocimientos comunes con el diseño UX/UI: sugiero la formación a medida (mejor si ya sabes mucho) o una formación completa que permita saltar partes que ya conoces.
  • Si quieres hacer diseño UX/UI sólo para divertirte, como un hobby: sugiero la formación a medida.
  • Si eres un desarrollador (por ejemplo) y quieres obtener algunos conocimientos específicos de UX/UI: te sugiero la formación a medida.

¿Y si no está seguro si el diseño UX/UI es para ti?

En ese caso, antes de dedicar una cantidad de tiempo consecuente a aprender diseño UX/UI, es mejor que lo pruebes antes. Esto es lo que recomiendo para eso:

  • Ver algunos vlogs en YouTube sobre las jornadas de diseñadores UX/UI (como este o este). Así, junto con este artículo, te dará una idea más precisa de lo que vas a hacer.
  • Practica enseguida, no necesariamente un proyecto completo, sino más bien pequeños pasos como los que se presentan aquí, así sabrás rápidamente si te gusta.

Si después de estos dos pasos, sientes que quieres continuar, elige tu forma de aprender:

1 - Eliges una formación completa

En resumen, tienes muchos servicios online, he mencionado Interaction Design Foundation (IxDF) que es una mina de oro con un montón de cursos de UX y UI, y tienes otros dependiendo de tus preferencias.

Ve a la lista de formaciones completas de mi libro de recursos, he listado las mejores en mi opinión. A continuación, puede saltar a la parte 5.

2 - Eliges la formación a medida

Sigue leyendo ↓

Formación a medida: ¿por dónde empezar?

¿Debería empezar primero con la teoría o con la práctica? Bueno, esto es un dilema del tipo “primero el huevo o la gallina”. Cualquiera está bien y dependerá de tu personalidad y de los conocimientos que tengas.

Cuando hablamos de estilos de aprendizaje, para mí es como cuando alguien se compra un aparato nuevo que nunca ha usado, hay dos tipos de personas:

  • La que aprenderá probando y leyendo partes del manual o consultando en Google cuando no consiga resolverlo hasta que obtenga que el aparato haga lo que tenía en mente.
  • El que primero leerá el manual y empezará a usar el dispositivo progresivamente mientras sigue leyendo.

Podríamos añadir otros dos casos “extremos” de personas que: intentarán memorizar todo el manual antes incluso de pulsar un botón y en el lado opuesto, el que no lo leerá nunca porque puede “¡descubrirlo todo por mí mismo!”. Como puedes imaginar, al menos para el diseño UX/UI, ambos caminos extremos no deben seguirse.

Comience con un proyecto

En general, cuando se aprende un tema, creo que es mejor empezar con un proyecto en mente que aprender sólo por aprender. No digo que sea malo, pero generalmente aprendemos mejor cuando tenemos un objetivo claro y tangible. Así que lo que te sugiero es que elijas una idea interesante de una aplicación o una página web en la que trabajar a lo largo de tu jornada de aprendizaje.

En resumen:

💡 Idea de proyecto → 🤔 ¿Qué necesito saber para hacerlo realidad? → 💥 Tienes un plan de aprendizaje.

Pero, ¿qué proyecto? Puede ser una simple todo app adaptada a tu forma de trabajar, tu futura web personal, una app de calculadora para iPad, una mejor web de Instagram (para pantallas de escritorio), etc. Si no encuentras ninguna, tienes sitios como Mobbin que te puede dar ideas.

¿Por qué insisto en esto? Por estas razones:

  • Te entusiasmará, con lo que estarás más motivado para aprender y tendrás un primer proyecto para tu portafolio.
  • Dará forma a tu plan de aprendizaje porque al trabajar en él, te encontrarás con partes de conocimiento que te bloquearán y que tendrás que aprender.

Además, ten cuidado con la trampa del “perfeccionista” como “Empezaré un proyecto cuando esté completamente listo en la parte de la teoría”. Spoiler: nunca estamos “completamente listos”, así que elige un proyecto y comienza tu viaje (lo digo porque yo tiendo a ser así 😉 ).

Identifica lo que necesitas aprender

Así que ya tienes tu proyecto, ahora, te recomiendo definir lo que necesitas aprender.

Dependiendo de tu experiencia, puede que, por ejemplo, ya tengas una buena comprensión de los colores pero menos de la tipografía y de layout. Anótalos, puedes comprobar la lista de habilidades UX/UI en este artículo para estar seguro de que no te falta nada.

Luego, desde mi libro en el capítulo de UX/UI general, encontrarás recursos para aprender lo que necesitas en “Cursos por temas”, “Libros” y “Blogs”.

Por ejemplo, puedes elegir cursos que cubran lo que necesitas aprender de Interaction Design Foundation, combinarlos con algunos casos prácticos de Growth Design y libros como The Design Of Everyday Things y No Bullshit Guide to UX.

Para afinar tu lista, empieza a trabajar en tu proyecto, y cuanto más practiques y observes, más sabrás en qué partes de la teoría debes concentrarte.

Aprende y practica

Y no sólo en tu proyecto principal, sino también en tipos más cortos de ejercicios que se enumeran aquí y lo importante aquí es ser constante. De hecho, es mejor practicar una hora al día, tres a cuatro veces a la semana que cuatro horas un día a la semana, esto está bien explicado en el vídeo “The habits of Effective Artists” que presento aquí.

Repita

Te recomiendo, si por ejemplo, elegiste una aplicación móvil como tu primer proyecto que hagas otro como un sitio web, así llegas a aprender temas específicos de diseño web. Ten en cuenta que para algunos diseñadores, el diseño web es para diseñadores web, no para diseñadores UX/UI y bueno, depende. Personalmente, he fusionado los dos bajo el término UX/UI.

5 - Mantenerse al día y organizar su inspiración

Más que nunca en este negocio, una de las claves del éxito es estar al día de las nuevas tendencias, herramientas, técnicas, etc.

Entre los más famosos, tienes Behance y Dribbble para inspirarte y Muzli y Sidebar están entre mis blogs favoritos. Personalmente, para estar al día de las inspiraciones utilizo Instagram, ya que siguiendo las cuentas adecuadas, solo tenemos que abrir la aplicación de vez en cuando para obtener una selección de inspiración de diseño seleccionado.

Es importante inspirarse “pasivamente” con regularidad, cada día 10 min por ejemplo. Ver mi libro sobre los recursos para los que que recomiendo.

¿Cómo organizar tus inspiraciones?

Ya sea que uses Instagram, blogs u otras fuentes, encontrar inspiraciones vistas en el pasado, el día de un proyecto, puede ahorrarte un tiempo precioso (y como diría cualquier CEO: el tiempo es dinero 💸 ). Hay varias formas y quizás tú ya tengas la tuya, pero aquí tienes un resumen de las que he probado y la que he adoptado:

En las carpetas de su máquina

Sólo tienes que guardar las imágenes en carpetas, que se pueden sincronizar en un espacio como Google Drive. Esta es la forma más fácil pero no es realmente la más óptima, porque encontrar las imágenes en este caso puede llevar más tiempo debido a la simplicidad del explorador de tu sistema, y a diferencia de Pinterest por ejemplo, ocupan espacio en tu máquina.

Con aplicaciones (Pinterest, Instagram, Behance y Dribbble)

Todas estas aplicaciones permiten guardar las imágenes que se encuentran en ellas. Sin embargo, estamos limitados a sus bases de datos y encontrar imágenes concretas entre sus colecciones no es tan fácil porque sus funciones de búsqueda no son muy avanzadas. Además, nos hace alternar entre varios sitios, lo que no es muy óptimo para gestionar nuestro tiempo. En cambio, para hacer moodboards compartidos en equipo no está mal.

Dropmark y Raindrop

Son más bien gestores de favoritos, pero también están, más o menos, adaptados para guardar tus inspiraciones.

Eagle

Para mí, la mejor solución para gestionar tus inspiraciones y favoritos de forma óptima 👍 .

Eagle es una aplicación para macOS y Windows que ofrece muchas funciones para guardar, ordenar y localizar todo tipo de inspiraciones (imágenes, vídeos, música, etc.). Tienen un plugin para los navegadores más populares que permite capturar o guardar imágenes con un solo clic.

También lo uso como gestor de favoritos, ya que el plugin del navegador también tiene esta posibilidad, y incluso puedes gestionar múltiples formatos de archivo como Word o Photoshop.

He escrito una guía completa que te presenta a Eagle y cómo utilizarlo de forma óptima para la gestión de inspiraciones en diseño UI, échale un vistazo:

6 - Crearse una presencia en línea

Tu presencia en línea, o lo que es lo mismo, tu portafolio, es un aspecto importante de tu trabajo porque: tu portafolio es tu currículo. En otras palabras, no puedes limitarte a escribir en tu currículo que has diseñado tal aplicación o tal página web, porque para tu futuro empleador (o cliente en freelance), tener sólo texto delante de los ojos será demasiado ambiguo. Tu trabajo es visual y describirlo sólo con palabras sería una pena, como dice el refrán: “Show, don’t tell”.

No hace falta decir que debe ser digital. El portafolio en papel está más bien reservado a los diseñadores print, para mantenerse en el ambiente, pero la mayoría de las veces, también lo tienen en versión digital, mucho más útil para solicitar un trabajo por correo electrónico que para enviarlo por correo postal.

Mantener su portafolio: un trabajo aparte

Ten en cuenta que, a diferencia de otros trabajos, el mantenimiento de tu portafolio es un trabajo en sí mismo que debes realizar en tu tiempo libre. Digo “trabajo” porque la mayoría de las veces, tendrás que crear un diseño especial, imágenes, texto, etc. para cada proyecto. Ejemplo en uno de los míos: AR Editor.

¿Sitio personal o comunitario?

Seguro que conoces los más famosos como Behance y Dribbble. Algunos diseñadores eligen poner su trabajo sólo en estos sitios, otros en un sitio personal y otros, en ambos. No hay una elección perfecta y depende de cada uno. Dicho esto, para mí es mejor ponerlos en sitios comunitarios, porque es más fácil ser descubierto así, con la limitación de que tendrás menos libertad de diseño que en un sitio personal. Al mismo tiempo, esto no impide que hagas tu propio sitio, al menos para centralizar todos los sitios en los que estás presente.

Nota: Behance tiende a utilizarse para mostrar y explicar proyectos de gran envergadura, mientras que Dribbble se dedica más a pequeñas partes de proyectos o incluso conceptos. Podrías compararlos con Facebook, donde solemos hacer posts más largos y Twitter, más concisos.

Personalmente recomiendo Behance y Dribbble. Como lo explico aqui, usar sólo Dribbble no es necesariamente una buena idea y para mí, un buen portafolio incluye proyectos importantes como Behance y exploraciones como Dribbble.

¿Y las redes sociales?

En cualquier caso yo diría que sí, que deberías tener presencia allí, al menos en Instagram. Después de eso es secundario para mí, pero todo depende de tu trabajo. Como freelance, por ejemplo, puede ser conveniente publicar tu trabajo allí además de tu portafolio (en Behance/Dribbble o en tu página web) para alcanzar a más gente y potenciales clientes.

Además de Instagram: Twitter por qué no, TikTok si te apetece pero para mí está más orientado como tipo de contenido y no necesariamente adaptado para mostrar tu trabajo salvo por supuesto el contenido tipo “diseño rápido” donde filmas la concepción de un diseño. Por otra parte, Facebook, lo siento Zuckerberg, pero ya no es realmente “the place to be”… (bueno quien sabe, en 10 años quizás todo el mundo tenga su portafolio en el metaverso 😎 )

Publicar en línea, también es útil para obtener comentarios

En la escuela recibirás comentarios de los profesionales, pero como autodidacta tendrás que pedirla en comunidades como Reddit, de ahí el interés de publicar tus diseños en línea.

7 - Comprender y entrar en la vida profesional

Una vez que tengas una comprensión de los principios del diseño UX/UI, con algo de práctica y el portafolio que viene con ella, es hora de poner tus nuevas habilidades en uso 💰 .

Te aconsejo que leas: ¿Es mejor ser un diseñador UX/UI empleado o freelance?, Como diseñador UX/UI, ¿cuánto puedo ganar? así que estos dos artículos:

Consejo extra: tomar notas ✍️

A lo largo de tu aprendizaje y tu carrera, recomiendo fuertemente documentar tus conocimientos y, en general, cualquier cosa que sea importante para ti. Es una buena práctica para no tener que confiar sólo en tu memoria y, en general, te hace recordar mejor las cosas. También te hace practicar la escritura de documentación, que es una habilidad útil, por ejemplo, al escribir un design system.

Personalmente utilizo Notion que es una especie de herramienta avanzada y flexible para tomar notas.

Conclusión 👋

Espero que mis artículos te hayan ayudado a entender mejor el diseño UX/UI, es un campo apasionante pero como hemos visto, rico y complejo. Mantén la motivación, con paciencia y práctica, seguro que lo conseguirás.

Para completar el artículo, te aconsejo que leas este último sobre las preguntas frecuentes en el diseño UX/UI. Es un buen enfoque complementario en el que vuelvo a hablar de cosas tratadas en los artículos anteriores con otras palabras, así como de otras de las que no hablé:

Y si aún no lo has hecho, consulta mi libro gratuito sobre los mejores recursos de diseño UX/UI.

La última palabra

Stay hungry, stay foolish" - Steve Jobs

Con esta frase, el antiguo jefe de Apple quería decir que hay que estar abierto a probar cosas nuevas y salir de la zona de confort. Creo que esto es, en efecto, una cualidad en cualquier diseñador, porque así evoluciona y se hace mejor.


Doko Zero avatar

Doko Zero
Diseñador UI con conocimientos de UX y desarrollo web

Recibe mis actualizaciones

Se le notificará por email las nuevas publicaciones y productos.

Al utilizar este sitio, usted acepta el uso de cookies. Cerrar