Design principes voor web app

Je hebt geen ontwerp nodig, maar een plan. Hoe je als compact bedrijf kosten kunt besparen met een design plan. Een pakket aan heldere principes als handvatten voor je front-end designers.

De uitdaging
Voor een softwarebedrijf als Smart.pr is het niet altijd mogelijk om fulltime een senior designer in dienst te hebben. Los van de kosten is er vaak niet genoeg werk om een volle week te vullen en een extra schakel vertraagt het testtempo dat software-ontwikkeling nodig heeft. Maar de front-end designers en stagiaires losten het ook niet op: elke kick-off begon weer bij nul, met eindeloze discussies over nieuwe functionaliteiten.

De uitwerking
Na een aantal gesprekken had ik een inzicht; wij mensen zijn gewoontedieren, een groot deel van digitaal design is binnen een webapplicatie voorspelbaar genoeg om vast te leggen. In plaats van een ontwerper te zoeken, stelde ik voor een design plan te ontwikkelen: vaste principes die voor de hele applicatie zouden gelden.

Voor een bedrijf dat software ontwikkeld is het belangrijk om eerst de plek van dit plan te bepalen, binnen het eigen bouwproces. Dit deed ik aan de hand van een model: de ‘Design Tree’. Dit verdeelt alles wat het bedrijf ontwerpt in de onderdelen van een boom. De takken zijn de onderdelen van de applicatie, de vruchten de iconen en illustraties. Het design plan bevind zicht in de stam. Als toevoer kanaal van het water (gebruikers wensen en feedback) dat de wortels verzamelen, maar ook als robuuste basis die de boom omhoog houdt als er een fikse trendy design wind waait. Hiermee werd expliciet duidelijk wat de functie van het design plan zou worden.

Het resultaat
Om het plan op de juiste wijze te kunnen overdragen ontwikkelde ik een Art Direction document op basis van logica en principes, waarmee Smart.pr's front-end designers zelfstandig verder konden.

"We verspilden jaren aan discussies bij het ontwerp van nieuwe functionaliteiten omdat het design hierbij vaak onduidelijk was. Nu is met de designfilosofie die JarienGeels introduceerde direct duidelijk hoe iets opgebouwd moet worden. Ons team van 11 developers had hierdoor opeens geen UX/UI-specialist meer nodig, en dat is tot op de dag van vandaag nog zo."

— Rutger Baake, Managing Director, Smart.pr