Hoe we Oscar 2.0 hebben ontworpen

In het najaar van 2016 sloot ik mijn eerste bedrijf en ging ik werken bij Oscar. De missie van Oscar is om de ziekteverzekering de 21e eeuw in te brengen. Mijn taak was om een ​​nieuw ontwerp uit te voeren van onze mobiele eigenschappen, helemaal opnieuw opgebouwd, in react native.

Het hele proces kostte veel onderzoek, prototyping, testen en ontwikkeling. Uiteindelijk hebben we een oplossing bedacht die naar onze mening de gezondheidszorg gemakkelijker te begrijpen, toegankelijker en handiger maakt.

Hier is wat nodig was om het te laten gebeuren.

Controle en inventarisatie

Toen ik bij Oscar kwam, begon ik snel 1 op 1's te plannen met al onze interne productteams om de apps van leden en providers beter te begrijpen.

Wat ik ontdekte, was dat de vorige versie van de app in meer dan twee jaar niet was bijgewerkt. In die tijd had Oscar een serieuze technische en ontwerpschuld opgebouwd. Onze iOS-app is samengesteld door 1/3 Obj-C, 1/3 Swift en 1/3 React native.

Mijn * zeer * eerste project was eigenlijk het bijwerken van de tijdlijn die je uiterst rechts ziet. Helaas hebben we het uiteindelijk in het oude 'gezondheidsprofiel' geplaatst

Na iedereen te hebben ontmoet, begon ik een mobiele kaart van de iOS- en Android-apps in Sketch samen te stellen. Al met al kreeg ik ongeveer 50 tot 60 screenshots die moesten worden samengevoegd. Het doel was om het product beter te begrijpen en te zien waar inconsistenties bestonden. Omdat we beide apps in React Native aan het herbouwen waren, was het ook nuttig om al onze UI-componenten te inventariseren en te zien waar we verschillen in grootte hadden.

Een ding dat me meteen opviel, was dat het visuele merk en de identiteit van Oscar ook waren geëvolueerd. De mobiele app voelde niet langer consistent met onze site en ons marketingmateriaal en we wilden ervoor zorgen dat het nieuwe mobiele ontwerp goed op elkaar afgestemd was.

Gelukkig had ik het geluk om met een aantal echt getalenteerde mensen aan de merkkant te werken. Roep Maxwell, Emili en het hele Output-team. De heerlijke en bevredigende merkelementen die je in de hele app ziet, zijn in samenwerking met hen gedaan en hebben de app echt tot leven gebracht.

Een stap terug doen en doelen stellen

Toen we eenmaal het grote geheel hadden, begonnen we een routekaart samen te stellen en bredere doelen voor het herontwerp te stellen. We ontdekten meteen dat we het voor mensen gemakkelijker wilden maken om zorg te vinden, met een arts te praten en al hun gezondheidsinformatie op één plek te raadplegen.

We wilden ook het gebruik van onderbenutte functies stimuleren, zoals berichten met conciërge en het boeken van afspraken. De toegankelijkheid zou worden verbeterd door de introductie van grotere lettergroottes en donkere kleuren met een hoger contrast om de leesbaarheid te verbeteren.

Voorgestelde informatiearchitectuur voor onze mobiele apps

Een gerelateerd doel was om de informatie-architectuur van de app te heroverwegen om nieuwe functies op de weg mogelijk te maken. We hebben het komende jaar een aantal opwindende nieuwe functies en we hadden meer ruimte nodig om op te schalen.

Vertrouw het proces

Na het opstellen van een stappenplan en het afstemmen van onze doelstellingen, begonnen Adam Karnas en ik een handvol interne interviews op te zetten. We hebben met elk van de productteams van Oscar gesproken om een ​​idee te krijgen waar de belangrijkste wrijvingspunten van de leden zich binnen de bestaande app bevonden. We hebben ook online beoordelingen en ondersteuningstickets gebruikt om directe feedback van leden te verzamelen.

Na het samenvoegen van notities, stelden Adam en ik een volledig ontwerpoverzicht samen waarin de projectdoelen, opmerkingen van belanghebbenden, gebruikersverhalen en belangrijke leverbare datums voor het project werden uiteengezet. We hebben het samen met het engineeringteam beoordeeld en ervoor gezorgd dat alles wat we schetsten in scope en mogelijk was voor V1.

Proces, proces, proces.

Toen we op een goede plek aankwamen, stelden we drie verschillende ontwerpen samen om te testen. Een die dynamisch is veranderd op basis van locatie en beschikbare services (Optie A), een WYSIWYG-versie waarbij al onze kernfuncties toegankelijk waren vanaf het startscherm (Optie B), en een die meer door ons was samengesteld om leden te begeleiden naar dingen die we wilde ze aanvullen of ermee bezig zijn (optie C).

Onze originele prototypeconcepten voor gebruikerstests (A, B en C van links naar rechts).

Vervolgens hebben we een voorlopige gebruikersronde uitgevoerd met Oscar-leden. We hebben ze alle drie de prototypes laten zien en hebben in een uur feedback gekregen. Alle interviews werden opgenomen en gedocumenteerd zodat we terug konden gaan en gedrag en reacties konden bestuderen.

Dat draag ik een Pablo-hoodie rechtsonder.

Sommige leden die binnenkwamen, waren niet 100% overtuigd van de ontwerpen die we hen lieten zien. Anderen gaven ons kritische feedback en zeiden dat ze ons aanmoedigden. Er waren ook leden die de app goed kenden en anderen die de app nauwelijks hadden gebruikt.

Nadat we alle feedback van de eerste testronde hadden verwerkt, realiseerden we ons al snel dat optie B de winnaar was. We gingen toen terug en begonnen met het verfijnen van interacties, navigatiepatronen en visueel ontwerp voor dit prototype, om ervoor te zorgen dat alles consistent zou werken op iOS- en Android-apparaten.

Welkom thuis

Drie dingen die we op het startscherm wilden benadrukken: zorg vinden, met een arts praten en met uw conciërge praten. De illustratie verandert ook dynamisch op basis van de stad waar u zich bevindt.

Zorg binnen handbereik

Een groot thema in dit herontwerp was toegankelijkheid. We wilden dat leden context hebben achter onze services en profiteren van voordelen die voor hen gratis waren.

Verbeterde telegeneeskunde

Praten met een arts en conciërge zijn twee van onze belangrijkste functies. We wilden een meer gepersonaliseerde ervaring creëren en praten met een arts minder intimiderend maken.

Al uw gezondheidsgeschiedenis op één plek

Ziektekostenverzekering is waanzinnig ingewikkeld. Een grote overwinning voor ons was dat we de belangrijkste gezondheidsinformatie van onze leden in één weergave konden distilleren. Uw plan, laboratoriumresultaten, voorschriften en geschiedenis moeten altijd toegankelijk zijn.

Verbeterde on-boarding

Onderwijs is een van de belangrijkste onderdelen van ons product. We wilden onze leden leren hoe ze kunnen profiteren van onze nieuwe diensten en voordelen die onder hun plan vallen.

Heerlijke ervaringen

Maak een ervaring plezierig. Het synchroniseren van stappentellingen was een van onze meest gebruikte functies. Dus hebben we besloten om leden te belonen wanneer ze hun dagelijkse doel bereiken.

Bijlagen van leden uploaden

Dit was een andere functie die we tijdens het proces helemaal opnieuw hebben gebouwd. Hiermee kunnen leden contextuele afbeeldingen of documenten toevoegen wanneer ze met hun conciërge praten. Dit helpt ons beter aan uw behoeften te voldoen.

Resultaten zien

We hebben de app-update vorige week uitgebracht en hebben nauwgezet de betrokkenheid en het gedrag van leden bijgehouden. Hier zijn enkele vroege cijfers van de afgelopen 7-10 dagen. Erg enthousiast om gegevens binnen te halen en te gebruiken om beter geïnformeerde ontwerpbeslissingen te nemen.

Belangrijke afhaalrestaurants

Als team hebben we veel geleerd over het herontwerpproces en best practices voor het overstappen van ontwerp naar ontwikkeling. Hier zijn enkele van de belangrijkste afhaalrestaurants:

  • Cognitieve overbelasting is echt. Leden gaven de voorkeur aan een meer progressieve informatiestroom met minder opties in elke fase. Overweldig mensen niet meteen met te veel opties.
  • Naamgeving is belangrijk. Standaard brancheterminologie zoals Health Survey is niet intuïtief voor leden. Waar mogelijk is het het beste om in plaats daarvan verklarende, herkenbare taal te gebruiken.
  • Groepeer altijd relevante informatie. Door gerelateerde informatie over het gezondheidsplan in één tabblad samen te voegen, hebben we het voor leden duidelijk en gemakkelijk gemaakt om toegang te krijgen.
  • Personalisatie is belangrijk. Leden reageerden goed op echte foto's van hun Concierge-teamleden en een geografisch gerichte achtergrondillustratie.
  • React Native zijn de bijenknieën. Hoewel het iets langer duurde om de hele app in React Native te refactoren, heeft het ontwikkelaars meer tijd gegeven om nieuwe functies te bouwen in plaats van afzonderlijke versies van de app te onderhouden.

Toekomstige updates

In de komende maanden zal het team aanvullende updates uitrollen waarmee leden voorkeursartsen, medische centra en conciërge-teamleden op één plek kunnen redden. En tegelijkertijd helpen ze beter geïnformeerde beslissingen te nemen over welke artsen ze moeten zien en wanneer.

We zijn ook begonnen met het systematiseren van ons ontwerpproces door UI te bouwen als componenten als onderdeel van onze mobiele anatomie in React Native. Dit maakt het mogelijk om snel te itereren, de ontwikkeltijd te versnellen en de ontwerpconsistentie te behouden.

Opgewonden om te zien waar het heen gaat.

Roep het hele Oscar-ontwerpteam om dit te helpen realiseren. Frank G, Maxwell Holyoke-Hirsch, Gabe Schindler, Josh Long, Adam Karnas, Gabbie Williams, Anthony Zhang, Emili Hsu

Postscriptum Sorry voor de laadtijd op deze GIFS, probeerde alle soorten compressie en nog steeds nada