Apple Wallet en Google Wallet

Hoe ontwerp je een klantenkaart die klanten openen

Een Wallet-pas voor loyaliteit moet vier dingen tonen op de voorkant: de bedrijfsnaam, de beloning, de huidige voortgang en wat de volgende stap is, in een kleur met voldoende contrast om op armlengte op een vergrendelscherm te kunnen worden gelezen, met al het overige verplaatst naar de achterkant van de kaart.

Een portemonneekaart is een klein, vast rechthoekje dat ongeveer twee seconden zichtbaar is, meestal op een vergrendelscherm, en vaak met één hand te bedienen is. Het ontwerpen ervan is vooral een kwestie van beslissen wat je weglaat.

Wat moet er op de voorkant van een klantenkaart staan?

Vier dingen: van wie het afkomstig is, wat de beloning is, hoe dichtbij de klant is en wat de volgende stap is. Alles wat daar verder niet bij hoort, concurreert met die vier en maakt het lezen van de kaart trager.

ElementWaarom het zijn plaats verdient
Bedrijfsnaam of logoDe klant heeft meerdere kaarten; die van u moeten direct herkenbaar zijn.
De beloning, in woorden."Gratis koffie" legt uit waarom de kaart bestaat.
Voortgang7 van de 10 is het mechanisme: de zichtbare eindstreep
Wat moet ik nu doen?"Laat dit aan de kassa zien" neemt de enige echte aarzeling weg.

Vooruitgang verdient de meeste visuele aandacht. Het is het onderdeel dat verandert, het onderdeel dat de klant controleert, en de reden waarom ze de kaart überhaupt openen.

Welke kleuren zijn geschikt voor een pasje in je portemonnee?

Een hoog contrast tussen achtergrond en tekst, en een achtergrond die donker of verzadigd genoeg is om op te vallen tegen de interface van de portemonnee zelf. Een lichtgekleurde kaart op een witte achtergrond verdwijnt in een lijst met kaarten.

Gebruik de echte merkkleur in plaats van een kleur die speciaal voor de pas is gekozen. De kaart ligt naast de bankpassen van de klant, en de waarde ervan is groter als hij eruitziet zoals uw winkel dat doet, dan wanneer hij er mooi uitziet.

Wat hoort er op de achterkant van de kaart te staan?

Alles wat de klant mogelijk eenmalig nodig heeft, maar niet in één oogopslag hoeft te zien: openingstijden, adres, telefoonnummer, de programmavoorwaarden, de vervaldatum en hoe hij/zij zich kan afmelden voor berichten. De back-up is onbeperkt en gratis.

Dit is het meest onderbenutte onderdeel van klantenkaartenprogramma's. De meeste kaarten laten dit leeg, waardoor elke routinevraag, waar staat u, wanneer bent u open, verloopt dit, bij een medewerker terechtkomt.

Moet de kaart een streepcode bevatten?

Voeg er een toe als er iets in uw proces is dat de barcode scant, en laat hem weg als er niets is dat dat doet. Een barcode die niemand scant, neemt zonder enige reden het grootste deel van de kaart in beslag.

Wanneer een bedrijf klanten identificeert aan de hand van hun telefoonnummer in plaats van door middel van scannen, fungeert de kaart als display in plaats van als identificatiemiddel, en kan de vrijgekomen ruimte beter worden benut voor andere activiteiten.

Hoe ziet de kaart eruit op het vergrendelscherm?

Alleen de bovenste strook en het primaire veld van de kaart zijn betrouwbaar zichtbaar, dus de beloning en de voortgang moeten zich op die posities bevinden en niet verder naar beneden. Ontwerp eerst de strook en daarna de volledige kaart.

Het is de moeite waard om het vóór de lancering op een echte telefoon te testen, bij daglicht en op armlengte afstand. Een kaart die er goed uitziet in een desktoppreview, maar niet op een scherm, is ontworpen voor het verkeerde scherm.

Wat moet er op de kaart staan als deze vol is?

Dat de beloning klaarstaat en hoe je die kunt claimen, in plaats van de voortgangsteller. Dit is de hoogste waarde die de kaart ooit bereikt en deze zou er anders uit moeten zien dan alle andere waarden.

Combineer dit met een melding op het moment dat het gebeurt. Een klant die niet weet dat er een beloning klaarstaat, zal deze niet komen ophalen, en een niet-opgehaalde beloning betekent dat het programma de klant niet heeft kunnen motiveren.

Hoe vaak moet het ontwerp worden aangepast?

Zelden. Een kaart die al is geïnstalleerd, wordt automatisch bijgewerkt, dus een herontwerp bereikt elke bestaande houder, wat nuttig is om een echt probleem te verhelpen en verstorend als het puur voor de vorm wordt gedaan.

Seizoensgebonden variaties zijn een uitzondering die de moeite waard is, omdat ze opvallen zonder verwarrend te zijn. De kaartontwerper van Loonine bekijkt de echte kaart in plaats van een mock-up, zodat de controle kan worden uitgevoerd voordat er iets wordt uitgegeven.

Moet het visitekaartje er anders uitzien dan de overige huisstijl van het bedrijf?

Nee. De kaart bevindt zich tussen de bankpassen en OV-kaarten van de klant en moet binnen een seconde herkend worden. Alles wat de pas op een generieke klantenkaart doet lijken in plaats van op die van uw winkel, werkt dat tegen.

De veelgemaakte fout is het ontwerpen van de kaart als marketingmiddel: kleurverlopen, een slogan, een stockfoto. Die zien er op kaartformaat uit als overbodige rommel. Een effen merkkleur en een duidelijk logo presteren beter dan elke vorm van decoratie.

Welke tekst moet er in het voortgangsveld staan?

Wat een klant ook hardop zou zeggen. "7 van de 10" wordt direct begrepen; "70% voltooid" vereist conversie; "350 punten" betekent niets zonder de drempelwaarde te kennen.

Vermeld bij een puntenprogramma de beloning in valuta naast het saldo, Een saldo dat de klant niet kan waarderen, zorgt niet voor het gewenste effect van de beloningsstructuur waar het systeem op gebaseerd is.

Moet er een foto of een illustratie op de kaart staan?

Zelden, en alleen als het de verkleining overleeft. De afbeeldingsgebieden van de kaart zijn klein en worden in Apple Wallet en Google Wallet anders bijgesneden, waardoor alles met details een onleesbare vlek wordt.

Een afbeelding verdient absoluut zijn plaats in de logostrook, omdat dit de snelste manier is om het logo te herkennen. Test het logo op ware grootte op een echte telefoon in plaats van in een ontwerptool, want dat is de stap die het vaakst wordt overgeslagen.

Werkt hetzelfde ontwerp ook voor Apple Wallet en Google Wallet?

De inhoud wel, maar de presentatie niet. De twee platforms snijden afbeeldingen anders bij, plaatsen velden anders en geven de kaart weer in verschillende verhoudingen. Een lay-out die precies is afgestemd op het ene platform, zal op het andere platform dus iets afwijken.

Ontwerp vanuit de gemeenschappelijke basis in plaats van te optimaliseren voor één van beide: een sterke achtergrondkleur, een logo dat er ook na bijsnijden nog steeds goed uitziet, en de beloning en vooruitgang op de gebieden die op beide platforms prominent aanwezig zijn. Test het vervolgens op één telefoon van elk type voordat je iets publiceert.

En hoe zit het met de toegankelijkheid?

Contrast is cruciaal en tegelijkertijd het aspect dat het vaakst tekortschiet. Een lichte merkkleur met witte tekst ziet er misschien prima uit in een brochure, maar is onleesbaar op een telefoon die je in daglicht op armlengte afstand houdt.

Streef naar een sterk contrast tussen de tekst en de achtergrond van de kaart, en gebruik nooit alleen kleur om de beloningsstatus aan te geven. Een kaart met de tekst "beloning klaar" werkt voor elke klant; een kaart die alleen goudkleurig wordt, werkt niet.