El proceso de diseño detrás de la última actualización de la aplicación móvil de Oscar | Oscar Rx | hioscar Blog | Oscar
El proceso de diseño detrás de la última actualización de la aplicación móvil de Oscar
Una mirada entre bastidores a la última renovación de la aplicación móvil de Oscar, desde el concepto hasta el código.
Tras bambalinasNuestra cultura
6 min read
Ashley Taylor Anderson
Share article
En Oscar, nuestra misión de llevar la tecnología de los seguros médicos al siglo 21 comenzó desde el primer día. Una de nuestras principales prioridades es proporcionar un producto intuitivo y amigable para los afiliados que les brinde acceso a su información médica en cualquier momento y lugar.
Desde nuestro lanzamiento en 2013, hemos aprendido que para crear la mejor experiencia, también debes crear la más inteligente. Desarrollar un producto que se dirija a nuestra diversa base de afiliados y utilice los últimos estándares de tecnología requiere una iteración y una evolución constantes.
Esta semana, lanzamos un rediseño sustancial de la aplicación para nuestra aplicación móvil iOS y Android. La aplicación actualizada facilita el acceso a los mensajes, la información del plan y otras funciones clave.
Un recorrido por la aplicación renovada *
El rediseño de la aplicación requirió mucha exploración, creación de prototipos, pruebas y desarrollo para llegar a una solución que fuera más intuitiva para los miembros. Esto es lo que se incluyó en la última actualización desde una perspectiva de diseño, experiencia de usuario y desarrollo.
Regy Perlera, Product Designer de Oscar, contextualiza el rediseño de esta manera:
“La versión anterior de la aplicación Oscar se lanzó hace más de dos años. En ese entonces, Oscar estaba en un lugar muy diferente como empresa. Teníamos menos afiliados, una cuarta parte de las funciones que tenemos ahora y un equipo más pequeño trabajando en la aplicación. Las mejores prácticas de tecnología y diseño también han cambiado mucho desde los 5 días del iPhone. Hace unos años, las pantallas de los teléfonos móviles eran más pequeñas y las expectativas de los consumidores sobre cómo deberían verse y funcionar las aplicaciones eran diferentes. Los estándares de codificación y las bibliotecas también han crecido bastante en los últimos años".
Además, el estilo de marca visual de Oscar ha evolucionado sustancialmente desde 2015, lo que llevó a que la aplicación se viera notablemente diferente del sitio web y los materiales de marketing actuales. El equipo quería actualizar la apariencia de la aplicación para alinearla con el estilo visual actual mientras seguía ejemplificando los valores de diseño de Oscar de [minimalismo funcional] (https://uxplanet.org/functional-minimalism-for-web-design-4290722cddbd # .9521jvbjq) y divulgación progresiva.
Objetivos del rediseño
Según Regy, había varios objetivos para el rediseño de la aplicación móvil.
“El objetivo principal era ayudar a los afiliados a descubrir funciones de una manera sencilla”, dice Regy. “Queríamos facilitar que las personas naveguen por la aplicación, naveguen de una función a otra con la menor fricción posible y accedan a toda su información de salud en un solo lugar. También queríamos impulsar el uso de funciones importantes, como la mensajería con el equipo de conserjes, que no estaban siendo utilizados tanto como queremos que lo sean".
Arquitectura de información revisada para aplicación rediseñada *
Un objetivo relacionado fue repensar la arquitectura de información de la aplicación para acomodar un conjunto de características más robusto. “Hay muchas cosas nuevas que estamos emocionados de implementar durante el próximo año, y la estructura original era demasiado ajustada. Necesitábamos más espacio para crecer ”, dice Regy.
El último objetivo se centró en la utilización. “También queríamos abordar los problemas de accesibilidad y utilidad que los afiliados plantearon a nuestros equipos de conserjería”, dice Regy. "La nueva aplicación presenta tamaños de letra más grandes y colores mas oscuros con mayor contraste para mejorar la legibilidad".
Una descripción general del proceso de rediseño de la aplicación
Mientras que el equipo de experiencia de los afiliados digitalizados (conocido como DMX dentro de las paredes de Oscar) encabezó el proceso de rediseño, se necesitó un equipo de interesados, afiliados, diseñadores e ingenieros para dar vida a la renovada aplicación.
El proceso comenzó con Adam Karnas, Gerente Senior de Diseño de Producto, quien realizó una serie de revisiones internas. Conversó con los equipos internos de Oscar para tener una idea de dónde estaban los puntos clave de fricción de los miembros con la aplicación existente, y utilizó tickets de revisión y soporte en línea para recopilar comentarios directos de los miembros.
Después de extrapolar los problemas clave, Regy y Adam elaboraron un resumen de diseño completo que describía los objetivos del proyecto, los comentarios de las partes interesadas, las historias de los usuarios y las fechas clave de entrega del proyecto. Lo revisaron con el equipo de ingeniería y refinaron su enfoque basándose en la conversación.
Entonces comenzó la concepción. Regy y Adam desarrollaron originalmente tres versiones diferentes de la aplicación para probar: una con opciones mínimas (Opción A), una con muchas opciones (Opción C) y otra con una cantidad seleccionada de opciones (Opción B). Ejecutaron todos estos conceptos mediante la ingeniería desde el principio para obtener su perspectiva sobre la elevación técnica y el alcance de cada versión.
Tres opciones de prototipos originales (A, B y C de izquierda a derecha) para el rediseño de la aplicación Oscar *
A continuación, Regy y Adam llevaron a cabo una ronda preliminar de pruebas de usuarios con afiliados de Oscar. Les mostraron los tres prototipos y recibieron comentarios en el transcurso de una hora.
“Los afiliados que vinieron no eran fanboys y fangirls. Nos dieron comentarios muy críticos, pero también nos animan. Algunas personas que entraron estaban muy familiarizadas con la aplicación y algunas casi no la usaban. Esto nos ayudó a crear una solución que funcionaría para todos ”, dice Adam.
Según la primera prueba de usuario, identificaron la versión de la Opción B como la ganadora. Regy y Adam luego refinaron las interacciones, la navegación y el diseño visual de este prototipo, y se aseguraron de que todo funcionara de manera consistente en los dispositivos iOS y Android.
Luego, llevaron a cabo una segunda ronda de entrevistas de usuarios con un conjunto diferente de miembros para validar la dirección final del diseño. “Estábamos especialmente mirando para ver cómo respondían los miembros a las ilustraciones. En general, fueron bien recibidos. Seguimos perfeccionando los iconos de búsqueda de cuidados para que las metáforas visuales fueran más claras ”, dice Regy.
Después de un pulido y ajuste final, Regy y Adam entregaron los diseños al equipo de ingeniería para comenzar a trabajar en el código.
La apariencia del rediseño final de la aplicación *
Los desarrolladores refactorizaron todo el código base en React Native para que, en el futuro, puedan mantener una única versión de la aplicación que funcione en dispositivos iOS y Android.
Aprendizajes clave
El equipo de DMX aprendió mucho a lo largo del proceso de rediseño sobre las mejores prácticas de diseño y desarrollo. Algunas de las conclusiones clave fueron las siguientes:
EI cíclico> EI lineal . Pasar de un EI lineal a uno cíclico permite a los miembros acceder a la información que les interesa con menos esfuerzo.
La revelación progresiva es mejor que más opciones . Los miembros prefirieron un flujo de información más progresivo con menos opciones en cada etapa.
El nombre es importante . La terminología estándar de la industria, como la Encuesta de salud, no es intuitiva para los miembros. Siempre que sea posible, es mejor utilizar un lenguaje explicativo y relatable.
La agrupación de información ayuda . La consolidación de la información relacionada con el plan de salud en una sola pestaña fue una victoria para los afiliados.
La personalización funciona . Los miembros respondieron bien a las fotos reales de los miembros de su equipo de Concierge y a una ilustración de fondo con orientación geográfica.
Un código base los gobierna a todos . Refactorizar la aplicación completa en React Native, aunque tomó más tiempo que simplemente actualizar el código existente, les dará a los desarrolladores más tiempo en el futuro para crear nuevas funciones en lugar de mantener múltiples versiones de la aplicación.
Mejoras futuras
Con la aplicación Oscar recientemente renovada, hay espacio para agregar nuevas funciones y mejorar las existentes. En los próximos meses, el equipo implementará actualizaciones adicionales que ayudarán a los afiliados a guardar a los médicos, centros médicos y miembros del equipo de Concierge preferidos en un solo lugar, y tomar decisiones informadas sobre qué médicos ver y cuándo.
La aplicación Oscar seguirá creciendo y cambiando con el tiempo. ¡Estén atentos para más actualizaciones pronto!
