UX / UI Starter Pack

Recursos para comenzar tu viaje hacia el UX

Mel Baudon
6 min readMay 14, 2021

¿Así que quieres adentrarte en el mundo del diseño web pero no sabes por dónde empezar? Bueno, como Junior UX Designer, te daré una guía súper completa basada en mi experiencia para ayudarte a comenzar.

Como alguien que ha hecho una gran transición profesional (de administración de empresas al diseño), de vez en cuando recibo preguntas de otras personas que no tienen experiencia en diseño sobre cómo empezar. Si bien mi consejo no es tan simple como “soplar y hacer botella” , hay muchas formas de comenzar sin tener que recurrir a una carrera universitaria o un posgrado de especialización.

Basado en mis propias experiencias y lo que sé ahora, este es mi “UX/UI Starter Pack” para aquellos que quieran introducirse en este mundo.

Dónde estudiar

Si te interesa empezar con una base sólida y contar con una guía inicial, realizar un curso o Bootcamp con mentores expertos en el tema podría ser la mejor opción.

Estas son algunas de las ofertas educativas del mercado online:

  1. UX Design, conceptos básicos para principiantes- Udemy (gratuito)
  2. Introducción al Diseño UX/UI-Polo TIC Misiones (gratuito)
  3. Fundamentos del Diseño UX- Crehana (acceso gratuito por 7 días)
  4. Carrera de Diseño UX/UI-Coderhouse (pago) Incluye 3 cursos que también pueden hacerse por separado: Diseño UX/UI, UX/UI Avanzado y UX Research
  5. Curso de Diseño de Interfaz de usuario-EducacionIT (pago)
  6. Escuela de Product Design-Platzi (pago-suscripción anual)
  7. Certificado profesional de Google UX Design-Coursera (pago)

Ruta de aprendizaje

Para responder la gran pregunta ¿Qué debo estudiar? Diseñé una propuesta formativa con el camino que sugiero para obtener y desarrollar todos los conocimientos y competencias que necesitas para convertirte en un Diseñador UX/UI. Vamor por orden:

  1. Introducción al diseño
  2. Diseño gráfico
  3. Diseño de interfaces (UI)
  4. Design thinking
  5. Diseño de prototipos móviles (UI)
  6. Herramientas: Figma
  7. Herramientas: Adobe XD
  8. Herramientas: Sketch
  9. Sistemas de diseño
  10. UX research
  11. Arquitectura de la información
  12. Design Sprint
  13. UX writing

Leer, investigar y aprender

Los libros y artículos relacionados con el diseño ayudan a introducir a los recién llegados a la terminología y el vocabulario utilizado en la industria. Te recomiendo que busques en internet glosarios para que puedas incorporar la terminología técnica del UX. Este de Academia Edu es genial y puedes descargarlo gratis.

Además, es muy valioso escuchar a los referentes en la materia, sobre todo cuando exponen sobre ciertos temas relacionados con el diseño para establecer expectativas en el futuro y mantenerte actualizado con las tendencias actuales.

Libros, TOP 5:

  1. “Don’t make me think”- Steve Krug (Usabilidad web)
  2. “Miro y entiendo”- Daniel Mordecki (Guía básica de usabilidad)
  3. This is service design doing”-Marc Stickdorn, Adam Lawrence, Marcus Hormess y Jakob Schneider (Gran fuente de actividades y recursos del Design Thinking)
  4. “The design of everyday things”- Don Norman (La biblia del UX)
  5. Creative Confidence: Unleashing the Creative Potential Within Us All- David y Tom Kelley (Clave para adoptar la mentalidad creativa adecuada para comenzar a diseñar)

Blogs

Seguir regularmente a distintos blogs va a ayudar a mantenerte al tanto de los cambios en la industria, así como a desarrollar tus habilidades de UX. Además, muchos blogs de diseño de UX exponen sus casos de estudio y detallan el desarrollo de una aplicación o web. Leer sobre este tipo de casos puede ayudarte a obtener ideas. Te recomiendo elegir dos o tres blogs y suscribirte a sus newsletter para recibir sus artículos más interesantes en su inbox semanalmente!

Algunos de ellos son:

  1. UX Collective
  2. Nielsen & Normal group
  3. Just in mind
  4. IDEO
  5. UX Matters
  6. UX Magazine
  7. UX Planet
  8. Think with Google

¡Hay muchos más! Si hay algo que debes tener en cuenta en el mundo del Software, es que tu trabajo se basará un 50% en buscar soluciones innovadoras y aprender a realizar búsquedas efectivas en internet.

Te dejo mi top 5 de artículos preferidos en Medium. ¡Nunca dejes de leer!:

  1. Introducción al diseño de producto
  2. Guía completa de Diseño UX
  3. UX/UI: Proceso de diseño
  4. Curso intensivo: Diseño de interfaz del usuario
  5. Habilidades principales que los diseñadores UX de primer año deben dominar

Charlas

Consumir, escuchar y asistir a charlas es otra forma de mantenerte actualizado en las tendencias de la industria y desarrollar nuevas habilidades en este hermoso (y amplio!) universo del UX.

Para empezar, te dejo 4 que te harán pensar:

  1. “La sorprendente verdad acerca de lo que realmente nos motiva” Un buen diseño de experiencia del usuario motiva a los usuarios a alcanzar sus objetivos. Daniel Pink te cita en este video ejemplos concretos de cómo funciona la motivación intrínseca.
  2. “3 maneras en las que el buen diseño nos hace felices” El padre del UX, Don Norman en esta charla TED nos enumera las tres pistas emocionales que un producto bien diseñado debe seguir para tener éxito
  3. “Diseñando con responsabilidad: UX + Privacidad” Esta presentación destaca los desafíos emergentes y ofrece ejemplos prácticos de cómo el diseño de la experiencia del usuario contribuye a un futuro más privado, seguro, transparente y ético
  4. “La compleja relación entre datos y diseño” Rochelle King (VP Global de Experiencia de Usuario y Diseño en Spotify) nos guía a través del proceso de rediseño de un sitio web súper importante, que revela las mejores prácticas para manejar la relación entre los diseñadores, los datos y las personas para las que se construye.

Comunidades y eventos

¿Qué mejor que compartir información y obtener feedback de una comunidad tan grande y colaborativa como la nuestra? Hoy la tecnología nos permite estar conectados desde cualquier parte del mundo, aprovéchala y sé parte de esta hermosa red de profesionales!

Te esperamos en:

  1. IXDA
  2. AJ&Smart
  3. Shiftseven
  4. MANGO UX/UI
  5. HorrocrUX

De la teoría a la práctica

Una vez que hayas terminado con los pasos anteriores, es hora de que comiences a ponerlo en práctica. Hay un montón de herramientas para elegir, Sketch , Figma , Principle , XD , Photoshop , Invision (Aquí Figma lover).

Mi opinión es que si sabes cómo usar Photoshop, Illustrator o alguna otra app de diseño te ayudará a entender el resto de herramientas más fácilmente.

¿No sabes qué diseñar? Nos pasó a todos, el proceso para obtener inspiración es largo y sinuoso. Piensa en una aplicación móvil que te gustaría rediseñar. Y con esto me refiero a mejorar algunos aspectos, cambiar la interfaz o incluso agregarle una nueva funcionalidad. ¿Quizás quieras crear una versión para Android de una aplicación iOS nativa? Las opciones son infinitas.

Para esto es importante que encuentres el tipo de estilo que te atrae. Hay muchos y muy variados (neomorfismo, minimalismo, glassmorfismo, etc.) Por lo que te recomiendo que busques inspiración en Dribbble y Behance. Y vé por ello! Diseña, diseña y diseña.

Algunos consejos:

  1. No reinventes la rueda: Hay una razón por la que la mayoría de los sitios y aplicaciones están diseñados de la forma en que están: Porque funcionan. La gente está acostumbrada. No intentes cambiar el comportamiento del usuario, ahórrale esfuerzo cognitivo. Adáptate a él.
  2. Keep it simple: Trata de mostrar en tus pantallas lo justo y necesario. No distraigas al usuario con una pantalla llena de elementos ya que el resultado será el obvio, abandonará la web.
  3. Diseña para seres humanos: Preocupate por comprender las necesidades y demandas de tu público objetivo y diseña en base a esos insights. Escucha y aprende del usuario: haz encuestas, cuestionarios, observa cómo utilizan tu producto.
  4. Comienza en papel: Empezar a diseñar tus wireframes en lápiz y papel es una buena práctica para sacar tus ideas de la cabeza de forma rápida y simple. Consume menos tiempo, no necesitas aprender a hacerlo, facilita la comunicación y obtienes feedback de inmediato.

¡Gracias por tomarte el tiempo de leer esta publicación! Puedes seguirme en Dribbble y en LinkedIn. Y por supuesto, no dudes en comunicarte conmigo en melibaudon@gmail.com

--

--

Mel Baudon

Diseñadora de Productos Digitales. Creo que la tecnología puede revolucionar la forma en que las personas aprenden, se comunican y crean.