Por qué diseñar la experiencia antes de programar
UX y UI se confunden a menudo. UX, de experiencia de usuario, es cómo se siente y cómo funciona el recorrido: si la persona encuentra lo que busca, si entiende qué tiene que hacer y si llega al final sin perderse. UI, de interfaz de usuario, es la parte visible: botones, colores, tipografías, formularios y la forma en que se presenta cada pantalla. Una interfaz muy bonita sobre un recorrido mal pensado sigue siendo difícil de usar.
Este servicio ordena las dos cosas antes del desarrollo. Es especialmente útil cuando vas a encargar una app, un programa de gestión o una web con funciones propias, como reservas, un área de clientes o un panel interno. Corregir una pantalla en un prototipo cuesta una conversación; corregirla cuando ya está programada obliga a rehacer trabajo.
Empezamos por quién usará el producto. Con una revisión de los usuarios clave o con entrevistas a personas reales, aclaramos qué quieren hacer, con qué dispositivo y qué les frena hoy. En una app de reservas, por ejemplo, la persona usuaria suele consultarla desde el móvil y con poco tiempo; eso condiciona el tamaño de los botones, la cantidad de texto por pantalla y el orden de las secciones.
A partir de ahí se construye el mapa de contenidos o de flujos: qué pantallas existen, cómo se llega de una a otra y qué ocurre en cada paso. Sobre ese mapa se dibujan los wireframes, que son esquemas sin colores ni imágenes finales para discutir la estructura sin distraerse con el estilo. A partir de los wireframes se monta un prototipo navegable, en el que se puede pulsar y moverse por las pantallas como si fuera el producto real.
Más abajo hay dos proyectos relacionados, Ecobebé App y MANutricion, apps de cliente publicadas en App Store y Google Play. Este servicio puede hacerse como paso previo de nuestro propio desarrollo o por separado.
Qué incluye el precio de partida
Desde 400 € + IVA, el servicio incluye:
- Revisión de los usuarios clave o entrevistas.
- Mapa de contenidos o de flujos.
- Wireframes de hasta 5 pantallas.
- Prototipo navegable.
- 2 rondas de cambios.
Qué hace subir el precio
- Más de 5 pantallas.
- Pruebas del prototipo con usuarios.
- Un sistema de diseño con componentes y estilos reutilizables.
Cómo trabajamos
- Usuarios y objetivos. Revisamos quiénes son los usuarios clave y qué necesitan conseguir, o realizamos entrevistas con ellos.
- Mapa de contenidos o flujos. Dibujamos las pantallas necesarias y cómo se enlazan entre sí.
- Wireframes. Esquematizamos hasta 5 pantallas para decidir la posición de cada elemento antes de entrar en el diseño visual.
- Prototipo navegable. Convertimos los wireframes en un prototipo con el que se puede recorrer el flujo en el móvil o en el ordenador.
- Rondas de cambios. Se incorporan tus comentarios en dos rondas de cambios.
Plazos: Suele estar listo en dos o tres semanas, según el número de pantallas, la disponibilidad de las personas a entrevistar y las rondas de cambios.
Para qué negocios es
- Empresas que van a encargar una app y quieren definir pantallas y recorridos antes de presupuestar el desarrollo.
- Negocios con un programa de gestión interno que el equipo usa mal o evita.
- Webs con funciones propias, como reservas, solicitudes de presupuesto o áreas privadas.
- Emprendedores con una idea de producto digital que quieren enseñar a un posible socio o proveedor con algo más tangible que un texto.
- Equipos que ya tienen programador y necesitan que alguien ordene la estructura y la parte visual.
Proyectos relacionados
Ecobebé App
App de cliente para acompañar a las familias durante el embarazo, publicada en App Store y Google Play.
Ver proyecto
MANutricion
App de cliente de seguimiento nutricional, publicada en App Store y Google Play.
Ver proyectoDónde trabajamos
Atendemos a negocios de Montilla, de Córdoba capital y de los pueblos de alrededor (Córdoba capital, Lucena, Cabra, Puente Genil, Aguilar de la Frontera, La Rambla, Fernán Núñez, Montemayor…). Nos reunimos en persona cuando aporta valor y el resto del seguimiento lo hacemos por videollamada, correo o WhatsApp.
Preguntas frecuentes
¿Qué es UX y qué es UI?
UX es la experiencia: si el recorrido tiene sentido y se completa sin esfuerzo. UI es la interfaz: el aspecto de botones, colores, textos y pantallas. Se trabajan juntas porque una buena apariencia no compensa un recorrido confuso.
¿Lo necesito antes de programar?
No siempre. Para una web sencilla de pocas páginas suele bastar con una buena estructura. Compensa cuando el producto tiene varias pantallas, usuarios distintos o procesos de varios pasos, porque cambiar un prototipo es más barato que cambiar código.
¿Me lo entregáis para otro programador?
Los wireframes y el prototipo forman parte de lo que recibes, y otro equipo de desarrollo puede usarlos como referencia para construir el producto. Si quieres que además lo desarrollemos nosotros, se presupuesta por separado.