Een tikactie koppelen aan duidelijke visuele of haptische feedback
Geef een knop in een mobiele app direct een zichtbare reactie op een tik en toon vervolgens het resultaat zodra de actie is voltooid. Voeg alleen een korte haptische reactie toe als die dezelfde gebeurtenis versterkt en past bij het belang van de actie. Zo kunnen mensen onderscheid maken tussen ‘de app heeft mijn tik geregistreerd’ en ‘de taak is geslaagd’, vooral wanneer een reactie even op zich laat wachten. De onderstaande stappen gelden voor één knop of bedieningselement; platformdetails verschillen, dus gebruik waar mogelijk de standaardinteractiepatronen van het besturingssysteem.
Bepaal eerst wat de feedback moet communiceren
Een tik kan tot verschillende gebeurtenissen leiden: een bedieningselement wordt ingedrukt, een instelling verandert, een verzoek wordt gestart of een verzoek slaagt of mislukt. Bepaal voordat je een animatie of trilling kiest welke gebeurtenis elk signaal weergeeft. Een indruksignaal bevestigt de invoer; een gewijzigd label of een geselecteerde status bevestigt een lokale statuswijziging; een voortgangsindicator laat zien dat er werk wordt uitgevoerd; een succesbericht bevestigt de voltooiing.
Houd deze betekenissen uit elkaar. Als een knop bij aanraking kort donkerder wordt, betekent dat niet dat een netwerkverzoek is voltooid. Als het indienen even kan duren, behoud dan een duidelijke voortgangsstatus totdat de app het resultaat kent. Apple raadt aan een activiteitenindicator in een knop te tonen wanneer een actie niet direct wordt voltooid en stelt voor het label te wijzigen om duidelijk te maken wat er gebeurt. Richtlijnen van Apple voor knoppen
Bouw een eenvoudige statusreeks op
Behandel feedback als een reeks die gekoppeld is aan de werkelijke status van het bedieningselement, in plaats van als één effect dat telkens wordt afgespeeld wanneer op de knop wordt getikt. Een bruikbare basisreeks is:
- Gereed: Toon de actie met een label of bekend symbool dat duidelijk maakt waarvoor die dient.
- Ingedrukt: Geef direct een visuele indrukstatus, bijvoorbeeld met een subtiele wijziging in de vulling, schaal of markering.
- Bezig: Toon voortgang als de voltooiing vertraging oploopt en voorkom onbedoelde dubbele inzendingen wanneer dat passend is voor de actie.
- Voltooid of mislukt: Werk de interface bij met het daadwerkelijke resultaat. Toon bij een schakelaar de nieuwe geselecteerde status; geef bij een inzending een beknopte succes- of foutstatus.
Apple zegt dat aangepaste knoppen altijd een indrukstatus moeten hebben, omdat ze zonder zo’n status niet responsief kunnen aanvoelen. In de bredere feedbackrichtlijnen wordt aangeraden de manier waarop informatie wordt weergegeven af te stemmen op het belang ervan en de status beschikbaar te maken in de buurt van het item waarop die betrekking heeft. Richtlijnen van Apple voor knoppen en feedbackrichtlijnen
Kies een visueel signaal dat begrijpelijk blijft
Maak de indrukstatus zichtbaar zolang de vinger het bedieningselement aanraakt. Een kleine verandering in kleur of dekking, een korte schaalverandering of een markering kan werken, zolang het bedieningselement herkenbaar blijft en het label leesbaar is. Gebruik kleur niet als enige manier om het resultaat over te brengen: combineer die met een statuswijziging, tekst, pictogram of ander zichtbaar onderscheid dat uitlegt wat er is gebeurd.
Bij een schakelaar moet de geselecteerde status na de tik zichtbaar blijven; een tijdelijke golf alleen maakt niet duidelijk of de instelling is ingeschakeld. Bij een eenmalige actie zoals ‘Opslaan’ kan de knop eerst de indrukstatus tonen, waarna de app een opgeslagen status of melding weergeeft. Leg bij een mislukte taak de fout uit in de buurt van het relevante bedieningselement en maak duidelijk wat de gebruiker vervolgens kan doen. De precieze weergave hangt af van de app en het platform, maar het signaal moet overeenkomen met de status die de app kan verifiëren.
Bepaal of haptische feedback nuttige informatie toevoegt
Haptische feedback kan een afzonderlijke gebeurtenis versterken, zoals het indrukken van een knop of een bevestigde statuswijziging. Deze feedback is optioneel: de visuele reactie moet ook begrijpelijk zijn als het apparaat op stil staat, haptische feedback is uitgeschakeld of de gebruiker de trilling niet voelt. De richtlijnen van Android raden aan haptische feedback spaarzaam te gebruiken, deze consistent te houden voor vergelijkbare interacties en af te stemmen op de visuele of audio-ervaring. Ook wordt aangeraden geen haptische feedback te geven in plaats van een zoemend aanrakingseffect. Ontwerpprincipes voor haptische feedback van Android
Een praktische keuze is om een lichte, korte reactie te gebruiken voor een betekenisvolle bevestiging wanneer het platform een geschikt standaardeffect biedt. Tril niet bij elke tik van weinig belang, bij herhaald scrollen of bij een gebeurtenis die geen overeenkomstige zichtbare verandering heeft. Als de gebeurtenis belangrijk is, zorg dan dat de visuele status de betekenis overbrengt; vertrouw niet op een trilling om succes van mislukking te onderscheiden.
Stem het signaal af op het moment dat het weergeeft
Een indrukreactie hoort bij het moment van aanraken; een succesreactie hoort nadat succes is vastgesteld. Bij een actie die direct wordt voltooid, kunnen deze momenten dicht bij elkaar liggen. Bij een externe opslagactie of inzending kunnen ze door een merkbare wachttijd van elkaar gescheiden zijn. Een haptische succesreactie bij het aanraken zou voltooiing aangeven voordat de app die heeft bevestigd.
Op Android gebruikt de aanbevolen aanpak met View.performHapticFeedback actiegerichte constanten, houdt deze rekening met de systeeminstellingen voor aanraakfeedback en is de machtiging VIBRATE niet vereist. Het platform biedt zo nodig terugvalgedrag voor deze constanten. Voor aangepaste trillingseffecten gelden andere overwegingen voor ondersteuning en configuratie; geef daarom bij gewone bedieningselementen de voorkeur aan de standaard actiegerichte aanpak. Implementatiegids van Android voor haptische feedback
Houd rekening met platformgedrag en frequentie
Gebruik ingebouwde bedieningselementen als die al de verwachte feedback geven. Apple merkt op dat standaardbedieningselementen zoals schakelaars, schuifregelaars en keuzelijsten op ondersteunde iPhone-modellen systeemhaptiek kunnen afspelen. Een tweede aangepast effect toevoegen kan het signaal dupliceren, dus controleer het standaardgedrag van het bedieningselement voordat je er een extra signaal aan toevoegt. Richtlijnen van Apple voor haptische feedback
Ook de frequentie is van belang. Een feedbackpatroon dat duidelijk aanvoelt bij een incidentele formulierinzending, kan storend worden als het aan een vaak gebruikte knop is gekoppeld. Houd dezelfde betekenis consistent bij gelijkwaardige acties en bewaar sterkere of opvallendere signalen voor gebeurtenissen die meer aandacht verdienen. Android raadt specifiek aan de sterkte van haptische feedback af te stemmen op zowel het belang van een gebeurtenis als de frequentie ervan. Ontwerpprincipes voor haptische feedback van Android
Controleer de interactie voordat je de app uitbrengt
Test de volledige reeks op de apparaten en besturingssystemen die de app ondersteunt. Tik één keer en controleer of de indrukstatus direct verschijnt; controleer vervolgens of de voortgang zichtbaar blijft tijdens een vertraging en of succes of mislukking pas wordt getoond nadat het resultaat bekend is. Probeer snel een tweede keer te tikken en controleer of de interface geen verwarrende dubbele feedback of onbedoelde herhaalde acties veroorzaakt.
Herhaal de controle met uitgeschakelde aanraakfeedback van het systeem en wanneer de haptische functie van het apparaat niet beschikbaar of niet ondersteund is. De visuele statussen moeten de actie en het resultaat nog steeds duidelijk maken. Vergelijk veelgebruikte acties met incidentele acties en verwijder effecten die storend aanvoelen, niet op tijd verschijnen of losstaan van een zichtbare verandering. Bij de standaardweergavefeedback van Android wordt de systeeminstelling standaard gevolgd; voor aangepaste aanpakken zijn mogelijk aanvullende ondersteuning en controles van terugvalgedrag nodig. Gids van Android voor haptische feedback
Een duidelijke combinatie volgt een eenvoudige logica: laat zien dat de tik is geregistreerd, geef aan dat de gebruiker moet wachten en bevestig de uitkomst zodra die vaststaat. Laat haptische feedback hetzelfde signaal versterken wanneer dat passend is en zorg dat de visuele interface op zichzelf volledig duidelijk blijft.