El episodio The New Full-Stack Designer de la serie Design Review de Y Combinator se pregunta cómo es un diseñador cuando la frontera entre la imagen y el producto que funciona casi ha desaparecido. El invitado es Marvin Schwaibold, que dirige el estudio de diseño de producto de Shopify, y la entrevista corre a cargo de Aaron Epstein, de YC. El mensaje para cualquier diseñador full-stack es claro: construir, no solo dibujar.
Según la descripción del episodio publicada por YC, Schwaibold repasa su propio proceso de diseño y enseña el rediseño del panel de administración de Shopify que su equipo lanzó hace poco, además del trabajo con el asistente Sidekick. También aparece un proyecto de fin de semana en el que recreó césped real como shader, y un carrusel que necesitó 91 intentos hasta quedar bien. En la segunda mitad del episodio se analizan webs enviadas por los espectadores desde el punto de vista del movimiento y la interactividad.
Un diseñador que construye
La misma idea se repite en los capítulos del episodio: el proceso de diseño ha cambiado y los diseñadores construyen por sí mismos. Los títulos de los capítulos mencionan también la postura del consejero delegado de Shopify, Tobi Lütke, de que el futuro hay que diseñarlo, y cómo funciona el estudio dentro de Shopify.
Para quien dirige una pequeña empresa, esto es muy práctico. Cuando una idea visual se puede probar enseguida como prototipo funcional, las opiniones llegan antes y los caminos equivocados se descartan antes de haber gastado dinero en ellos. Ya tratamos esta misma lógica del aprendizaje rápido en el artículo sobre el conocimiento del cliente como ventaja competitiva de una startup.
91 intentos y variables a la vista
Con el shader de césped, el episodio aborda la idea surgida de un mapa topográfico, y el capítulo siguiente presenta Dialkit, una forma de sacar a la vista las variables del diseño para poder ajustarlas. Los 91 intentos del carrusel cuentan lo mismo desde otro ángulo: el buen movimiento nace de la repetición, no de un único boceto acertado.
Si desarrollas tu propia web o aplicación, la lección es sencilla. Cuando valores ajustables como la velocidad, el retardo y la distancia son fáciles de cambiar, puedes hacer decenas de pruebas en una sola tarde. Las herramientas de IA aceleran aún más el proceso, siempre que el tiempo ahorrado tenga un rumbo, como explicamos en el artículo sobre cómo aprovechar el tiempo que ahorra la IA.
El buen movimiento nace de la repetición, no de un único boceto acertado.
Seis webs a examen
En la segunda mitad del episodio se revisan las webs de seis startups. Los títulos de los capítulos resumen observaciones que cualquier emprendedor puede comparar con sus propias páginas:
- Un objetivo principal por página.
- El problema de las pestañas: el contenido importante acaba oculto con facilidad.
- Ilustraciones generadas con IA que no aportan nada a la página.
- Muestra el producto en sí, no solo miniaturas.
- La prueba social y los casos en que menos es más.
- Las secciones de la portada como capítulos que avanzan como un relato.
- Deja que el visitante explore el trabajo por su cuenta y piensa bien si conviene secuestrar el scroll.
Los últimos capítulos hablan del ritmo, que el episodio describe como despegue, crucero y aterrizaje, y de la página de tecnología. Para terminar se presenta el carrusel Blossom.
¿Qué llevar a tu propia web?
Elige un objetivo principal para la portada y elimina todo lo que no lo respalde. Sustituye las imágenes decorativas por vistas reales de tu producto o servicio. Si usas animación, ajústala hasta que resulte natural y prueba la página también en el móvil. Un agente de IA agiliza este trabajo de repetición, siempre que se le haya preparado un entorno de trabajo que funcione.
Fuentes
- Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Fuente: la descripción del episodio publicada por YC y sus capítulos con marcas de tiempo, no una transcripción verificada. Entre otros temas, los diseñadores que construyen en el 18:27, Dialkit en el 26:16 y las revisiones de webs desde el 31:04. Las sugerencias prácticas son reflexiones de la autora.
- Marvin Schwaibold: grass-shader (GitHub) — Código fuente del shader de césped, enlazado en la descripción del episodio.
Seguir leyendo
Esto también puede interesarte
Innohub TV
Mira este contenido también en Innohub TV
Hemos seleccionado en Innohub TV los clips que siguen con este mismo tema.
No hay episodios.