Si ha leído artículos sobre diseño de aplicaciones, probablemente se haya encontrado con la lista completa de términos diferentes: diseño, prototipo, maqueta, estructura alámbrica, boceto. ¿En qué se diferencian entre sí? De hecho, cuando se trata de desarrollo sin código, realmente no importa.

Puedes diseñar completamente la parte visual en el editor , hacer los ajustes y cambios que desees en cualquier momento. Incluso después de que publique la aplicación y los usuarios comiencen a usarla, puede cambiar el aspecto y el diseño de las páginas sin el riesgo de perder datos.

Por lo tanto, la forma en que presenta el proyecto antes de cambiar al editor no es tan importante. Puede ser un prototipo en Figma o una imagen en Photoshop, un dibujo en Paint o un boceto a mano alzada, o incluso un diagrama en una hoja de cálculo de Excel. Lo principal es que tienes una idea clara de cómo debería funcionar.

Pero hay algunos puntos importantes a considerar.

Decide qué aplicación necesitas: web o móvil

Puede crear dos versiones de la aplicación que estarán interconectadas: algunos de sus usuarios trabajarán desde dispositivos móviles, otros desde computadoras personales, mientras que los datos se compartirán. Aunque el diseño será diferente.

Diferentes editores están acostumbrados a construir aplicaciones web y móviles, es importante comprender en términos generales los detalles de su trabajo antes de comenzar. Lea las secciones sobre ellos en nuestra documentación .

Definir grupos de usuarios

Divida a los usuarios en grupos según las funciones que tengan disponibles y analice qué tan diferentes son.

No solo hablamos de la división en usuarios y administradores. Si su aplicación será utilizada por clientes con diferentes niveles de acceso o empleados de diferentes departamentos, puede ocultar o mostrar elementos individuales e incluso páginas enteras, dependiendo de qué funciones y datos estén disponibles para un usuario en particular.

Necesitas ejemplos ilustrativos

Encuentre tantas aplicaciones como sea posible que sean lo más similares a la suya. Es posible que pueda utilizar uno de ellos como base agregando las funciones que desee o puede que desee combinar la funcionalidad de varias aplicaciones en una. Haga una lista corta con una descripción de las ventajas y desventajas: será útil no solo al diseñar un diseño, sino también cuando se comunique con el soporte técnico para obtener asesoramiento, busque actores e inversores para un proyecto y solo para generar nuevas ideas.

Describe las páginas en detalle

Debe comprender claramente qué páginas estarán en su aplicación y qué información debe mostrarse en cada una de ellas.

Normalmente, la aplicación incluye:

  • Página de inicio: todos los usuarios accederán a esta página, estén registrados o no.
  • Portal de administración: administrará la configuración y las cuentas.
  • Páginas separadas para usuarios con diferentes niveles de acceso.
  • Aparecen páginas emergentes cuando se realizan determinadas acciones.
  • No se olvide de los mensajes de servicio para los usuarios y las ventanas separadas con confirmación de acciones (por ejemplo, consentimiento para enviar datos).

No te olvides del intercambio de datos

Piense en dónde llevará los datos su aplicación y dónde los enviará. ¿Toda la información vendrá de los usuarios? ¿Qué procesos se pueden automatizar?

Algunos de los datos pueden obtenerse de sitios o descargarse de programas de contabilidad. Para simplificar el inicio de sesión en su aplicación, utilice la autorización de grandes servicios, como Google o Facebook. Esto requiere elementos de interfaz separados, por ejemplo, botones "Cargar datos" o "Iniciar sesión con Facebook".

Si es difícil pensar en todo a la vez, cree un diseño con un conjunto mínimo de funciones necesarias y escriba por separado sus pensamientos sobre lo que le gustaría agregar en el futuro. Si tiene alguna dificultad, escriba al canal de telegramas de nuestro soporte técnico, ¡siempre estaremos encantados de ayudarle!