Skip to content

Instantly share code, notes, and snippets.

@wvteijlingen
Created December 17, 2020 10:12
Show Gist options
  • Save wvteijlingen/2802fc0264ac7ef62fdbf6a6e2ea3717 to your computer and use it in GitHub Desktop.
Save wvteijlingen/2802fc0264ac7ef62fdbf6a6e2ea3717 to your computer and use it in GitHub Desktop.

Hierbij mijn lijst. Sorry dat het een beetje veel is geworden. Ik heb gewoon de app doorgelopen en opgeschreven wat me te binnen schoot. Om het een beetje behapbaarder te maken heb ik het wel onderverdeeld in categorieën.

Customer Journey

Autocheck De autocheck is volgens mij een van de kernpunten die we aanbieden met Smart Driver. Ik vind dat dit wel wat meer naar voren zou mogen komen in de app; de customer journey voor autocheck is eigenlijk gewoon non existent.

De enige informatie over de check is de summiere tekst in de bottom sheet als je het invite-item opent, en zelfs daarin staat eigenlijk niet uitgelegd hoe het werkt en wat we doen. De autocheck invite-detailpagina is nu alleen een functionele lijst met checkmarks en een belknop. Het is niet echt enthousiasmerend, terwijl het toch best een mooie service is die ANWB ook promoot in haar marketing.

Opt-in voor locatie Misschien ben ik een beetje een privacy-fetishist, maar eerlijk gezegd zou ik dit product eigenlijk niet willen omdat het continue de locatie van je auto opslaat. De ANWB (en 3rd party diensten?) weten dus eigenlijk altijd waar ik ben met de auto. Dit vind ik niet echt meer van deze tijd, en volgens mij is het ook helemaal niet nodig voor de diensten die we verlenen. Alleen voor de Wegenwacht-intake is het handig, maar dan kun je gebruikers ook vragen om pas op dat moment hun locatie te delen. Of wellicht zie ik een bepaalde grondslag voor het opslaan van deze info over het hoofd, dat kan ook :).

Flows en navigatie

Mijn Auto als verzamelbak “Mijn Auto” is nu een verzamelbak voor features: vehicle status, information items, information item history, een kaart, je kilometerstand, je kenteken, kilometerstand wijzigen, vehicle information, service level, dwl’s…

Het voelt wat rommelig aan, en ik denk dat het een stuk opgeruimder en gerichter kan.

Solutions page Dit voelt als een loze tussenpagina. Soms staat er zelfs maar één solution. Waarom moet de gebruiker hier doorheen navigeren en staan deze opties niet direct in de bottom sheet?

Meer-menu Ik raak nog steeds de weg kwijt in het meer-menu en haar submenu’s. Ik vind de informatie-hiërarchie onlogisch.

Visueel

Luchtiger design Het huidige is ontwerp is strak, maar ik vind het af en toe een beetje te gecomprimeerd. Er is weinig witruimte, teksten zijn klein, en alles is op iOS net even een beetje te plat om te passen bij iOS 14 (vind ik).

Consistentie in typografie, kleuren en marges Dit is natuurlijk al een langslepend issue. Het wordt zeker steeds beter, niet in de laatste plaats door de inspanningen van Mendert, maar ik heb het idee dat we nog veel blijven hangen in wat Melle ooit gemaakt heeft, en dat is gewoon niet consistent. Is het misschien een idee om met een nieuw maagdelijk Sketch-document te beginnen, en daarin gewoon de stijlen direct goed te maken ipv. proberen verder te borduren op het oude rommeltje?

Als we dan gewoon scherm voor scherm copy-pasten van het oude document naar het nieuwe, en dan direct deze schermen goed consistent maken met styles en components en dergelijke, dan hebben we in ieder geval in Zeplin een soort “North Star” voor het design. Vervolgens kunnen we dan stories maken om het stukje bij beetje recht te trekken in de code.

Illustraties De app bevat vooral tekst. Dat is wel logisch omdat het vooral content-gericht is, maar ik denk dat de app een stuk “leuker” zou worden met mooie illustraties. De service level info-pagina’s zijn bijvoorbeeld heel leeg en saai. Hier zouden mooie illustraties bij kunnen die de service uitbeelden oid. Een ander voorbeeld is de onboarding. Deze ziet er vrij saai uit, terwijl de gebruiker denk ik juist een “woohoo!”-gevoel moet krijgen als de connector binnen is en hij de app gaat opzetten.

Iconografie De iconen in de app zijn inconsistent. Lijndikte, wel of niet gevuld, etc… Het komt niet over als een mooie passende icon set. De iconen in de tab bar op iOS passen ook niet in het OS (imho).

Welkom- en login scherm Zou tof zijn als we deze ook kunnen upgraden naar het nieuwe ontwerp.

Landscape-modus Op iOS is dit niet zo belangrijk, maar blijkbaar is het op Android echt heel schraal als je dit niet ondersteunt.

Dark mode Dark mode.

Overig

Kleine issues

  1. Consistentie in titels in nav bar vs titels in content.
  2. “Sluiten” knop in bottom sheet?
  3. Herbruikbaar pattern bedenken voor view states: loading/submitting/error/success (gisteren al ter sprake gekomen met Mendert).
  4. Sommige schermen op iOS zij niet zo goed afgewerkt voor kleine resoluties. Vitale content valt dan “below the fold”. Hier ben ik ook zeker zelf debet aan, maar dit zouden we wel kunnen verbeteren.

Buiten de app

Doosje van connector Het kartonnen doosje vind ik qua ontwerp en tekst een beetje slordig. Elementen zijn scheef uitgelijnd, iconen zijn inconsistent, teksten zijn niet consequent in gebruik van interpunctie en hoofdletters, enz. Heeft geeft niet echt het gevoel van een gelikt afgewerkt product.

Integratie met andere ANWB-diensten Dit is denk ik niet haalbaar op korte termijn, maar het zou mooi zijn als we echt kunnen integreren met de Wegenwacht of LSC, zodat we niet steeds een bel-knop hoeven te tonen en dan maar moeten gokken dat de gebruiker heeft gebeld. Bijvoorbeeld: als er Wegenwacht-followup nodig is, of om een Autocheck-afspraak te maken.

Specifieke API’s ipv generieke Voor zover ik weet maakt de backend API’s die specifiek gemaakt zijn voor de Smart Driver app. Is het misschien een idee om deze API’s dan ook wat specifieker te maken voor de app? Nu moeten we bijvoorbeeld op Mijn Auto een handjevol endpoints aanroepen, terwijl de backend ook gewoon alle benodigde info zou kunnen onderbrengen onder een /dashboard endpoint oid. Dat zou denk ik de laadtijden en gebruikerservaring wel ten goede komen. Er zitten vast haken en ogen aan, maar misschien eens de moeite om te onderzoeken.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment