Huisstijl en gebruiksgemak in je auto-app
je eigen merk op een scherm dat met één hand bediend wordt
Uitgelichte huisstijlen
Een app is de kleinste plek waar je huisstijl moet werken
Op een gevel heb je meters. Op een telefoon heb je een icoon van een centimeter en een scherm waar iemand met zijn duim overheen veegt terwijl hij op de bank zit. Toch is dat het meest bekeken stuk huisstijl dat je hebt: je vaste klanten zien je app vaker dan je pand.
Op deze pagina staat wat je vastlegt over kleur, typografie en schermopbouw, en waar gebruiksgemak zwaarder weegt dan smaak. De opbouw van de app als geheel staat op automotive app laten maken. Wat een huisstijl precies is, staat op huisstijl ontwerpen.
Het icoon is je visitekaartje
Het app-icoon staat tussen dertig andere op een beginscherm. Het wordt herkend of het wordt overgeslagen, en daar heb je een fractie van een seconde voor.
- Neem het beeldmerk, niet je volledige logo met tekst eronder.
- Gebruik één achtergrondkleur, en het liefst de kleur waar je bedrijf om bekendstaat.
- Zorg dat het herkenbaar blijft op een klein formaat – zet het naast andere iconen en kijk van een armlengte.
- Vermijd dunne lijnen en verlopen; die verdwijnen bij het verkleinen.
- Houd hem gelijk in de App Store en Google Play.
Heb je een huisstijlhandboek, dan staat het beeldmerk daar al in de juiste vorm. Zie huisstijlhandboek en brand guidelines.
Kleur en typografie op een klein scherm
Wat op een website werkt, werkt niet automatisch in een app. Een scherm wordt in de zon bekeken, ’s avonds in het donker en met een vette duim.
Kleur
Gebruik je merkkleur voor de dingen waarop geklikt wordt, en verder rustig grijs en wit. Een app die helemaal in je huisstijlkleur staat, is vermoeiend om te gebruiken. Houd voldoende contrast tussen tekst en achtergrond – een lichtgrijze letter op wit is op een terras onleesbaar.
Typografie
Je huisstijllettertype kan meestal mee, maar niet elk lettertype is gemaakt voor kleine formaten. Test op een echt toestel voordat je besluit. Zet de kleinste tekst niet onder de gangbare ondergrens, en laat de app meegroeien als iemand in zijn telefoon een grotere letter heeft ingesteld.
Hoe dezelfde huisstijl op je website landt, staat op huisstijl op website.
Alles binnen duimbereik
Een auto-app wordt eenhandig gebruikt: in de rij bij de kassa, op de bank, in de pauze. Het onderste derde deel van het scherm is het makkelijkst bereikbaar, en daar hoort je navigatie.
- De belangrijkste knoppen onderin, niet in een menu rechtsboven.
- Maximaal vier of vijf ingangen: aanbod, favorieten, mijn auto, contact.
- Knoppen groot genoeg om te raken zonder te kijken.
- Terug moet altijd werken, ook met een veeg.
- Geen functie die drie schermen diep zit.
Kijk kritisch naar wat je weglaat. Elke extra ingang maakt de andere moeilijker vindbaar. Wat er in het aanbodscherm hoort, staat op occasion-app voor autobedrijven.
De eerste keer openen bepaalt of hij blijft staan
Het grootste verlies zit in de eerste minuut. Iemand installeert de app, opent hem, ziet iets wat hij niet snapt en verwijdert hem.
Laat daarom meteen zien waar het over gaat: je aanbod, in beeld, zonder inlogscherm ervoor. Vraag pas om gegevens als de gebruiker iets wil dat ze nodig heeft – een zoekwekker instellen, een afspraak maken. Vraag toestemming voor meldingen op datzelfde moment, niet ervoor.
Een account moet optioneel zijn tot het echt niet anders kan. Elke drempel voor de eerste waarde kost je gebruikers. Zie ook privacy en AVG in je auto-app.
Foto’s bepalen hoe je bedrijf overkomt
In een auto-app is beeld het grootste deel van de vormgeving. Tien auto’s die er allemaal anders uitzien, maken een rommelige indruk – ook als je huisstijl klopt.
Fotografeer elke auto op dezelfde plek, met dezelfde uitsnede en in dezelfde volgorde. Zorg dat de eerste foto altijd hetzelfde standpunt heeft, want die staat in de lijst. Vermijd wisselende achtergronden en let op de stand van de wielen.
Dat is geen esthetische luxe: een consequente reeks leest als een verzorgd bedrijf, en dat is precies het gevoel dat iemand moet hebben voordat hij belt over een auto van duizenden euro’s.
Toegankelijk voor iedereen die je klant is
Je klantenkring loopt van twintig tot tachtig. Een app die alleen voor de bovenste helft werkt, laat de helft van je werkplaatsklanten buiten staan.
- Voldoende contrast tussen tekst en achtergrond.
- Tekst die meeschaalt als iemand grotere letters heeft ingesteld.
- Knoppen met tekst erbij, niet alleen een icoon dat je moet raden.
- Werkende ondersteuning voor voorleessoftware.
- Geen informatie die alleen met kleur wordt overgebracht.
Dit is bovendien geen vrijblijvende netheid: Europese toegankelijkheidsregels gaan steeds vaker ook over apps van gewone bedrijven. Bouw het meteen goed in plaats van het later te repareren.
Vastleggen zodat het houdbaar blijft
Een app verandert. Er komen functies bij, er komt een nieuwe versie van iOS, er komt een andere bouwer. Zonder vastlegging drijft de vormgeving af.
Leg daarom vast welke kleuren waarvoor gebruikt worden, welke letterformaten er zijn, hoe knoppen eruitzien en welke iconen je gebruikt. Neem dat op in je huisstijlhandboek in plaats van in een los bestand bij de bouwer.
Dan kan de volgende partij verder waar de vorige stopte. Zie huisstijlhandboek en brand guidelines en auto-app laten ontwikkelen.
Veelgestelde vragen
Moet de app er hetzelfde uitzien als onze website?
Herkenbaar wel, identiek niet. Een app volgt de conventies van iOS en Android; een website die je één op één nabouwt, voelt vreemd op een telefoon.
Kunnen we ons huisstijllettertype gebruiken?
Meestal wel, mits de licentie app-gebruik toestaat en het lettertype leesbaar blijft op klein formaat. Controleer allebei voordat je begint.
Moet de app een donkere modus hebben?
Prettig, niet verplicht. Als je hem maakt, doe het dan goed: half doorgevoerd is slechter dan niet.
Wie bepaalt hoe de schermen eruitzien?
Laat ze eerst als afbeelding maken en beoordeel die, voordat er gebouwd wordt. Aanpassen in een ontwerp kost minuten, in een gebouwde app dagen.
Hebben wij hier een ontwerper voor nodig?
Voor de eerste opzet wel. Daarna is het een kwestie van je vastgelegde afspraken volgen.
Een app die eruitziet alsof hij van jou is?
Bekijk automotive app laten maken voor het complete overzicht, of neem contact op voor een voorstel.
