Servicio · Webs y aplicaciones web

Diseño UI/UX

Muchas empresas llegan al diseño cuando ya tienen un problema medible: usuarios que no terminan una reserva, empleados que tardan diez minutos en una tarea de dos, clientes que llaman para hacer algo que la web ya permite. En ese punto, cambiar colores no sirve; hay que entender dónde se atasca la gente y por qué. Pongamos una red de clínicas de fisioterapia de Sevilla que quiere cita online: los pacientes mayores no encuentran el botón de confirmar y los jóvenes abandonan cuando se les pide registrarse. Esos dos hallazgos, que salen de ver a seis personas usar un prototipo, valen más que cualquier opinión interna.

Enviar solicitud Qué incluye el servicio

Figma

prototipo y biblioteca de componentes

Sesiones en remoto

por videollamada, sin sala de pruebas

Informe por gravedad

problemas ordenados para corregir

WCAG 2.1 AA

decidido ya en el diseño

Alcance del trabajo

Cada ciclo de diseño produce entregables concretos que su equipo puede usar sin Apply. Estos son los habituales.

Definir el alcance con un ingeniero

Investigación con usuarios

Entrevistas por videollamada con personas del público real y análisis de la analítica y de las consultas de soporte.

Mapa de recorridos

Descripción paso a paso de las tareas principales: objetivo del usuario, pasos, información necesaria y puntos de abandono actuales.

Prototipo navegable

Maquetas en gris convertidas en un prototipo clicable en Figma, suficiente para probar el recorrido antes de programar.

Pruebas de usabilidad

Sesiones con cinco a ocho participantes por perfil, grabadas con su permiso, y un informe de problemas ordenados por gravedad.

Interfaz y sistema de diseño

Diseño visual final con colores, tipografía, estados, mensajes de error y versiones móviles, organizado como biblioteca de componentes.

Accesibilidad

Contrastes, tamaños táctiles, orden de foco y etiquetas decididos según WCAG 2.1 AA y, en proyectos públicos, la UNE-EN 301549.

Acompañamiento al desarrollo

Especificaciones, recursos exportados y revisión de lo implementado para que el producto final coincida con lo probado.

Cómo trabajamos, paso a paso

Un ciclo completo, de las entrevistas al prototipo probado, suele durar pocas semanas. Los proyectos grandes se dividen en varios ciclos, uno por recorrido.

Observar antes de dibujar

Entrevistas por videollamada con usuarios reales y revisión de la analítica y de las consultas de soporte para localizar dónde se atasca la gente.

Prototipo rápido

Maquetas en gris del recorrido principal convertidas en un prototipo navegable en Figma, sin dedicar todavía tiempo al aspecto visual.

Sesiones de prueba

De cinco a ocho personas intentan completar tareas concretas con el prototipo mientras observamos. Los problemas se corrigen entre una sesión y la siguiente.

Diseño final y traspaso

Interfaz definitiva, biblioteca de componentes documentada y sesión con los desarrolladores para resolver dudas antes de programar.

Los usuarios dicen una cosa y hacen otra. En una encuesta, casi todos afirman que prefieren registrarse para guardar sus datos; en la práctica, muchos abandonan cuando aparece el formulario de registro. Por eso las decisiones importantes se toman observando a personas que usan un prototipo, no preguntándoles qué preferirían. Una entrevista explica el porqué; una sesión de prueba enseña el qué.

Preguntas frecuentes

Depende del número de recorridos y de sesiones de prueba. Un recorrido concreto, como una reserva o un alta, es un trabajo de pocas semanas; una aplicación completa se divide en ciclos. Presupuestamos por ciclo a 75 €/h + IVA, para que pueda parar después de cualquiera de ellos.

No. Las sesiones se hacen por videollamada: el participante comparte pantalla desde su ordenador o su móvil y usa el prototipo en su propio entorno. Es más cómodo para él y más realista para el resultado.

Para detectar los problemas principales de un recorrido bastan de cinco a ocho personas del público real. Si hay perfiles muy distintos, por ejemplo pacientes y personal de recepción, conviene un grupo pequeño de cada perfil.

Sí, es lo habitual. Entregamos una biblioteca de componentes en Figma con especificaciones y hacemos sesiones con sus desarrolladores durante la implementación, para que el resultado se parezca a lo que se probó.

Sí. Contrastes, tamaño de las zonas táctiles, orden de navegación con teclado y etiquetas de formulario se deciden en el diseño según WCAG 2.1 AA. En proyectos públicos aplicamos además la UNE-EN 301549, a la que remite el Real Decreto 1112/2018.

Otros servicios de esta área

Ver el área completa

Servicio Webs en WordPress Tema de bloques propio, pocos plugins y cuentas a nombre de su empresa Servicio Shopify y otras plataformas Shopify, PrestaShop, WooCommerce o headless, elegidos con sus números Servicio Web escaparate y catálogo Pocas páginas y un catálogo con petición de presupuesto, sin carrito Servicio Web corporativa Recorridos distintos para clientes, candidatos, proveedores y prensa

Pruebe su interfaz antes de programarla

Describa el producto o la web que quiere diseñar y quién lo va a usar. Le proponemos un método y un número de ciclos.

Correo
office@apply.es

Horario
de lunes a viernes, de 9:00 a 18:00 (hora peninsular), respuesta en un día laborable

Reuniones
Por videollamada en Teams o Google Meet

Acepto que Apply trate mis datos para responder a esta solicitud, según la política de privacidad