Part of the Earth - Backoffice

Design van de backoffice van de Part of the Earth webapp

Project details

Part of the Earth stichting - backoffice
Jaar: 2020

Mijn rol

In dit project werkte ik in een team. Mijn rol was het ontwerpen van de sitemap, de wireframes, het visuele gedeelte en de prototypes. Het testen voor de gebruiksvriendelijkheid van de app heb ik ook uitgevoerd.

De uitdaging

De backoffice wordt door vrijwilligers van Part of the Earth beheert. Zij moeten eenvoudig stukken natuur aan partners kunnen koppelen, adressen van partners bij kunnen houden en content kunnen creëren en koppelen aan stukken natuur. Het koppelen van partners aan een stuk natuur willen we in de toekomst zoveel mogelijk automatiseren.

stapel van backoffice schermontwerpen voor de mobiele versie
mockup van de content pagina van de POTE backoffice

Het project in vogelvlucht

Om te starten heb ik een sitemap gemaakt en vlak daarna de wireframes. Deze wireframes heb ik getest bij ongeveer 5 testers. In samenspraak met het team heb ik besluiten genomen over de visuele bouwstenen zoals de kleuren, typografie en de fotografiestijl.

Wireframe

Tijdens het testen van de wirteframes heb ik gelet op de flow van de app. Vijf testers hebben de app getest met papieren wireframes. Door duidelijke opdrachten te geven kreeg ik inzicht in waar er verbetert kan worden aan de app. Zo kwam er uit de test naar voren dat een visuele kaart niet nodig is. De kaart is vooral leuk voor de app zelf, maar voegt niets toe in het beheergedeelte van de app. Verder kwam ik er achter dat een advanced search overbodig is. Een eenvoudige zoekfunctie met een paar filters zou voldoende moeten zijn. Als de app complexer wordt in de loop van de tijd kan er altijd nog een advanced search toegevoegd worden.

perspective weergave van de mobiele mockups

Prototypes

Tijdens het testen van de prototypes vielen een aantal dingen op. De app heeft twee aparte pagina’s voor Parts en Partners. Bij parts kun je de stukjes natuur opdelen en toevoegen aan een nieuwe of bestaande partner. Partners is een contactenbestand van de partners waarmee de stichting samenwerkt. Hierin kun je meer informatie vinden over de partners en de stukjes natuur die ze sponsoren. De grote bevinding tijdens het testen van de app is dat deze twee pagina’s het beste samengevoegd kunnen worden, zodat het allemaal op één plek te vinden is.

mockup voor het scherm om parts aan partners toe te kennen
Mockup van het content scherm in desktop modus en een hand die een telefoon vasthoud waarop het home schrem te zien is