Interfaz de producto
La webapp, en detalle.
Seis vistas de la aplicación real: presupuestos, ayuda, clientes, archivo, tareas y móvil. Datos de ejemplo ficticios; el centro de ayuda no muestra información de clientes.
01 / 06·Capturas reales · Datos de ejemplo ficticios
01 / 06 · Editor · Escritorio
Editor manual de presupuesto
Decisión de diseño
Mantener las partidas y el total en el mismo contexto.
El concepto, la cantidad, la unidad y el importe se agrupan por partida. El cierre distingue base e IVA y mantiene el total a la vista. Es un borrador de ejemplo introducido manualmente, sin generar ni guardar un documento.
02 / 06 · Ayuda · Detalle de interfaz
Ayuda integrada: búsqueda y preguntas frecuentes
Decisión de diseño
Combinar búsqueda directa y lectura por categorías.
La búsqueda y el filtro preceden a una lista de preguntas plegadas. Esa jerarquía ofrece dos formas de localizar una duda y reserva el detalle para la pregunta elegida. Esta vista contiene contenido de ayuda, sin información de clientes.
03 / 06 · Clientes · Escritorio
Ficha de cliente y contexto comercial
Decisión de diseño
Separar la selección de cliente de su ficha de trabajo.
La lista filtrada queda a la izquierda y la ficha mantiene a la derecha contacto, estado y oportunidades. El estado activo se distingue con texto y color. Se muestra exclusivamente el cliente de prueba Atlas, confirmado como ficticio.
04 / 06 · Archivo · Escritorio
Archivo: cliente y documentos en una búsqueda
Decisión de diseño
Diferenciar carpetas y documentos antes de abrir el detalle.
Los resultados separan clientes y documentos. Cada tarjeta documental conserva identificador, importe y fecha para comparar referencias en la lista. Los dos presupuestos de Atlas son datos de prueba; la captura muestra el archivo, sin abrir ni emitir documentos.
05 / 06 · Tareas · Detalle del formulario
Tareas: título e instrucciones de trabajo
Decisión de diseño
Dar prioridad a qué se debe hacer y a sus instrucciones.
El título de la tarea se presenta antes de un campo independiente para las instrucciones. Las etiquetas permanecen visibles durante la edición. Se muestra un detalle del formulario con datos ficticios; la tarea se descartó sin guardar.
06 / 06 · Editor · Detalle móvil
El editor en una pantalla móvil
Decisión de diseño
Reorganizar la edición sin perder el resumen económico.
En móvil, el importe y la medición se disponen bajo el concepto. El cierre conserva el total del mismo borrador y la acción principal en la parte inferior. Es la adaptación nativa de la aplicación, encuadrada para excluir datos de la cuenta.