Foto de Álvaro Reyes en Unsplash
Con el anhelo de tener un impacto positivo en el mundo, busqué en Internet la habilidad digital adecuada que me ayudara a satisfacer esta urgente necesidad. UI/UX Design me sonrió con su atractivo, pero como ocurre con muchos aspirantes a diseñadores, puede resultar desalentador y desconcertante saber por dónde y cómo empezar.
El espacio de diseño UI/UX está lleno de una cantidad inconmensurable de conocimientos y opiniones que pueden resultar abrumadoras para la mente de un principiante, pero debido a mi pura voluntad de aprender, comencé mi expedición en solitario para comprender los principios, herramientas y metodologías necesarias para prosperar en este hermoso campo.
Mi viaje no fue fácil, pero cada paso fue una oportunidad para aprender y crecer. Me he tomado el tiempo para analizar los altibajos de mi viaje inspirador y en este artículo compartiré las valiosas lecciones que aprendí, los errores que cometí y cómo corregirlos te ayudará como aspirante a diseñador, así como los hitos que promovieron mi crecimiento general como Diseñador de Producto (un término que prefiero usar). Juntos, desentrañaremos el secreto del autoaprendizaje en el espacio del Diseño de Producto mediante la creación de una hoja de ruta que le permitirá maximizar su potencial creativo en un lienzo.
Los pasos que tomé
Personalmente, comencé mi viaje con una mentalidad muy tranquila. No tenía ninguna presión porque lo único que quería era aprender algo nuevo. Esto fue realmente importante para mí, ya que redujo la cantidad de tiempo que estuve frustrado y también me aseguró que di cada paso uno a la vez sin prisas.
No tenía una computadora personal cuando comencé, por lo que nadé a fondo en los aspectos teóricos del Diseño de Producto. El primer paso que di fue leer artículos y ver toneladas de videos de YouTube para comprender completamente el significado del diseño UI, el diseño UX, sus similitudes, diferencias y cómo se puede ser bueno en ello. Después de esto, tomé cursos cortos (cursos que terminé en unos pocos días) para comprender mejor los principios del diseño porque quería estar seguro de si era algo que me encantaría hacer durante un largo período de tiempo.
Mientras tomaba estos cursos cortos, seguí cuentas aleatorias de Twitter que comparten pequeños consejos de diseño para familiarizarme más con el espacio. Luego, tomé un curso más detallado que me brindó una ruta de aprendizaje estructurada que me ayudó a practicar más y familiarizarme con los términos, patrones, herramientas y enfoques de la industria. Además, aprendí una herramienta de creación de prototipos de diseño, acepté desafíos de diseño y un curso estructurado basado en UI, luego construí mi portafolio. Durante estas fases leí libros, artículos, escuché podcasts, practiqué diseño y me uní a comunidades.
Este es solo un resumen aproximado de mi viaje y hoja de ruta, ya que uno de los objetivos de este artículo es NO abrumarte.
Lo que haría diferente
Aprender puede ser complicado a veces y, a pesar de que estoy algo satisfecho con mi crecimiento, definitivamente podría haber sido mucho mejor y mucho más rápido si hubiera hecho algunas cosas que no hice. En esta sección describiré brevemente algunos pasos que habría tomado para mejorar mi viaje para que no los pierda.
Busque más orientación: Es 100% un hecho que puedes convertirte en un Diseñador de Producto totalmente autodidacta y esa fue mi realidad. Sin embargo, mirando hacia atrás, habría incluido más personal externo en mi viaje. Específicamente, habría buscado un mentor que me ayudara a navegar en el océano del diseño de productos, ya que los mentores tienen más experiencia y acelerarán el aprendizaje y el crecimiento importantes.
Colabora más: Fui un solitario en mi viaje, hice y aprendí todo por mi cuenta sin involucrar a otros y esto es algo que habría hecho de otra manera. La colaboración es un aspecto muy importante del diseño de producto porque nunca trabajarás solo profesionalmente. Desearía unirme a más comunidades, hacer más amigos en el campo y en otros campos tecnológicos, crear productos en colaboración con otros diseñadores y trabajar junto con personas que poseen un objetivo común.
Participa en retos de diseño: Embarcarse en desafíos de diseño es una buena manera de crecer como diseñador. Puedes pensar más, dar lo mejor de ti y, en el camino, aprender mucho. Participé en el desafío de diseño diario de la interfaz de usuario, pero no fue lo suficientemente exhaustivo y deseaba participar en desafíos más competitivos y de tareas que generaran más comentarios de calidad.
Concéntrese más en la UI antes que en la UX: Esto es controvertido, pero si tuviera la oportunidad de comenzar mi viaje desde el principio, habría comenzado aprendiendo a fondo el aspecto de la UI antes de embarcarme en la UX. Explicaré más sobre esto más adelante en el artículo. Mantener la calma.
Mi hoja de ruta recomendada para usted
Esta es la parte principal de este artículo y felicidades por llegar hasta aquí. En esta sección, fusionaré mi hoja de ruta con la versión corregida de mis errores para brindarle el mejor camino posible hacia la élite del Diseño de Producto. Como beneficio adicional por su perseverancia, agregaré enlaces a mis recursos recomendados. ¡Vamos!
Conoce el significado
Esto iniciará su viaje y le recomiendo hacerlo con lápiz y papel. Hay que conocer el significado, diferencias, similitudes y relación entre estas tres cosas básicas: Diseño de Interfaz de Usuario, Diseño de Experiencia de Usuario y Diseño en general.
Recursos recomendados:
1. Diseño UX versus diseño UI: ¿Cuál es la diferencia? por Fundición profesional
2. Diseño UX versus diseño UI: ¿Cuál es la diferencia? por Jesse Showalter
3. La diferencia entre el diseño de UX y UI: una guía para principiantes, un artículo extenso de Career Foundry
4. UI vs. UX y artículo de usertesting.com con diferentes opiniones de expertos
saber si quieres hacerlo
Obviamente, con el primer paso ya tienes una idea de si el diseño UI/UX te resulta interesante. Sin embargo, debes estar seguro de este sentimiento porque he visto a personas dejar de fumar después de un mes. Por eso, recomiendo realizar cursos cortos. Puede finalizar estos cursos en unos pocos días, independientemente del cronograma indicado en sus páginas. Estos cursos le brindarán una comprensión simple pero más detallada del campo y, en última instancia, le aconsejarán si debe comenzar el viaje correctamente o probar algo más.
Recursos recomendados:
El curso corto de diseño de interfaz de usuario de Career Foundry lo lleva a través de una serie de 5 cursos breves sobre los conceptos básicos del diseño de interfaz de usuario. El curso corto de diseño de experiencia de usuario de Career Foundry le enseña los conceptos básicos del diseño de UX a través de sus cursos breves. Introducción al diseño de experiencia de usuario del Instituto de Tecnología de Georgia explora el mundo real de la experiencia del usuario y le muestra cómo la investigación de calidad puede informar buenas decisiones de diseño. Habilidades digitales: experiencia del usuario de Accenture es un curso breve que explica conceptos básicos de UX en un lenguaje sencillo.
Al abordar mi controvertida opinión anterior sobre aprender primero el diseño de UI antes que el diseño de UX, creo que es mejor así por una variedad de razones.
En primer lugar, la estética es lo que las personas, incluidos los reclutadores, notarán primero en sus diseños, ya que el ser humano promedio se siente atraído más rápido por lo que ve.
En segundo lugar, comprender los principios fundamentales del diseño de la interfaz de usuario le dará una idea superficial pero útil sobre la importancia de una buena interfaz de usuario para crear, en general, la mejor experiencia de usuario.
Finalmente, aprender y aplicar estos principios requiere menos esfuerzo a corto plazo en comparación con el diseño UX. Los principios que guían el color, el diseño, el espaciado, la escala, la tipografía y otros fundamentos de la interfaz de usuario son simples, constantes y siempre necesarios, en comparación con las diferentes ideas relacionadas con cosas como User Personas, Empathy Maps y Crazy 8, algunas de las cuales quizás nunca uses.
No te quedes perplejo, mantén la calma, todo esto te quedará claro con el tiempo. Esta sección le ayudará a navegar por el laberinto de mi parte favorita de la industria, el diseño de interfaz de usuario.
Entrena tu ojo y tu cerebro
Este es un paso opcional pero que realmente me ayudó. Implica sumergir la mente en el diseño sin realizar prácticas. Esto se puede lograr leyendo consejos de diseño, viendo videos sobre consejos y cómo se hacen algunos diseños, todo sin practicar realmente. Puede ser complicado porque te encontrarás con un océano de consejos, qué hacer y qué no hacer, y es posible que no sepas cómo filtrar lo bueno de lo malo, pero no importa en este punto porque con el tiempo sabrás qué es exactamente. tiene razón, ya que quedará claro como el día. Sin embargo, debes tener en cuenta que los consejos de diseño NUNCA son suficientes para ser un gran diseñador, ya que es necesario tener un conocimiento profundo de los principios fundamentales.
Mis recomendaciones
Consejos de diseño de interfaz de usuario por Michal MalewiczSiga a UI Adrian en Twitter
aprender una herramienta
Aquí es donde comienza el negocio serio. Como mago del diseño, necesitas una varita, Figma la es. Hay muchas otras herramientas de diseño (por ejemplo, Sketch) en el mercado, pero te recomiendo que aprendas Figma, ya que es la más popular de la industria. Es fácil de usar (cuando te acostumbras, obviamente), perfecto para colaboración y documentación y tiene una comunidad muy útil. Sin embargo, debe tener en cuenta que el diseño es más que meras herramientas: las herramientas van y vienen, pero los principios clave del diseño siempre permanecerán.
Recursos recomendados
El curso intensivo Joe Brendan Figma a través de FreeCodeCamp es un curso de 10 horas, aunque un poco desactualizado, le brinda una navegación para principiantes por la herramienta y la combina con una buena experiencia de usuario. El curso más amigable para principiantes que encontrarás. El canal oficial de YouTube de Figma alberga una gran cantidad de recursos útiles y procedimientos. También tienen un blog de aprendizaje en su sitio web oficial si quieres leer más.
Realizar trabajos de copia y replicaciones (opcional)
Copiar trabajo significa copiar o calcar un BUEN diseño píxel por píxel. Esto le ayudará a dominar mejor la herramienta y también le dará una pequeña idea de cómo deberían verse las cosas en una pantalla en el mundo real. Recomiendo hacer esto para 2 pantallas móviles y 1 pantalla de sitio web. Tome una captura de pantalla de la página de inicio de su aplicación favorita, o de la primera sección (sección principal) de una página de inicio web buena y sencilla, importe la captura de pantalla en Figma y trácela píxel por píxel. Ten en cuenta que nunca debes compartir un trabajo copiado, ni tampoco publicarlo en tu portafolio, es únicamente para superación personal. La replicación es similar al trabajo de copia, pero en este caso no rastreará pantallas, sino que intentará diseñar una pantalla una al lado de la otra.
Realice un curso más amplio de Diseño de UI
Este es un paso muy importante. Tomar un curso de diseño de UI definitivamente le enseñará las herramientas que necesita, los conceptos básicos de la UI, los principios fundamentales y la estructura. Esto es diferente a tomar un curso sobre cómo usar Figma, debe ser uno que le enseñe cómo aplicar colores, textos, degradados, alineación, jerarquía visual, espaciado, tamaño y posicionamiento para crear productos estéticamente agradables.
Hay cientos de vídeos y artículos de YouTube sobre diseño online y esto puede confundirte. Un curso le brinda una estructura y una brújula para navegar paso a paso. El principal problema con esta parte es que es extremadamente difícil conseguir un curso de UI gratuito que le enseñe estos principios en detalle. Compartiré mis cursos pagos favoritos junto con algunos recursos gratuitos que pueden ser útiles.
Recursos gratuitos recomendados:
Principios de diseño de UI por Brendan Collarusso. Curso intensivo de fundamentos de UI 2020 por Design CourseDiseño web 101: curso completo gratuito de Flux Academy
Recursos pagos recomendados:
Estos son cursos más detallados sobre diseño de UI. Bastante caro pero merece la pena. Si no puede pagarlo, puede utilizar los esquemas del curso como guía para promover su aprendizaje en línea.
Aprenda diseño de interfaz de usuario por Erik Kennedy. El sitio web también tiene un buen blog para el aprendizaje y el desarrollo. Curso de diseño de interfaz Shift Nudge de mds
Recomendado…