Bootcamp UX - Contenido

Explore

Retos UX004

Reto 2 - UI

Preguntas frecuentes

Fechas: 01 Agosto - 08 Agosto

⁠

Loading…⁠

⁠

El diseño de interfaces se está volviendo un skill cada vez más demandado en las posiciones para personas que inician en UX. Dependiendo de la posición, los empleadores esperan que una egresada pueda manejar el diseño de interfaces y el uso de las distintas funciones de Figma que permiten la creación de interfaces de una manera más rápida.

Resumen de proyecto

Durante este proyecto desarrollarás habilidades usando Figma replicando la interfaz de un sitio web en sus versiones de escritorio y móvil. Para ello, podrás elegir entre las opciones sugeridas a continuación:  

⁠

Cabify⁠

⁠

Rappi⁠

⁠

ADPList⁠

⁠

Loom⁠

⁠

Shopify⁠

⁠

Coinbase⁠

⁠

🚨🚨🚨 En este proyecto no esperamos que hagas investigación 🚨🚨🚨

¿Cómo realizaremos este proyecto?

Vamos a elegir uno de los sitios web que deseemos replicar

Este reto será desarrollado individualmente, sin embargo siempre podrán compartir aprendizajes

Una vez tengamos decidida la web, vamos a investigar sobre Plugins:

Te animamos a que busques y elijas un plugin de Figma, lo pruebes y apliques en tu proyecto. Algunos de ellos: Stark, Unsplash, Blush, Google Sheets Sync o puedes probar otro.

Temas

Durante el reto vamos a ver los siguientes temas, dependiendo del alcance podrías profundizar en unos temas más que en otros:

Bases de Figma

Estilos de

texto⁠

y color

⁠

Affordances and signifiers⁠

⁠

Layout (grids y cols)⁠

⁠

Identificar y nombrar elementos

⁠

Agrupar elementos⁠

⁠

Componentes⁠

⁠

Autolayout⁠

⁠

Responsive design⁠

⁠

Hemos vinculado recursos para cada tema. Además, puedes explorar las secciones de

visual design⁠

diseño de interacción⁠

del CODA.

Entregable

Pantallas de la réplica de la web elegida teniendo en cuenta:

El diseño es en alta fidelidad en Figma

El diseño debe tener por lo menos una pantalla versión desktop y una versión mobile

Incluir la guía de estilos y componentes

¿Qué OAs veré en este reto?

Diseño de producto

Seguir los principios básicos de diseño visual.

Crear y utilizar componentes reutilizables.

Nombrar, organizar, agrupar las capas (layers) del diseño siguiendo buenas prácticas.

Crear prototipos de alta fidelidad que incluyan interacciones (ej. pantallas de carga, pantallas de error).

Planificación

Organizar y dar seguimiento a actividades a desarrollarse durante el proyecto.

Priorizar actividades a desarrollarse durante el proyecto.

Elegir las herramientas y métodos a utilizar de acuerdo a las necesidades del proyecto.

¿Qué Life Skills van a aparecer en tu proyecto?

Si bien las

8 habilidades⁠

siempre estarán presentes, échale un ojo👀 a estas:

Planificación, organización y manejo de tiempo. Es capaz de estructurar una “ruta”, identificar dependencias y posibles impedimentos. Logra priorizar y organizar su trabajo de forma adaptativa en lugar de intentar “predecir”.

Autoaprendizaje. Es capaz de adquirir continuamente nuevos conocimientos y habilidades. Puede monitorear sus propias necesidades de aprendizaje y encontrar los medios para intentarlo y lograrlo autónomamente. Aprende de los propios errores.

Adaptabilidad. Responde apropiadamente al cambio, se adapta a distintos problemas, contextos, roles y responsabilidades,. Es capaz de trabajar de manera efectiva cuando hay ambigüedad e incorporando feedback/retroalimentación para mejorar su desempeño y comportamiento.

Iniciativa. Monitorea, define, prioriza y completa tareas sin supervisión directa. Participa de manera activa preguntando y emitiendo opinión. Intenta ir más allá de los requisitos mínimos del trabajo. Es diligente, tomando activamente el control e intenta siempre solucionar los problemas que surgen.

Este es un reto donde vamos a familiarizarnos con Figma, los elementos de una interfaz y llevarlo a la práctica replicando una web, no se preocupen que vamos a acompañarlas durante este proceso. Muchos ánimos en este segundo reto 💪🏽💛

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.