1En una frase
Claude Design puede crear una maqueta funcional de una app o de un sitio web en la que puedes hacer clic, para probar una idea antes de que nadie la construya.
2Palabras nuevas
- Prototipo (Prototype) — una versión de mentira de una app o un sitio que se ve y responde a los clics como la real, pero por debajo no hace nada. Sirve para mostrar y probar.
- Esquema de pantalla (Wireframe) — un prototipo básico hecho con cajas grises, para decidir qué va en cada sitio antes de preocuparse por los colores.
- Pantalla (Screen) — una vista de una app: la pantalla de inicio, la pantalla de reserva, la pantalla de confirmación.
3Para qué te sirve
Explicar con palabras la idea de una app lleva una hora y aun así se malinterpreta. Un prototipo de tres pantallas lleva minutos y todo el mundo "lo entiende" en cuanto lo recorre con el dedo. Puedes probarlo con un amigo antes de gastar dinero en un desarrollador.
4Pruébalo ahora
(planes de pago)
- En Design, empieza un diseño nuevo con Design y escribe: Una app de teléfono de 3 pantallas para reservar una mesa en la cafetería de mi panadería: elegir día y hora, escribir el nombre y el número de personas, ver una confirmación. Haz que los botones se puedan pulsar para poder pasar de una pantalla a otra.
- Cuando aparezca, haz clic en Play (Reproducir; el triángulo en la parte de arriba del lienzo) y recórrelo tocando los botones.
- Pide un cambio: Añade una pantalla que pregunte por las alergias antes de la confirmación.
5Lo que verás
[Imagen pendiente: tres pantallas de teléfono en el lienzo y el prototipo en modo de reproducción.] Tres mesas de trabajo con forma de teléfono, enlazadas: tocas el botón de una y aparece la siguiente. En el modo de reproducción se siente como una app real. Claude explica lo que supuso (horarios de ejemplo, nombres provisionales).
6Cuidado
- Es una maqueta. No se guarda nada ni se hace ninguna reserva; para eso hace falta el capítulo 3.5 o un desarrollador.
- Limita el primer prototipo a tres o cuatro pantallas. Pruébalo y luego hazlo crecer.
7Ve más allá
Enséñaselo a tres personas y pídeles que reserven una mesa. Fíjate en dónde dudan; ese es tu próximo cambio. Después, el capítulo 3.5 convierte el diseño en un sitio web real.