Ontwerpen voor de beste gebruikerservaring

Het ontwerpen van de apps en websites gebeurt voornamelijk in Sketch van het Nederlandse bedrijf Bohemian BV. Deze macOS-applicatie is speciaal gebouwd voor UX en UI designers. Sketch werkt dankzij de Invision Craft-plugin goed samen met Invision, een platform voor het maken van prototypes. Door het hele ontwerpproces wordt dan ook flink veel gebruik gemaakt van dit krachtige duo, voor evaluatie van het ontwerp door de klant en communicatie intern met de developers.

Al tijdens het offerte-traject, wordt op basis van de opdracht een ontwerp-opzet gemaakt. Hierbij worden zaken als huisstijl, doelgroep en gewenste uitstraling meegenomen en worden twee tot drie key-schermen ontworpen. Een key-scherm is een scherm waar of de meeste interactie mee plaatsvindt, of waarbij de werking van de app duidelijk gemaakt wordt. Dit gebeurt op basis van het concept dat op dat moment al vrijwel volledig uitgedacht is door het 9to5 team.

Met de tekentablets van Wacom ontwerpen onze designers de interfaces in Sketch. Onze designers kennen de Google Material Design Guidelines en de Apple Human Interface Guidelines vrijwel uit het hoofd. En door veel op vlogs over iOS of Android beta-versies te kijken of de beta-versies zelf te installeren, wordt er altijd gestreefd naar het meest recente neusje van de zalm op UI-gebied. Naast de eigen obsessie voor design, wordt er soms ook voor extra inspiratie op Pinterest of Dribble gekeken.

Er wordt voor het ontwerpen hoofdzakelijk Sketch gebruikt, maar dit wordt aangevuld met Adobe Creative Cloud. Dit gaat van Adobe Illustrator en Adobe InDesign voor het ontwerpen van vectoren en lay-outs, tot animaties in Adobe After Effects en foto’s bewerken in Adobe Lightroom en Adobe Photoshop.

Hoewel we het liefst alles zelf ontwerpen en maken, is het vaak zonde om het wiel opnieuw uit te vinden. Daarom wordt er voor iconen veel gebruik gemaakt van het zeer uniforme en goed ontworpen Google Material Icons. Voordeel van deze iconen is dat deze met een duidelijke design guidelines geleverd worden, dus dat maakt het makkelijk is om een custom icoon te ontwerpen die er exact bij past. Daarnaast wordt er dankbaar gebruik gemaakt van de website sketchappsources.com. De Sketch-community is zeer actief en plaatst op deze site enorm veel handige Sketch assets.

Het design bij 9to5 gaat verder dan hoe de software eruit moet zien. Wij ontwerpen ook het beeldmateriaal voor de App Store, Google Play, sociale media, kranten, direct-mailings, printbare brochures en andere marketing. Door dezelfde ontwerper los te laten op de marketing-assets, krijg je een coherente uitstraling.

Het tonen van een simpel screenshot is vaak toereikend genoeg, maar bij 9to5 merken wij dat meer context belangrijk is. Met behulp van mooie device frames, van bijvoorbeeld MockuPhone, plaatsen wij binnen de kortste keren een screenshot in een telefoon. Willen wij keuze hebben uit meer telefoonmodellen of meer controle uit kunnen oefenen op het eindresultaat, dan bieden de Sketch-bestanden van facebook.design uitkomst.