sprint final m4
Caso de estudio UX Examedi
Diego Cid / Valentina Fierro / Javier Cortés / Karina Tapia / Verónica Orellana / Nicolás Vegars
Nicolás Vegars
Scrum master
Javier Cortés Karina Tapia
A r q u i t e c t a d e
Product owner
la información
Diego Cid
UX research
Valentina Fierro
Front-end developer
Verónica
UI designer
Orellana
S a l u d a u n c l i c k d e d i s ta n c i a
¿Qué es Examedi?
Es una plataforma que permite gestionar la toma de
exámenes médicos y otros servicios de salud a domicilio,
ofreciendo ver los resultados en línea.
Funciona con un “Health Team” (equipo independiente de
tomadores de muestra) para realizar los exámenes que
necesiten los usuarios. Adicionalmente, tiene convenios
con más de 5 laboratorios en Chile para procesar
exámenes.
Agendando en la plataforma, un profesional del Health
Team visitará al usuario en el horario estipulado y luego
llevará los exámenes a laboratorio.
Una vez disponibles, los resultados se envían al usuario
junto con la boleta respectiva y quedan respaldados en la
plataforma.
Problemática
El sitio web de la página cumple su función. Sin embargo, en
la aplicación esto no se ve reflejado, ya que, a pesar de que
la interfaz es amigable, no permite resolver las solicitudes de
los usuarios.
La problemática principal es que la mayoría de las acciones
en la app derivan al sitio web, impidiendo una navegación
apropiada y volviendo prescindible la existencia de la
aplicación en primer lugar.
Se vuelve necesario crear un prototipo que facilite las
acciones del usuario, lo mantenga dentro de la app y le
permita ver más contenido con facilidad.
Planificación
N u e v a
Investigación
Usuario Benchmark Arquitectura de
CardSorting Arquitectura de
Task flow Mapa de Wireframes Testing
Preliminar la información la información navegación
Tabla FOP
Objetivo Punto de contacto KPI
Instagra Aumentar 100 seguidores mensuales. Hacer 3 publicaciones semanales en
Dirigir a los usuarios a los canales de LinkedI
RRSS, considerando 100 interacciones por publicación. Incrementar el
registro de casos entrantes a través de la aplicación (en vez de sitio web)
comunicación apropiados para el
TikTo
correcto servicio al cliente. Desde el tercer mes en adelante, aumentar un 10% en KPI respecto al mes
WhatsApp anterior.
Conseguir 100 usuarios inscritos a través de la app en los primeros 3 meses,
Facilitar proceso de inscripción de los Pantalla de Logi con un incremento semestral del 10%
usuarios a través de la aplicación. Botón de “Usuario” Habilitar la unificación de cuentas en casos de usuarios que hayan
ingresado con múltiples identificadores (Google, Facebook, etc.).
Permitir a los usuarios agendar horas a Conseguir un 40% de horas agendadas en app (en vez de sitio web) en
Interfaz de agendamiento los primeros 3 meses. Aumentar un 10% las horas agendadas por
través de la app y potenciar sus reservas. semestre.
Equiparar consultas por resultados de exámenes en app y web. en los
Potenciar revisión de exámenes de los Botón “Revisar Resultados primeros 3 meses.
usuarios a través de la app. Interfaz de agendamiento Aumentar progresivamente los requerimientos en app en un 10% por
semestre.
Promocionar artículos del blog en una Banner “blog
Conseguir 100 visitas en artículos nuevos. Promocionar campañas de
todo tipo con notas informativas
pestaña de la aplicación, dirigiendo a los
Submenú
usuarios a las noticias de Examedi. Medir el uso de los puntos de contacto mediante clics y mapas de calor.
Descripción del usuario
30 años
Psicóloga clínica
Vive en Lord Cochrane con Santa Isabel, Santiago Centro
Atiende pacientes de forma presencial y en teleconsulta
Karen Jasmina Se quiere hacer un chequeo de salud preventivo.
User persona
Servicio
Examedi
Karen arrienda un departamento junto con una Escenario
amiga desde hace un año.
Al no disponer de tiempo para dirigirse a un centro médico otra vez, su amiga le
recomienda Examedi. Le gustó la idea de hacerse el examen en casa, así que opta por
Psicóloga clínica de profesión, atiende a pacientes ingresar a la app.
una vez a la semana en su consulta presencial y 4 días
en formato teleconsulta.
Objetivo y expectativas
Últimamente, se ha sentido muy agotada. Por esa Al revisar Examedi, encuentra que los valores que ofrecen por los exámenes se ajustan a
razón, fue al médico y le pidieron hacerse un examen
de perfil lipídico para revisar si su salud está en orden. su presupuesto y decide agendar una hora para realizarse el examen a domicilio.
Benchmark
App WebApp
Benchmark
APP WEBAPP WEBAPP App app APP
Leyenda Dirige a los usuarios a los canales de
comunicación apropiados para el correcto
servicio al cliente (teléfono, correo,
Cumple WhatsApp).
Cumple en parte
Facilita el proceso de inscripción de los
usuarios dentro de la aplicación.
No cumple
Permite y fomenta a los usuarios
agendar horas dentro de la app.
Permite revisar exámenes de los usuarios
a través de la app.
Revisar citas pendientes para
confirmarlas y anularlas dentro de la app.
Permite acceder fácilmente a noticias
pertinentes dentro de la aplicación.
Permite a los usuarios acceder a sus
recetas médicas dentro de la app (para
imprimir y/o presentar digitalmente).
Investigación Examedi
Arquitectura de la Información
APP pantalla principal
Agendar cita
Barra Superior
Ver resultados
Notificaciones
Telemedicina
Mi cuenta
Exámenes
Menú inferior Kinesiología
Vacunas
Home
Nutrición
Mis Agendas
Salud preventiva
Resultados
Chat
H eur sticas í SMASH
Leyenda
La app no p e r m i te r ea l i z a r algunas acciones i n te r n a m e n te , por lo qu e en
umple Cumple en No cumple
u z v u h u í p . web
C
alg n o s c a s o s s e rea l i ó la e al ación e r s i tc a e n e l s i t i o we b c o r r e s o n d i e n te
Visibilidad del
Correspondencia
1 2
estado del sistema entre el sistema
y el mundo real
La app informa s o b re las citas La a pp ut iliza pal abras y con ce ptos
agendadas o si aún no se ha r ea l i z a d o familiares para los usuarios que suelen
la r e s e r va de un ser vicio, e n t re g a n d o adquirir servicios por internet,
la información necesaria s o b re cómo
incluyendo íconos para simplificar la
p ro c e d e r .
información.
Control y libertad
Consistencia
3 4
para el usuario y estándares
En sitio we b : la página le entrega al La interfaz mantiene los estándares de
usuario la libertad de corregir sus la gran mayoría de las aplicaciones
acciones, como eliminar productos móviles, siguiendo el modelo mental y
agregados erróneamente al carro. Sin patrones familiares de los usuarios. Por
embargo, en la aplicación esto no es ejemplo, el menú se ubica en la parte
posible. inferior de la pantalla y Mi Cuenta en la
esquina superior derecha.
5 P v re
de errores
enci ón
6 R
en lu
econocimiento
recuerdo
g ar de
En sitio web: la página cuenta con La app recuerda f
in ormaci ón del usuario
mensa es j de advertencia y blo queos como las credenciales de acceso, datos
para qu e los uu
s arios re v isen la personales, ficha de salud e historial de citas.
información antes de contin u ar con los
distintos procesos. P ero la aplicación no
ofrece dic h os blo qu eos.
H eurísticas SM A SH
L e y e n d a
La app no permite realizar algunas acciones internamente, por lo que en Cumple en
Cumple No cumple
algunos casos se reali z ó la evaluación heur í sitca en el sitio web correspondiente . web
Eficiencia de uso y Diseño
7 rendimiento
8 estético minimalista
La app carga y muestra la información El uso de imágenes trabajadas en
requerida en tiempo razonable. Las banners, una paleta de colores fuerte, los
animaciones y transiciones se degradados, la diagramación
muestran sin problemas. sobrecargada de texto y el poco uso de la
iconografía impiden una armonía visual
minimalista en el sitio web.
Ayudar al usuarios
9
para reconocer,
10
Ayuda y
diagnosticar y documentación
recuperarse de
errores
En sitio web: se informa la causa del En sitio web: la página provee de ayuda
error que no permite continuar con el al usuario con una sección de Preguntas
proceso. Por ejemplo, el sitio avisa si un Frecuentes. Sin embargo, la aplicación no
campo ha sido completado de forma ofrece información que resuelva dudas.
errónea. Por otro lado, esto no ocurre en
la aplicación móvil.
nteracción física
11 12
I
Personalización y
y ergonomía
atajos
La aplicación no proporciona Los botones importantes se ubican en la parte
configuraciones básicas y avanzadas y no superior derecha de la pantalla y en la barra
permite la personalización de accesos inferior, así se pueden alcanzar fácilmente con
directos a acciones frecuentes. el pulgar derecho.
Card Sorting
Realizamos 3 pruebas Card sorting, las cuales nos acercaron a una Primer Card Sorting: 75%
arquitectura más acertada y centrada en nuestros usuarios. Segundo Card Sorting: 57%
Tercer Card Sorting: 91%
Versión original
Header Página Principal Mi Cuenta Resultados Mis Agendas Chat
Nuestra propuesta
Header Página Principal Menú Inferior Menú Desplegable
Barra Superior P a n ta l l a P r i n c i p a l Menú Inferior
Barra de Búsqueda 97% 3%
Carrito de Compra 97% 3%
Agenda tu Hora Aquí 3% 97%
Artículos Informativos Sobre Medicina 95% 5%
Conoce Nuestras Novedades y Promociones 95% 5%
Conoce Nuestros Servicios Aquí 3% 92% 5%
Conoce Más Sobre los Beneficios 89% 11%
Chatear Botón 5% 3% 92%
Inicio Botón 8% 8% 84%
Mis Resultados Botón 11% 8% 82%
Mis Agendas Botón 16% 3% 82%
Vía Optimal Workshop
Obtuvo 38 respuestas +82%
Nueva Arquitectura de la Información
Aplicación Menú desplegable
Mi cuenta
Barra Superior pantalla prncipal
A dónde llegamos
Carrito de compra Agenda tu hora aquí
Nuestros servicios
Conoce nuestros
Barra de búsqueda servicios aquí
Menú inferior Agenda con nosotros
Artículos informativos
sobre medicina
Inicio Artículos informativos
sobre medicina
Conoce más sobre
Mis Agendas los beneficios
¿Quiénes somos?
Mis resultados
Contáctanos
Chatea con nosotros
Abrir menú Preguntas Frecuentes
Task Flow
30 año
Psicóloga clínic
OBJETIVO:
Vi ve e n S a n t i a g o Ce n t r
At i e n d e p a ci e n te s d e fo rm a Agendar un examen de p e r fi l lipídico
p re s e n ci a l y e n te l e co n s u lt a . a t ra v é s de la aplicación de Examedi.
Karen Jasmina
U s e r p e r s o n a
inicio final
PASO 01 PASO 02 PASO 03 PASO 04 PASO 05 PASO 06
Recibe la
Abre la aplicación
Exámen
Paga y finaliza
Inicia sesión. Agenda tu hora aquí. confirmación
Examedi. Perfil lipídico. su compra.
de su hora agendada.
Mapa de navegación
Pantalla
principal Ver carrito
Confirmar para quién
Iniciar sesión Agenda tu hora aquí se agenda el exámen
Perfil lipídico Escoger fecha y hora Detalles del servicio
Aplicación Confirmar dirección Método de Pago
Finalizar
compra
Wireframes
Wireframe en papel
Wireframe fidelidad media
Pruébame
Test de guerrilla
Ubicación
Objetivo de investigación
Chile (modalidad remota y presencial). Medir la efectividad de este diseño.
Entrevistado
Disponibilidad
Personas que hayan agendado consultas médicas o exámenes
Según cada persona entrevistada. médico
2 hombres y 4 mujeres, de edades entre 25 y 34 años.
Pregunta
Tiempo
5 de contextualización
20 - 30 minutos, aprox.
4 de usabilidad
Guión test de guerrilla
Test de Guerrilla
a p r e c i a c i o n e s d e l o s t e s t e r s
“Fue todo fácil de entender,
pude realizar mi reserva sin
problemas”.
“No conocía servicios a “La aplicación es bastante
domicilio de exámenes amigable. No me costó pedir
médicos y encontré rápido la hora e incluso la encontré
tomar una hora”. novedosa”.
Tarea a realizar
en el prototipo:
Reservar un examen de Perfil
Lipídico a domicilio.
“Pedir una hora fue bastante “Encontré super práctica la
rápido, sin tantos pasos y lo aplicación. Me gusta como
encontré fácil de usar”. está ordenado el inicio”.
“Me gustó que mi información
quede registrada. Pedir la
hora fue expedito”.
Test de Guerrilla
r e s u l t a d o s
La evaluación general del Los usuarios opinan que la Según los usuarios, el proceso
prototipo es positiva, con una información en la pantalla para solicitar servicios a domicilio
nota de 4.6 en promedio de los 6 principal es precisa y es fácil es bastante intuitivo.
usuarios. encontrar los servicios disponibles.
Conclusiones
En este proyecto conseguimos cumplir con los
objetivos planteados para el rediseño de la
aplicación de Examedi. Logramos que obtuviera
un rol de uso primario, en lugar de funcionar
como una extensión prescindible del sitio web.
Nuestro rediseño se enfocó en mantener las
acciones del usuario dentro de la aplicación,
optimizando las acciones disponibles dentro de
todas las secciones. De esta manera, se deja de
redirigir al sitio web para toda tarea.
La propuesta de rediseño culminó en un
prototipo que simplifica las acciones e incluye
más contenido. Tras ponerse a prueba, demostró
una clara mejora en la experiencia de usuario.
¡Muchas gracias!
C a s o d e e s t u d i o U X / U I e xa m e d i
Diego Cid / Valentina Fierro / Javier Cortés / Karina Tapia / Verónica Orellana / Nicolás Vegars