Registro paciente

Invisalign es una de las marcas de referencia de alineadores de dientes transparentes, estos surgieron hace 10 años aproximadamente y son uno de los tratamientos de Ortodoncia alternativos a los braquets metálicos.

UX/UI
Prototipado

Overview

El paso previo al registro del paciente en la plataforma es un estudio previo en el que le realizan fotografías intraorales y extraorales, radiografías y se toman moldes de los dientes. Posteriormente hay que registrar todos estos datos junto a otros datos clínicos que rellena el doctor. Los moldes de los dientes se pueden tomar con moldes de silicona (forma tradicional) o con un escáner 3D, cada sistema tiene un proceso diferente que influye en la experiencia de usuario.

Problema a solucionar

El panel d control para el registro del paciente es confuso y complicado de entender, sobre todo para usuario nuevos. El registro consta de muchos pasos, mucha información que no está acotada, falta separación entre las fases del registro y carece de ayuda visual o esquemática que facilite el proceso. Vamos a plantear una interfaz más visual y amigable a través de un proceso de investigación.

Benchmark

Se ha realizado un UX Benchmark de 4 productos digitales junto a la propia interfaz e Invisalign con el propósito de sacar fortalezas y debilidades que poder reforzar. Debido al hecho de tener que estar certificado en este tipo de servicios solo se ha podido incluir un producto que es competencia directa.

  • Popups Uso de ventanas emergentes para reducir el nº de paginas y reducir la carga visual de algunas páginas.

  • Tabs/Acordeones/select Elementos que ayudan a reducir y estructurar información.

  • Navegación Distribución de la navegación en sidebars y menús horizontales

  • Iconografía Ayuda visual apoyada en iconos descriptivos.

  • Pasos / procesos pasos del proceso, ayuda visual para saber en que parte del proceso estamos.

  • Colores / etiquetas Ayuda visual de colores para indicar estado de procesos o etiquetado de elementos.

Conclusiones Benchmark

La mayoria de webs usan ventanas emergentes para rellenar información sobretodo corta de entre 2 a 8 o 10 campos.

La mayoria de webs usan elementos de agrupación de información como acordeones o tabs.

Las webs con un registro o paso a poso lineal usan breadcrumbs o indicadores de proceso.

La mayoría de webs usa iconos y etiquetas de colores

Algunas webs usan varios menus diferenciados para distribuir toda la información


Investigación

Tras las conclusiones del Benchmark y la fase de entendimiento preparamos el guión para las entrevistas, el que queremos conocer el comportamiento del usuario respecto a todo el proceso. Prestando especial atención al porcentaje de casos tratados con escáner y con moldes de silicona, al dispositivo desde el que registran los casos, el uso de Invisalign photouploader(app) o al tiempo que transcurre desde que el paciente visita la clínica hasta que se registra.

Tras las primeras entrevistas realizamos una encuesta a 43 usuarios sacando las siguientes conclusiones:

Aunque la tendencia es tomar impresiones con escaner 3D, las impresiones con silicona siguen estando presentes en casi la mitad de los estudios.

La gran mayoría usa el ordenador para hacer el registro debido a la gran cantidad de información que se tiene que introducir.

La gran mayoría hace las fotografias con cámara reflex y ajusta las fotos en el ordenador.

La mayoría intenta registrar el caso el mismo día que visita al paciente o al día siguiente, muchos por falta de tiempo lo hacen fin de semana o en dias libres.

La mayoría registra todos los datos clínicos.

Ideación


1.Arquetipo

Perfil
  • Odontologa espcializada en ortodoncia
  • Profesora de unisversidad
  • Mamá e un niño de 3 años
  • casada
Datos demográficos
  • Mujer de 35 años
  • Tiene casa propia cerca de Valencia
  • Autónoma con ingresos superiores a 2000€
Hábitos
  • Hace compras online desde el móvil porque no tiene tiempo
  • Compra desde el sofá por la noche
  • Acude a la peluqueria/salón de belleza semanalmente
  • Compra con frequencia para si misma y para regalar
Intereses
  • Le gusta hacer zumba y pilates, le ayuda a desestresarse
  • Abonada a Netflix y HBO
  • Usuaria de Apple
  • Usa poco las redes sociales
Retos
  • Quiere tener más dias libres
  • Llegar más pronto a casa
Frustraciones
  • Tengo poco tiempo después del trabajo
  • Tengo que formarme contínuamente
  • El trabajo fuera de la clínica (trabajo con el ordenador)
Objetivos
  • Le gustaría montar una clínica propia

2.Journeys
Tras los resultados de la investigación y ver el porcentaje que usa las impresiones con moldes de silicona y escáner 3D decidimos hacer un Journey al método tradicional:

Conclusiones:

La web tiene debería generar la etiqueta de envío sin necesidad de terminar todo el registro, para solicitar una recogida no es necesario rellenar todos los datos clínicos.

Este proceso se podría hacer así el mismo día desde la clínica, de este modo se agilizaría todo el proceso de envío.


3.Ideas a implementar para cubrir los problemas/objetivos planteado

3.1 Navegación
En la fase de entendimiento realizando la técnica de shad-lightowig junto a un usuario y el posterior UX Benchmark nos dimos cuenta que el proceso es muy largo y tiene poca ayuda visual, el menú es confuso, el tamaño pequeño y algunos pasos se repiten. En el UX Benchmark vimos como otras plataformas hacen un mejor uso de:

  • Breadcrumbs

  • Indicadoresde proceso ( punto en que nos encontramos del total )

  • Iconografía

  • Colores y etiquetas

Planteamos un prototipo con un menú lateral fijo donde en todo momento podemos ver claramente todas las partes del proceso, podemos navegar por ellas, el propio menú nos sirve de indicador del proceso.

En la aplicación original hay 10 pasos que corresponden a tratamiento clínico en la que la única información visible en los enlaces es una enumeración de 1 al 10, con esta propuesta aprovechamos todo el espacio que nos da el navegador distribuyendo mejor toda la información y solucionando un problema de navegación:

Prototipo:

3.2 Arquitectura
Detectamos un exceso de pantallas en el proceso, algunos procesos como fotografías y radiografías se repetían al principio del proceso y al final, después de los datos clínicos, esto confundía y a su vez dilataba el proceso.

Al observar el flujo podemos ver la totalidad de pasos que se siguen, y los diferentes pasos clasificándolos por:

  • Datos del paciente

  • Datos clínicos básicos

  • Características – opciones de tratamiento

  • Datos clínicos

  • Resumen/aceptación

  • Solicitud recogida de moldes (este último proceso hay que guardar, salir y volver a entrar).

Arquitectura de la información planteada:

Datos del paciente:
Añadimos a este paso la foto de perfil del paciente, elminando un paso para este fin en la aplicación actual.

tratamiento:
En un solo paso aunamos toda la información referente al tratamiento.

Envios y facturación:
Añadimos la opción de registrar una nueva dirección e incororamos la opción de solicitar la recogida de UPS desde la web, en el siguiente punto se desarrolla esta mejora.

Registro paciente:
Fotografías, escáner/molde y radiografías.

3.3 Solicitud recogida paquete
Tras ver que casi el 50% sigue usando las impresiones de silicona vemos necesario implementar una solicitud de recogida más sencilla desde la aplicación web, para ello planteamos una integración via API o similar con UPS, la cual nos permita solicitar dicha recogida en un solo paso, sin la necesidad de tener que completar todo el registro.

Para ello añadimos en el paso de “envios y facturación” la opción de solicitar un recogida, este paso lo volvemos a incluir en el paso de registro del paciente:

Prototipado

Prototipo aplicación escritorio diseñado en Figma