Would you rather access this page in English?

Prefere acessar essa página em português?

¿Preferirías acceder a esta página en español?

Blip Desk

Rediseñando la experiencia móvil de ventas y atención al cliente.

Blip es una plataforma de desarrollo de contactos inteligentes. Es posible crear chatbots de atención para todo tipo de negocios e integrarlos en diversos canales de comunicación como WhatsApp, Instagram, Messenger, Email, SMS, el chat propio de Blip y otros. Para los casos en que es necesario conversar con una persona, existe una herramienta de atención humana en la plataforma llamada Blip Desk.

Hoy Blip Desk cuenta con cerca de 33 mil personas usuarias que realizan atención en diversos tipos de contextos. Los intercambios de mensajes están organizados por tickets que poseen diferentes estados para que quienes realizan la atención puedan organizarse. La aplicación móvil hoy cuenta con más de 10 mil personas usuarias.

desafíos conocidos

  • La aplicación era una webview que mostraba Blip Desk en formato responsivo, lo que generaba problemas de rendimiento
  • Diversos problemas de accesibilidad
  • Las interacciones no estaban pensadas para el formato móvil
  • La aplicación no seguía el design system de la marca
  • Agentes de atención no encontraban algunas funcionalidades importantes ya existentes
  • Tiempo de activación prolongado
  • Queríamos mejorar la tasa de satisfacción

estudio de accesibilidad visual

Realizamos un estudio de accesibilidad con diseñadores que se ofrecieron como voluntarios para entender cómo nuestra plataforma se ajustaba a los criterios de accesibilidad como una iniciativa para avanzar en esta discusión dentro de la empresa.

Seleccionamos algunos criterios de las Web Content Accessibility Guidelines (WCAG) que podíamos estudiar para realizar un experimento, adecuamos la interfaz de Blip Desk e hicimos pruebas con dos grupos: uno con personas con baja visión y otro con personas sin baja visión.

ddesarrollo de una nueva aplicación

Debido a los problemas que tenía la aplicación, se decidió iniciar el desarrollo de una nueva aplicación con tecnología diferente. Como teníamos la libertad de reescribir la experiencia desde cero, aprovechamos para hacer un producto mínimo viable (MVP) del nuevo Blip Desk en un programa beta.

Priorizamos las funcionalidades observando el uso mediante el monitoreo de eventos disparados en la aplicación. También utilizamos comentarios provenientes de investigaciones NPS y CSAT para entender qué mejoras necesitábamos realizar en la aplicación. Además, realizamos entrevistas con las personas que nos enviaron feedback y con empresas interesadas en ingresar al programa beta para entender cuáles eran las expectativas.

prelanzamiento

Priorización de funcionalidades
Construcción de nuevo flujo

Construcción de nuevos componentes
Prototipado de nueva interfaz
Documentación de la nueva interfaz

Prueba de usabilidad
Evaluación de Product Usability Scale

Acompañamiento del desarrollo
Planificación y reclutamiento para programa beta

design system móvil y componentes

Fui responsable de adaptar el design system de Blip para productos móviles. Para ello, revisé todas las interacciones y propuse la creación de componentes específicos para la experiencia móvil. Utilicé los aprendizajes de los estudios de accesibilidad para realizar mejoras en colores, tipografía e interacción, y estas actualizaciones se implementaron en todos los demás productos de la empresa, incluidos los de desktop.

nueva aplicación en beta

Para garantizar que tuviéramos la posibilidad de probar la aplicación de cerca en las actividades del mundo real de las personas usuarias, realizamos un programa beta con algunas empresas dispuestas a realizar experimentos. Las funcionalidades priorizadas para este beta fueron parte de un MVP planificado considerando los objetivos de la empresa y lo que queríamos impulsar en las métricas del producto.

showcase de funcionalidades en el login

Promovimos las funcionalidades más importantes y que Blip deseaba impulsar directamente en la pantalla de login con una breve explicación en un carousel. Esto ayudó al descubrimiento de recursos que las personas aún no conocían./p>

onboarding

Percibimos que podríamos acelerar la activación del producto con un onboarding explicando cómo utilizar las partes principales de la aplicación. Así, las personas usuarias aprenderían más rápido a usar la aplicación y serían incentivadas a probar recursos nuevos.

pantalla de conversación

Mejoramos la legibilidad y las interacciones de todos los componentes de mensaje. Microinteracciones como las de escribir mensajes, elegir respuestas predefinidas y grabar audio fueron revisadas para ser más naturales y utilizar patrones de interacción ya conocidos.

envío de mídia y archivos

Facilitamos el envío de archivos de imagen, video y documentos con una vista previa en formato de carousel. La persona podría editar fácilmente la lista de archivos seleccionados o agregar nuevos.

resultados del programa beta

  • 18 empresas utilizando el beta de la aplicación activamente
  • La satisfacción del producto aumentó de 64% a 82%, según investigación
  • El tiempo de activación de las empresas pasó de 6,7 horas a 1,6 horas
  • La retención después de 30 días aumentó de 8,5% a 26%
  • El porcentaje de personas realizando atención aumentó de 45% a 94%

Software utilizado: