Web y ecommerce / Diseño UX/UI
Probar el recorrido antes de construirlo.
Ordeno los pasos de una tarea y diseño sus pantallas, opciones y mensajes. El prototipo permite recorrer la propuesta antes de programarla.
Pantalla y estados de una tarea
El diseño también está en lo que ocurre después.
Este prototipo de OpticalH muestra un paso de graduación, la entrada de datos y la acción para continuar. La interfaz se presenta dentro de su alcance de prueba.
Cuándo tiene sentido
La situación que quieres resolver.
Necesitas definir y probar un recorrido de tu web o herramienta antes de construirlo o cambiar su interfaz.
Antes de construir hace falta pensar qué va a hacer la persona, qué necesita ver y qué ocurre cuando algo no sale como esperaba. Lo trabajamos en el diseño y el prototipo.
- Los pasos necesarios para completar la tarea.
- Qué ve la persona al cargar, elegir, equivocarse o confirmar.
- Qué necesita el equipo de desarrollo para reproducir el diseño.
La entrega
Lo que queda en tus manos.
- Estructura y recorrido de la tarea
- Esquemas de las pantallas acordadas
- Diseño visual para móvil y ordenador
- Prototipo navegable y estados principales
- Componentes e indicaciones para quien programe
Cómo lo desarrollamos
De la tarea al prototipo.
Cada etapa deja una entrega y una decisión. Abre la fase para ver el trabajo y lo que revisamos contigo.
01Definimos la tareaLa tarea, sus usuarios y los límites del recorrido.
Me cuentas quién va a utilizar el producto y qué necesita hacer. Revisamos la información que ya tiene el equipo.
- Contigo
- Aportas el contexto y la información que ya tiene el equipo.
02Organizo el recorridoLa estructura, los pasos y el contenido.
Preparo la estructura, los pasos y el contenido de las pantallas.
- Contigo
- Recorremos la secuencia antes de desarrollar la interfaz.
03Diseño las pantallasLas pantallas, componentes y estados acordados.
Trabajo los componentes, las opciones y los estados de error o confirmación. Los vemos en móvil y ordenador.
- Contigo
- Revisamos opciones, errores y confirmaciones en sus tamaños de uso.
04Lo revisamos antes de construirEl prototipo navegable y las indicaciones para construir.
Recorremos el prototipo y preparo las indicaciones para el equipo que lo implementará. Si hacen falta pruebas con participantes, las acordamos.
- Contigo
- Recorremos el diseño con quien implementa; las pruebas con participantes se acuerdan aparte.
Para empezar
El contexto que necesito.
La tarea que quieres resolver, los materiales disponibles y quién se encargará del desarrollo.
Qué recoge la propuesta antes de empezar
Dejamos por escrito las fases, las entregas, los honorarios, las fechas y las revisiones. También quién aporta el contenido, quién aplica los cambios y qué accesos necesita.
La inversión en anuncios, las licencias y las herramientas se detallan aparte cuando proceda. El seguimiento tiene sus tareas, fuentes y frecuencia acordadas.
Comparar diagnóstico, ejecución y seguimientoSi necesitas conectar otra parte
El siguiente trabajo, cuando haga falta.
Las preguntas antes de encargar
Dudas sobre este servicio.
¿Puedes integrarte en nuestro equipo de desarrollo?
Sí. Acordamos formatos, componentes, estados y puntos de revisión para que el diseño se pueda implementar.
¿Incluye accesibilidad?
La legibilidad, el foco, la estructura y los estados se trabajan desde el diseño. Los requisitos y las comprobaciones del producto construido se especifican con el equipo.
Hablamos directamente
Concretemos tu primer trabajo.
Comparte tu web y qué necesitas resolver. Te diré qué primera intervención puedo proponerte y qué materiales hacen falta.