De opdracht
Een app ontwerpen dat samenwerkt met een automatische voerbak voor katten. Het ging hier om een fictief merk. Met deze app moest de eigenaar hun kat op afstand eten kunnen geven en ook een oogje op hun kat kunnen werpen. De volgende onderdelen werden onder ons verdeeld.
- Dashboard en navigatie
- Instellen voedingsschema
- Extra maaltijd, live feed en spraakopnames
- Terugkijken opgeslagen video's
- Profielen en toegang delen
Mijn onderdeel was: het instellen van een voedingsschema.
Eindresultaat
Een voedingsschema toevoegen
Bestaande voedingsschema's activeren, aanpassen of verwijderen
Een voedingsmoment direct wijzigen of verwijderen
Een video-opname instellen en daarna activeren
Eerst aan de slag op papier
Flowcharts, wireframes en prototypes
Ik begon eerst met het maken van een flowchart en wireframes. Toen ik dacht een logische opzet te hebben begon ik met het maken van een paper prototype. Hiermee zou ik de eerste testronde uitvoeren. Mijn doel voor het testen was om uit te zoeken of de stappen zonder uitleg begrijpbaar en goed te volgen waren, ik ging daarom een usability test uitvoeren. Ook tekende ik hier een scenario voor, als visuele ondersteuning bij het geven van de opdracht.
Testresultaten
Wat voor de meeste verwarring zorgde was de pop-up die vroeg of je de huidige aanpassingen van het schema ook wou meenemen naar een andere dag. Dit zou ik meenemen naar de volgende iteratie met alle andere feedback. Ook had ik moodboards meegenomen naar het testen; een natuurlijke stijl (groen en bruine tinten) en een wat speelse stijl (paars en blauw). De natuurlijke stijl werd beter ontvangen dan de speelse variant, omdat deze een rustgevend gevoel gaf en niet voor teveel prikkels zorgde.
Een A/B test uitvoeren
Twijfels uittesten
Na alle feedback verwerkt te hebben in een klikbaar prototype (met Figma), besloten we een A/B test uit te voeren. We twijfelden nog tussen twee kleurstijlen en wilden graag weten welke voorkeur de respondenten hadden, en waarom. Ook wilde ik testen of men voorkeur had voor een thuis-knopje of hamburgermenu voor de navigatie.
Hamburgermenu voor overzicht
Uit de test bleek dat de meesten een voorkeur hadden voor het hamburgermenu, het maakte de verbinding naar andere onderdelen van de app meer overzichtelijk. Ook kozen de meeste voor de beige versie omdat deze rustgevend was, wat ook onderdeel van ons ontwerpdoel is. Er was wel iemand die voorkeur had voor de groene variant, maar hierbij zei ze dat ze deze versie gewoon leuker en vrolijker vond. Omdat onze ontwerpvraag gericht was om katteneigenaars rust aan te bieden hebben we ervoor gekozen om verder te gaan met de beige versie.
Toch maar geen hamburgermenu?
Alle onderdelen samenlinken
Tijdens deze iteratie gingen we meer samenwerken als team, onze onderdelen moesten nu echt nauw aansluiten op elkaar zodat het één geheel zou worden. Op dit moment dacht ik eerlijk gezegd dat we door zouden gaan met het hamburgermenu, omdat iedereen van mijn vorige test aangaf dat dit prettig was. Dus toen een teamgenoot als suggestie gaf om een navigatiebalk te gebruiken snapte ik dit even niet, waarom verder zoeken? Maar eenmaal dat ik hier wat in ging verdiepen en ook na feedback van mijn docent zag ik dat veel apps hier gebruik van maken en dat dit best makkelijk in gebruik is.
Laatste test en aanpassingen
We besloten om nu nogmaals een A/B test uit te voeren, om te zien wat de doelgroep hier van vond. Daarnaast begonnen we ook gebruik te maken van grids, en hadden we een style tile gemaakt, zodat onze lay-outs en de groottes van de letters en iconen op elkaar aansloten.
Conclusie & Reflectie
Op de expo gaf de opdrachtgever ons complimenten over het ontwerp en hoe netjes en duidelijk het eruitzag. Dit was de eerste keer dat ik schermen van een app heb ontworpen, ik merkte dat ik het heel leuk vond om schetsen te maken en te spelen met verschillende kleuren en lay-outs. Verder vond ik het testen ook heel prettig omdat er hieruit feedback kwam waar ik zelf nog niet zo gauw aan gedacht had. Natuurlijk waren er momenten dat het beter kon, maar over het algemeen was het een positieve ervaring. 😊
Leerpunten
- De app was gericht op huishoudens met 1 kat. Ik had zeker wel rekening kunnen houden met huishoudens met meerdere katten
- In het begin was ik geneigd me alleen op mijn eigen onderdeel te richten, maar later zocht ik actief naar manieren om echt samen te werken in Figma. De sfeer in het team werd ook steeds losser en hierdoor konden we actief ideeën bespreken
