Mockups de UX/UI en 3D en una laptop y un teléfono
Capturas de página completa que se desplazan dentro de una laptop 3D, pantallas de app que se tocan en un teléfono 3D, hotspots que llevan afuera.
Un recetario digital funciona cuando los ingredientes y el paso a paso quedan juntos en pantalla. Cómo maquetar recetas, unidades y video en un flipbook 3D.
Por Franco Cirulli
Estás cocinando con el teléfono apoyado contra el paquete de harina, a medio metro, las manos mojadas. El paso tres dice que agregues la mantequilla, subes a buscar la cantidad y al volver ya perdiste el renglón. En papel no pasaba, porque las dos cosas vivían en la misma doble página abierta. El flipbook es el formato digital que la deja entera.
El scroll es todo el problema. Una doble página fija no tiene nada que desplazar: ingredientes a la izquierda, procedimiento a la derecha, las dos legibles a un brazo de distancia, y nada se reacomoda cuando la pantalla se apaga y se bloquea. Defiende esa restricción, porque en cuanto una receta se va a una tercera página hay que pasar páginas con el pulgar lleno de mantequilla.
Las tazas miden volumen y los gramos miden masa, y la diferencia se agranda justo en harina, azúcar y mantequilla, los tres ingredientes que deciden si un horneado sale. Si tu libro lo va a leer alguien fuera de tu país, pon los dos: gramos primero, tazas entre paréntesis, una línea más por ingrediente. Con el horno haz lo mismo en C y en F, y aclara si el número es con ventilador.
El otro punto flojo no son los números sino los nombres. La hoja de cilantro y la semilla de cilantro salen de la misma planta y hacen dos trabajos distintos, así que quien agarra la equivocada ya cocinó otro plato. El boniato es batata en un país y camote en el de al lado. Aclara el nombre que tu lector no vaya a adivinar y nadie tiene que escribirte.
Casi todos los pasos se explican con palabras. Dos o tres por libro no, y siempre son los mismos: el plegado envolvente, el amasado hasta punto de textura, el templado del chocolate. Pon un hotspot sobre ese paso y apúntalo al clip. Un toque abre el video en una pestaña nueva y el lector vuelve a la misma doble página, sobre la misma receta. Los hotspots también admiten tooltips y modales, así que una nota de reemplazo vive sobre el ingrediente sin comerse una línea del diseño. La foto del plato terminado es lo que todos tocan igual, y ahí va la lista de compras o el maridaje.
Veinte a cuarenta recetas se leen como un libro. Tienen forma, índice y capítulos a los que saltar. Pasadas las cuarenta, el lector deja de hojear y empieza a querer un buscador, y un buscador es un sitio web. Agrupa por tipo de plato, temporada u ocasión, y pon el índice, porque quien va al capítulo de pastas no debería cruzar once postres para llegar. Cien recetas son dos libros.
Dentro de i3Dify no hay checkout, así que vender un recetario es poner la URL detrás de algo que cobre. El comprador paga en Gumroad o Ko-fi, tú le mandas el enlace, y un capítulo queda en una URL pública como muestra. Si el libro es familiar, ponle contraseña y deja el proyecto como No listado. Las descargas vienen desactivadas: el lector guarda las páginas en PDF solo si activas esa opción. El plan gratuito permite 3 proyectos y 50 MB, y cada página lleva la marca de agua de i3Dify. Pro cuesta 3 dólares por mes y quita el branding, que empieza a importar el día que cobras por el libro.
Un recetario que deja los ingredientes y el procedimiento en la misma doble página es el que se usa, se mancha y te lo terminan pidiendo. Lo demás son cuarenta recetas y un índice.
Empieza desde la plantilla de recetario.
Una receta por doble página, ingredientes en una hoja y procedimiento enfrentado, para que las dos cosas queden en pantalla a la vez. Nunca partas una receta con una vuelta de página. Pon el rendimiento, el tiempo total y la temperatura del horno en la cabecera.
Pon los dos si el libro lo va a usar gente de otros países: gramos primero y tazas entre paréntesis. El peso importa sobre todo en harina, azúcar y mantequilla, donde el volumen arruina recetas de verdad. Da la temperatura del horno en C y en F, y aclara si es con ventilador.
Apunta un hotspot al clip y un toque lo abre en una pestaña nueva, y el lector vuelve a la misma doble página. Úsalos solo donde las palabras realmente no alcanzan, como el amasado hasta punto de textura o un plegado envolvente. Tres clips bien puestos rinden más que treinta.
Entre veinte y cuarenta, con índice. Pasadas las cuarenta, el lector quiere un buscador antes que vueltas de página, y ese contenido pide ser un sitio web.
En i3Dify no hay procesamiento de pagos, así que el comprador paga en Gumroad o Ko-fi y tú le mandas el enlace después de la compra. Regalar un capítulo en una URL pública es la muestra habitual.
12 puntos o más al tamaño final de página, con buen contraste. Una receta se lee de más lejos que un libro, con peor luz y con las manos sucias.
Capturas de página completa que se desplazan dentro de una laptop 3D, pantallas de app que se tocan en un teléfono 3D, hotspots que llevan afuera.
Pixieset entrega una galería que se descarga una vez. Un álbum 3D es un libro de tapa dura con los nombres en la portada, de 0 a 3 dólares al mes.
Transforma tu contenido en experiencias 3D inmersivas en segundos.
Crear flipbook