Diseño de la interfaz de usuario

Haga clic para copiar

5 consejos esenciales para construir un diseño de interfaz de usuario.


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

Por lo tanto, no es tan importante la forma en que presentas el proyecto antes de pasar al editor. 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 tengas una idea clara de cómo debe funcionar.

Pero hay que tener en cuenta algunos puntos importantes:

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

Puedes crear dos versiones de la aplicación que estarán interconectadas: algunos de tus usuarios trabajarán desde dispositivos móviles y otros desde ordenadores personales, mientras que los datos serán compartidos. Aunque el diseño será diferente.

Diferentes editores están acostumbrados a construir aplicaciones móviles y web, es importante entender en términos generales los detalles de su trabajo antes de empezar.

Defina los grupos de usuarios

Divida a los usuarios en grupos según las funciones de las que dispongan y analice sus diferencias.

No sólo nos referimos a la división en usuarios y administradores. Si su aplicación va a ser utilizada por clientes con diferentes niveles de acceso o por 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 concreto.

Necesita ejemplos ilustrativos

Busca tantas aplicaciones como sea posible que sean lo más parecidas a la tuya. Es posible que puedas utilizar una de ellas como base añadiendo las funciones que desees o que quieras combinar la funcionalidad de varias aplicaciones en una sola. Haz una lista de selección con una descripción de las ventajas y desventajas: te será útil no sólo a la hora de elaborar un diseño, sino también cuando te pongas en contacto con el servicio técnico para que te asesore, busques intérpretes e inversores para un proyecto, y simplemente para generar nuevas ideas.

Describa las páginas en detalle

Tiene que entender claramente qué páginas habrá en su aplicación y qué información debe mostrarse en cada una de ellas.

Normalmente, la solicitud incluye:

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

No te olvides del intercambio de datos

Piensa en dónde tomará los datos tu aplicación y a dónde los enviará. ¿Toda la información provendrá de los usuarios? ¿Qué procesos se pueden automatizar?

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

Si es difícil pensar en todo a la vez, crea un diseño con un conjunto mínimo de funciones necesarias y escribe por separado tus ideas sobre lo que te gustaría añadir en el futuro. Si tienes alguna dificultad - escribe al canal de telegrama de nuestro soporte técnico, ¡siempre estaremos encantados de ayudarte!