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.
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.
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.

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
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:
1.Arquetipo
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:
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:


Prototipo aplicación escritorio diseñado en Figma