Una guía para constructores novatos

Tu primera aplicación comienza con una tarea útil.

Haga la primera versión lo suficientemente pequeña como para inspeccionarla. Esta guía lo lleva desde un resumen en lenguaje sencillo hasta un resultado que puede revisar y mejorar.

01: elija un recorrido de usuario único

Escriba una oración sobre la persona y la tarea: "Un diseñador independiente necesita ver qué proyectos necesitan atención". Enumere el conjunto más pequeño de pantallas necesarias para mostrar esa tarea. Deje los pagos, las cuentas del equipo y la automatización para una revisión posterior.

  • Nombre el usuario y su objetivo.
  • Enumere la información que necesitan las pantallas.
  • Decide cómo será una primera demostración exitosa.

02 — Inspecciona una plantilla o escribe tu resumen

Explore las vistas previas de plantillas públicas si desea un punto de partida visible. Lea la lista de interfaces incluidas y la nota de datos de muestra. Inicie sesión para remezclar una plantilla o utilice el flujo de trabajo rápido de la aplicación. En un mensaje, explique páginas, acciones y datos de ejemplo en lugar de seleccionar una pila técnica completa.

  • Utilice nombres y registros ficticios.
  • Incluye lo que la primera versión debería omitir.
  • Nunca incluyas credenciales privadas o información del cliente.

03 — Revisa la vista previa

Abra el resultado cuando haya una vista previa disponible. Siga el recorrido principal en orden. Si no puede iniciarse, utilice la guía de solución de problemas y describa el error específico eliminando la información confidencial. Una pantalla atractiva es sólo una parte de una tarea laboral.

  • Pruebe la navegación y un ejemplo válido.
  • Pruebe con una entrada vacía y un valor no válido.
  • Vuelva a cargar y verifique si los registros esperados persisten.

04: solicite un cambio a la vez

Describe lo que ves y lo que debería suceder en su lugar. Por ejemplo: "Cuando elijo Completado, oculto los proyectos activos pero mantengo el filtro visible". Inspeccione el comportamiento modificado antes de agregar otra característica. Mantenga una breve lista de verificación de lo que se ha probado y lo que no.

  • Mantenga los cambios específicos y observables.
  • Vuelva a verificar el recorrido principal después de un cambio.
  • Revise la distribución del teléfono y la interacción del teclado.

05 — Comprenda qué es necesario conectar

Los registros de muestra, una pantalla de inicio de sesión de demostración y un estado de éxito del formulario no son prueba de un servicio en vivo. Revise los servicios, permisos, tiempo de ejecución y opciones de publicación disponibles para su proyecto. Solicite ayuda técnica cuando se trate de datos confidenciales, pagos o reglas de acceso complejas.

  • Verificar cada dato real o destino del servicio.
  • Revisar los límites del plan y los costos de los servicios externos.
  • Elimine el contenido de muestra antes de compartirlo con usuarios reales.

Un punto de partida

Haga que el escrito sea específico.

Adapta este ejemplo a tu negocio. Mantenga los datos de muestra separados de la información real del cliente.

Cree un rastreador de proyectos simple para un diseñador independiente. Incluya una lista de proyectos, una página de detalles del proyecto y un filtro de estado. Utilice clientes y proyectos de muestra. No conecte cuentas reales ni envíe mensajes. Explique qué partes utilizan datos de muestra y cuáles deben configurarse antes de su uso real.

Explora antes de comenzar

Plantillas reales para inspeccionar.

Ver todas las plantillas

Estas son vistas previas estáticas actuales y disponibles. Lea las interfaces incluidas y las notas de configuración de cada plantilla antes de mezclarlas en su propio proyecto.

Cuando necesitas el siguiente paso

Siga la documentación del producto.

Antes de empezar.

¿Cuánto tiempo debería tardar la primera construcción?

Depende del alcance, la generación, la configuración del tiempo de ejecución y los cambios necesarios. Comience con una tarea pequeña y registre el tiempo y el costo reales en lugar de depender de una promesa de velocidad universal.

¿Puedo compartir una vista previa de muestra con los clientes?

Revisa qué es público, qué utiliza datos de muestra y qué acciones están conectadas. Utilice los controles para compartir y publicar disponibles para su proyecto y explique los límites de demostración a las personas que lo vean.

Comience con una tarea útil

Crea algo que puedas revisar.