estudioEduardo González AbreuHablamos

Web y ecommerce / Diseño UX/UI

Diseño UX/UI y prototipos

Diseño los pasos, pantallas y estados de una tarea. 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.

Recorrer el prototipo
Prototipo del configurador de OpticalH: paso de graduación con un campo enfocado y la acción Continuar.
Elegir las lentes

Prototipo en un tema de prueba. Experiencia laboral; no es una función implantada.

Necesitas definir y probar un recorrido de tu web o herramienta antes de construirlo o cambiar su interfaz.

Qué incluye

  • 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
Alcance y condiciones

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.

Hasta dónde llega.

Definimos qué pantallas, componentes y estados se entregan. El diseño, la investigación con participantes y la programación se presupuestan según lo que necesite el proyecto.

De la tarea al prototipo.

  1. 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.
  2. 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.
  3. 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.
  4. 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

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 seguimiento

Servicios relacionados

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.

Concretemos tu primer trabajo.

Comparte tu web y qué necesitas resolver.

WhatsApp, abre una conversación; tú envías el mensaje

eg. · orientación

¿Qué necesitas resolver?

Tres preguntas para encontrar por dónde empezar.