QrveyLead UI Designer

Qrvey — AutomatiQ

Un constructor de automatizaciones para encuestas —disparador, condición, acción— para personas que nunca habían dibujado un diagrama de flujo.

El producto

La pestaña de Automatización de Qrvey: un botón de Crear proceso sobre una lista de tarjetas de procesos, cada una con una barra de estado de color que dice En ejecución o En pausa, su nombre y fecha de creación, y tres cifras: encuestas cubiertas, tiempo promedio y ciclos ejecutados. Una barra lateral ofrece encuestas de ejemplo y consejos.
01Cada proceso: en ejecución o en pausa, y lo que ha hecho.
/ Rol
Lead UI Designer
/ Duración
11 meses
/ Equipo
Producto e ingeniería
/ Año
Oct 2016 — Ago 2017

El impacto

Una respuesta negativa podía disparar su propio seguimiento —una nueva encuesta una semana después y los resultados por correo al equipo— sin nadie pendiente de ello.

Contexto

Qrvey era una plataforma de encuestas y NPS, pero alguien todavía tenía que hacer algo con las respuestas. Como diseñador UI principal, diseñé AutomatiQ, el constructor que se encargaba de eso.

Qué hice

  1. 01

    Una lista que informa sobre sí misma: cada proceso muestra su estado, las encuestas que cubre, el tiempo promedio de ciclo y los ciclos que ha ejecutado.

  2. 02

    Tarjetas, no un lienzo: disparadores y condiciones se abren en su sitio, con las palabras del producto; sin conectores que dibujar.

  3. 03

    El seguimiento es la siguiente encuesta: los correos llevan los resultados y un enlace activo a una encuesta en el cuerpo.

En sus palabras

Working with Doug was an absolute pleasure. He consistently delivered designs that were not only beautiful but highly functional. His ability to translate complex data into clear interfaces transformed our entire dashboard experience.

Arman EshraghiFundador y CEO · QrveyQrvey · Plataforma de encuestas y NPSCita original en inglés

En detalle

  • Una condición bajo un disparador de Respuesta nueva: dos pastillas, Si la respuesta es y Número de respuestas, sobre un panel con una pregunta y sus filas de respuestas con botones para agregar o quitar cada una, y una fila de Seleccionar acción esperando debajo.
    02Condiciones con las palabras del producto: «If Answer Is», «# of Responses».
  • Una tarjeta de disparador de Programación expandida: frecuencia de repetición, un intervalo en días y una hora del día, una fecha de inicio y un final que es un número de ejecuciones o una fecha específica.
    03Programación, con las dos formas en que puede terminar.
  • Un disparador de Respuesta nueva con su selector de encuestas abierto: una lista buscable de encuestas, cada fila con una insignia de Activa o Borrador y la fecha en que se activó.
    04Elegir la encuesta cuyas respuestas inician el proceso.
  • La acción Enviar correo abierta: chips de destinatarios, un asunto con el conteo de caracteres restantes, un mensaje de texto enriquecido con botones para adjuntar resultados o insertar una encuesta, un enlace a una encuesta insertado en el cuerpo y un bloque de adjunto con la encuesta elegida.
    05Correo: resultados adjuntos y una encuesta en el cuerpo.
  • Un proceso completo armado a partir de un escenario escrito en lenguaje simple arriba: un disparador de respuesta nueva, una condición sobre la respuesta dada y dos acciones de correo —una a quien respondió con una encuesta de seguimiento y otra al equipo con los resultados— sobre un botón de Guardar cambios que advierte que guardar reinicia el proceso.
    06Un escenario: disparador, condición y dos acciones.
/ Herramientas y métodos
  • Sketch
  • Sistemas de diseño
  • Diseño de interacción
  • Visualización de datos

© 2026 Doug Vargas