Delen via


Aanbevelingen voor het optimaliseren van interacties

Van toepassing op deze goed ontworpen Power Platform-aanbevelingenchecklist voor belevingsoptimalisatie:

XO:08 Geef prioriteit aan responsiviteit en feedback. Maak het begrip van hoe u met de interface kunt omgaan eenvoudig door interacties op te nemen die aansluiten bij de mentale modellen en verwachtingen van gebruikers.

Deze gids beschrijft de aanbevelingen voor interacties bij het ontwerpen van gebruikersinterfaces. Interactieontwerp is cruciaal om te begrijpen hoe gebruikers informatie uit het systeem verwerken, en hoe visuele elementen in eerste instantie zijn georganiseerd en reageren op gebruikersinvoer. Het helpt bij het plannen van taakstromen en het accommoderen van verschillende scenario's en onvoorziene gebeurtenissen, waardoor gebruikers hun doelen kunnen bereiken.

Definities

Term Definitie
Cognitieve belasting De totale hoeveelheid mentale inspanning die nodig is om een taak uit te voeren of informatie te verwerken. Het omvat zowel intrinsieke cognitieve belasting, inherent aan de complexiteit van de taak, als externe cognitieve belasting, veroorzaakt door onnodige elementen of een slecht instructieontwerp. Het beheersen van cognitieve belasting is essentieel voor leren, probleemoplossing en besluitvorming. Overmatige cognitieve belasting kan individuen overweldigen en de prestaties verminderen.
Beslissingsvermoeidheid De afnemende kwaliteit van beslissingen die een individu neemt na een lange besluitvormingsperiode. Naarmate mensen de hele dag keuzes maken, raken de mentale hulpbronnen uitgeput, wat leidt tot impulsiviteit, een slechter besluitvormingsvermogen, en het geheel vermijden van besluitvorming. Dit fenomeen kan invloed hebben op meerdere aspecten van het leven, van persoonlijke keuzes tot professionele besluitvorming.

Belangrijke ontwerpstrategieën

Voor een succesvolle workload moeten visueel ontwerp en gebruikersinteracties in harmonie samenwerken om de gebruikerservaring te creëren. Hier volgen enkele best practices die zich vooral richten op gebruikersgedrag.

Affordance

Een ‘affordance’ is een waargenomen signaal of aanwijzing dat een object kan worden gebruikt om een ​​bepaalde actie uit te voeren. Bijvoorbeeld: "handvat maakt grip mogelijk"; dat wil zeggen, een handvat suggereert dat het vastgepakt kan worden. Door affordances te gebruiken, kunnen gebruikers correcte mentale modellen van de uitkomsten van hun acties opbouwen.

De moderne bedieningselementen die beschikbaar zijn in Power Apps maken gebruik van de nieuwste Fluent UI-componenten, die visuele elementen als schaduwen, verlopen en animaties integreren om hun interactiviteit aan te geven. Verhoogde knoppen suggereren bijvoorbeeld dat erop kan worden geklikt, terwijl gemarkeerde tekstvelden de gereedheid voor invoer aangeven. Deze besturingselementen volgen hebben ontwerppatronen en -conventies vastgelegd en bieden een vertrouwde en intuïtieve ervaring voor gebruikers die gewend zijn aan moderne software-interfaces.

Twee voorbeeldknoppen die affordance illustreren, met een ingedrukte knop onder een verhoogde knop.

Mentaal model

De perceptie van gebruikers van een gebruikersinterface heeft een aanzienlijke invloed op hun interactie ermee. Discrepanties ontstaan ​​vaak wanneer gebruikers verschillende uitkomsten van de gebruikersinterface verwachten, wat leidt tot niet-overeenkomende mentale modellen. Het is van cruciaal belang dat het mentale model van de gebruiker aansluit bij het mentale model van de ontwerper dat in het systeem is ingebed. Wees voorzichtig bij het gebruik van onbekende ontwerppatronen, omdat ze voor gebruikers verwarrend kunnen zijn.

De op Fluent UI gebaseerde moderne bedieningselementen worden getest door een professioneel ontwerpteam, wat ervoor zorgt dat het mentale model van de gebruiker overeenkomt met de bedoeling van het patroon. Zorg ervoor dat u bij samengestelde visuele elementen of taakstromen duidelijk een nauwkeurige weergave van het mentale model communiceert.

Een gebruikelijke manier om het mentale model te illustreren is door de status of toestanden van tabelgegevens weer te geven die belangrijk zijn voor de gebruiker om te begrijpen. Als een record bijvoorbeeld inactief of gesloten is, moet het gehele formulier op alleen-lezen worden ingesteld om aan te sluiten bij het verwachte gedrag.

Grafische weergave van het mentale model van een gebruiker in combinatie met een app-systeem.

Cognitieve vooroordelen

Cognitieve vooroordelen zijn de snelkoppelingen en vuistregels waarmee we oordelen en voorspellingen doen. Er bestaan meer dan 150 cognitieve vooroordelen. Ze kunnen in vier groepen worden verdeeld:

  1. Informatie-overload: Onderzoek suggereert dat het menselijk brein een beperkte capaciteit heeft om op elk willekeurig moment bewust informatie te verwerken. In de huidige, met informatie verzadigde wereld hebben gebruikers de neiging om het meeste eruit te filteren. De hersenen gebruiken strategieën om de meest potentieel bruikbare stukjes informatie te identificeren en vast te houden.

  2. Ambiguïteitseffect: De wereld is complex en gebruikers nemen slechts een klein deel daarvan waar. Ze moeten het echter begrijpen om effectief te kunnen navigeren. Gebruikers koppelen informatie, vullen ontbrekende stukjes aan met hun bestaande kennis en actualiseren voortdurend hun percepties.

  3. Urgentie-effect: Gebruikers worden beperkt door tijd en informatie. Elk nieuw stukje informatie vereist dat gebruikers de potentiële impact ervan evalueren, dit toepassen op hun besluitvormingsproces, anticiperen op toekomstige resultaten en actie ondernemen op basis van deze inzichten.

  4. Geheugen en herinnering: gebruikers wegen voortdurend af welke informatie ze moeten behouden en welke ze moeten afdanken. Wanneer ze worden geconfronteerd met een groot aantal ingewikkelde details, selecteren ze doorgaans een paar opmerkelijke items om te onthouden en negeren ze de rest.

Leren over cognitieve vooroordelen vergroot het bewustzijn van mogelijke valkuilen in een gebruikerservaring en bevordert empathie voor gebruikers door hun cognitieve beperkingen en neigingen te begrijpen. Dit bewustzijn stelt ontwerpers in staat te herkennen wanneer vooroordelen hun eigen beslissingen of de interacties van gebruikers in de interface kunnen beïnvloeden, wat leidt tot meer doordachte en gebruikersgerichte ontwerpoplossingen. Het integreren van deze kennis leidt tot meer intuïtieve en bevredigende gebruikerservaringen.

Begrijp de wensen, doelen en gedragingen van uw gebruikers. Gebruik onderzoeksmethoden voor gebruikers, zoals enquêtes en interviews, om cognitieve vooroordelen bloot te leggen die van invloed kunnen zijn op de manier waarop gebruikers de interface waarnemen en ermee omgaan. Herhaal het ontwerp voortdurend op basis van gebruikersfeedback en bruikbaarheidstestresultaten om cognitieve vooroordelen of bruikbaarheidsproblemen die zich kunnen voordoen, te identificeren en aan te pakken.

Door gebruik te maken van standaardontwerppatronen en -conventies die uitlijnen combineren met algemene of universele mentale modellen, kunnen gebruikers intuïtiever door de interface navigeren en wordt de kans verkleind dat cognitieve vooroordelen de interacties beïnvloeden.

Illustratie van de Müller-Lyer-illusie, waarbij twee lijnen van dezelfde lengte verschillende lengtes lijken te hebben vanwege de variatie in de vinrichting.

De Müller-Lyer-illusie laat zien dat ondanks dat de lijnen objectief even lang zijn, onze hersenen de lengtes anders interpreteren vanwege de omringende visuele context (de vinnen), wat leidt tot de perceptuele fout, of illusie, dat één lijn langer is dan de andere lijn.

De wet van Fitts

De wet van Fitts voorspelt dat de tijd die nodig is om een ​​doelwit te verwerven een functie is van de afstand tot en de grootte van het doelwit. Grote elementen die dichtbij de gebruikers worden geplaatst, zijn eenvoudig te selecteren. Als een knop bijvoorbeeld te klein is of te ver verwijderd is van de inhoud waarop deze betrekking heeft, duurt het langer voordat de gebruiker deze selecteert.

Met grote, goed geplaatste knoppen kunnen gebruikers met minimale inspanning door de interface navigeren, waardoor frustratie wordt voorkomen en een soepele gebruikerservaring wordt gegarandeerd. Interactieve elementen, zoals knoppen of koppelingen, moeten groot genoeg zijn en dicht bij de natuurlijke cursorbeweging of het natuurlijke bereik van de gebruiker worden geplaatst; bijvoorbeeld het plaatsen van primaire actieknoppen op mobiele apparaten en op prominente locaties binnen het bereik van de duimen van gebruikers. Door op dergelijke elementen gemakkelijker te kunnen klikken of tikken, wordt de tijd die gebruikers nodig hebben om ermee te communiceren, korter.

Als interactieve elementen te klein zijn of te ver uit elkaar staan, kunnen gebruikers per ongeluk het verkeerde element selecteren of het doel helemaal missen. Ontwerpen met de wet van Fitts in gedachten helpt deze problemen te voorkomen door ervoor te zorgen dat interactieve elementen duidelijk herkenbaar en gemakkelijk toegankelijk zijn.

Houd rekening met de behoeften van gebruikers met beperkte behendigheid of mobiliteitsproblemen. Grotere interactieve elementen die gemakkelijker te targeten zijn en de juiste tabvolgorde hebben, zorgen ervoor dat alle gebruikers comfortabel met de interface kunnen werken.

Diagram van een doel, een cirkel met een centraal punt, dat de wet van Fitts illustreert, of hoe grootte en afstand de snelheid en nauwkeurigheid van gebruikersinteractie beïnvloeden.

De wet van Hick

De wet van Hick benadrukt dat naarmate het aantal stimuli toeneemt, de tijd die nodig is om een ​​beslissing te nemen ook toeneemt, wat het belang van eenvoud in besluitvormingsprocessen onderstreept.

In plaats van gebruikers in één keer een groot aantal opties te bieden, kunt u complexe taken opsplitsen in kleinere, beter beheersbare stappen met behulp van progressieve openbaarmaking. Help gebruikers zich te concentreren op het maken van één enkele keuze, verkort de besluitvormingstijd en voorkom dat de gebruiker wordt overweldigd. Gebruik bijvoorbeeld een stapsgewijze wizard voor complexe processen, zoals het instellen van een account of het aanpassen van producten.

Leid gebruikers naar aanbevolen opties om de besluitvorming te stroomlijnen. Benadruk de voorkeurskeuzes voor snelle beslissingen en voorkom dat u overweldigd wordt door alternatieven. Dit voorkomt beslissingsverlamming en helpt gebruikers efficiënt door de interface te bewegen.

Te veel keuzes overweldigen gebruikers en leiden tot beslissingsvermoeidheid. Houd de interface schoon en overzichtelijk door prioriteit te geven aan essentiële informatie, terwijl minder kritieke details worden verborgen of geminimaliseerd. Probeer verwarring te voorkomen en stel gebruikers in staat zich te concentreren op de voorhanden taak.

Ontwerp interacties die tot eenvoudige antwoorden leiden. Gebruik 'ja/nee'-vragen of zorg voor duidelijke opties. Verminder de cognitieve belasting van gebruikers en maak de besluitvorming efficiënt. Vermijd complexe of dubbelzinnige vragen om gebruikersfouten of verwarring te voorkomen.

Afbeelding met acht paar vormen (twee cirkels, twee vierkanten, twee sterren en twee driehoeken). Elk paar heeft een andere kleur, als demonstratie van de wet van Hick over besluitvorming.

Seriële-positie-effect

Het serieële-positie-effect is de neiging om de eerste, laatste en meest verschillende items in een serie gemakkelijker te herinneren. Gebruik de volgende tips om de onthoudbaarheid te vergroten:

  • Plaats belangrijke acties, belangrijke informatie of essentiële inhoud aan het begin en einde van lijsten, menu's of ervaringen. Deze plaatsing zorgt ervoor dat gebruikers deze elementen eerder zullen onthouden en er meer mee bezig zullen zijn. Plaats de primaire navigatieopties bijvoorbeeld aan het begin en einde van een menubalk voor eenvoudige toegang.

  • Maak belangrijke elementen visueel onderscheidend van de omringende inhoud om de gedenkwaardigheid te vergroten. Gebruik contrasterende kleuren, opvallende typografie of unieke pictogrammen om de aandacht te vestigen op belangrijke acties of informatie. Deze aanpak helpt gebruikers belangrijke elementen te onderscheiden van de rest van de interface, waardoor de herinnering en bruikbaarheid worden verbeterd.

  • Organiseer inhoud en acties op basis van hun belang en relevantie voor de taken of doelen van gebruikers. Zorg ervoor dat de meest kritische informatie als eerste en als laatste wordt gepresenteerd, met minder belangrijke details ertussen. Deze techniek helpt gebruikers zich te concentreren op essentiële inhoud, terwijl de cognitieve belasting wordt geminimaliseerd en een overdaad aan informatie wordt voorkomen.

Diagram van zeven objecten op een rij (vier grijze cirkels, één blauw vierkant en twee grijze cirkels), met pijlen boven de eerste en laatste cirkel en het blauwe vierkant, ter illustratie van selectieve aandacht en primacy/recency-effecten in de cognitieve psychologie.

Pareto-principe

Het Pareto-principe (ook bekend als de 80/20-regel, de wet van de essentiële weinige en het principe van factorschaarste) stelt dat voor veel uitkomsten ongeveer 80% van de gevolgen voortkomt uit 20% van de oorzaken, of breder gezegd, dat een minderheid van de input vaak een meerderheid van de resultaten oplevert.

Identificeer de belangrijkste aspecten van de gebruikersinterface die een aanzienlijke invloed hebben op de tevredenheid en bruikbaarheid van gebruikers. Denk aan de meest voorkomende gebruikerstaken of vaak gebruikte functies. Geef prioriteit aan de ontwikkeling van deze kernelementen, zodat projectteams middelen effectiever kunnen toewijzen en ervoor kunnen zorgen dat de belangrijkste onderdelen van de gebruikersinterface de meeste aandacht krijgen.

Voer gebruikerstests uit met een kleine groep deelnemers om de meeste bruikbaarheidsproblemen aan het licht te brengen. Uit onderzoek blijkt dat testen met slechts een paar gebruikers een aanzienlijk deel van de problemen aan het licht kan brengen. Gebruik deze strategie om problemen vroeg in het ontwerpproces op te sporen en aan te pakken.

Wees voorzichtig met universeel versus inclusief ontwerp. Denk aan de balans tussen universele ontwerpprincipes, die erop gericht zijn interfaces te creëren die door zoveel mogelijk mensen bruikbaar zijn, en inclusief ontwerp, dat zich richt op het tegemoetkomen aan de specifieke wensen van diverse gebruikersgroepen. Hoewel het essentieel is om voor de meerderheid van de gebruikers te ontwerpen, is het ook van cruciaal belang om rekening te houden met de wensen van gemarginaliseerde of ondervertegenwoordigde groepen om ervoor te zorgen dat de gebruikersinterface voor iedereen toegankelijk en inclusief is.

De wet van Jakob

De wet van Jakob stelt dat gebruikers het grootste deel van hun tijd op andere sites doorbrengen. Met andere woorden: gebruikers geven de voorkeur aan interfaces die ervaringen van andere bekende interfaces weerspiegelen. Zorg voor bekende ontwerppatronen om het leerproces te vereenvoudigen.

Verwerk veelgebruikte ontwerpelementen en interactiepatronen die gebruikers op andere websites tegenkomen. Plaats het navigatiemenu bijvoorbeeld bovenaan de pagina of gebruik een winkelwagenpictogram voor e-commercesites. Deze bekendheid maakt het voor gebruikers gemakkelijker om door uw gebruikersinterface te navigeren en ermee te communiceren. Gebruikers verwachten dat klikbare elementen op knoppen of koppelingen lijken. Door aan deze verwachtingen te voldoen, stroomlijnt u het leerproces, vermindert u de cognitieve belasting en zorgt u ervoor dat gebruikers niet overweldigd of gefrustreerd raken door onbekende interfaces. Dit soort ervaringen vergroot de kans dat gebruikers betrokken blijven en hun doelen bereiken.

De wet van Miller

De wet van Miller stelt dat de gemiddelde persoon ongeveer zeven (plus of min twee) items tegelijk in zijn werkgeheugen kan opslaan. Dit inzicht benadrukt de cognitieve beperkingen van menselijke informatieverwerking en heeft belangrijke implicaties gehad op veel gebieden, waaronder het ontwerp van gebruikersinterfaces. Millers onderzoek blijft ons inzicht in de geheugencapaciteit vergroten en beïnvloedt strategieën voor het optimaliseren van cognitieve prestaties en het ontwerpen van effectieve leeromgevingen en interfaces.

Chunking is een effectieve methode om groepen inhoud op een overzichtelijke manier te presenteren. Organiseer inhoud in betekenisvolle brokken of groepen die vijf tot negen items bevatten. Door gebruik te maken van visuele aanwijzingen (zoals spatiëring, randen of kleur) worden verschillende delen van de inhoud duidelijk afgebakend, waardoor gebruikers de structuur van de informatie kunnen waarnemen en effectief kunnen navigeren.

Plaats binnen elk blok de belangrijkste informatie of acties op de voorgrond, zodat deze gemakkelijk toegankelijk zijn voor gebruikers. Bied gebruikers een beheersbaar aantal opties aan om beslissingsvermoeidheid te voorkomen en de cognitieve belasting te verminderen. Gebruik kopjes, opsommingstekens of pictogrammen om gebruikers te helpen snel te scannen en naar relevante delen van de interface te navigeren, inclusief inhoud in blokjes.

De 'Peak-end'-regel

De peak-end-regel stelt dat mensen een ervaring grotendeels beoordelen op basis van hoe ze zich voelden op het hoogtepunt en aan het einde, in plaats van op basis van de totale som of het gemiddelde van elk moment van de ervaring. Verbeter piekmomenten door te bepalen op welk punt in de gebruikersreis het product het meest nuttig, waardevol of vermakelijk is. Focus op het verbeteren van deze piekmomenten door extra waarde, plezier of functionaliteit te bieden om een ​​blijvende positieve indruk op de gebruiker achter te laten. Overweeg ook om het einde van het traject te optimaliseren door speciale aandacht te besteden aan de manier waarop de gebruiker de werkstroom voltooit. Zorg ervoor dat de uiteindelijke interacties of berichten duidelijk en bevredigend zijn en aansluiten bij de verwachtingen van gebruikers, zodat ze een positieve laatste indruk achterlaten.

Enkele manieren om positieve ervaringen te verbeteren zijn onder meer:

  • Personalisatie: Pas de gebruikerservaring aan op individuele voorkeuren en gedragingen. Bied gepersonaliseerde aanbevelingen, inhoudsuggesties of aanpassingsopties op basis van gebruikersgegevens en voorkeuren.

  • Micro-interacties: voeg kleine, leuke animaties of interacties toe in de gehele interface om interacties boeiender en leuker te maken. Subtiele animaties bij het bewegen over knoppen of speelse laadschermen kunnen bijvoorbeeld een vleugje persoonlijkheid aan de gebruikerservaring toevoegen.

  • Verrassing en genot: introduceer onverwachte elementen of paaseieren die gebruikers verrassen en verrukken. Bijvoorbeeld verborgen functies, humoristische berichten of interactieve elementen die verkenning en ontdekking aanmoedigen.

  • Efficiëntieverbeteringen: Stroomlijn taken en interacties om ze sneller en efficiënter te maken voor gebruikers. Introduceer functies als sneltoetsen, suggesties voor automatisch aanvullen of acties met één klik om algemene taken te vereenvoudigen en gebruikers tijd te besparen.

  • Visueel ontwerp: Investeer in kwalitatief hoogstaand visueel ontwerp om een visueel aantrekkelijke en samenhangende interface te creëren. Gebruik esthetisch aantrekkelijke typografie, kleurenschema's en afbeeldingen om positieve emoties op te roepen en de algehele gebruikerservaring te verbeteren.

  • Feedback en bevestiging: Geef gebruikers onmiddellijke en zinvolle feedback op hun acties, zodat ze weten dat hun interacties worden geregistreerd en begrepen. Gebruik visuele aanwijzingen, animaties of meldingen om gebruikersinvoer en -acties in realtime te bevestigen.

  • Gamificatie: Introduceer spelachtige elementen zoals uitdagingen, beloningen of voortgangsregistratie om de gebruikerservaring aantrekkelijker en leuker te maken. Moedig gebruikers aan om specifieke doelen of mijlpalen binnen de interface te bereiken om een ​​gevoel van voldoening en motivatie te creëren.

Erken dat gebruikers zich negatieve ervaringen levendiger herinneren dan positieve. Neem proactieve maatregelen om pijnpunten of bruikbaarheidsproblemen tijdens het gebruikerstraject te identificeren en aan te pakken, om te voorkomen dat negatieve ervaringen de positieve overschaduwen. De leidraad in deze pijler is bedoeld om negatieve ervaringen te helpen verbeteren. Het volgen van bruikbaarheidsheuristiek, het voldoen aan de naleving van de toegankelijkheidsregels, het hanteren van duidelijke foutafhandeling, het gebruiken van consistentie in het ontwerp en het optimaliseren van de prestaties helpen allemaal bij het aanpakken van negatieve ervaringen.

Verzamel voortdurend feedback van gebruikers om piekmomenten, pijnpunten en verbeterpunten te identificeren. Gebruik deze feedback om de gebruikerservaring iteratief te verbeteren, waarbij de nadruk ligt op het optimaliseren van piekmomenten en het aanpakken van eventuele negatieve ervaringen.

Een doorlopende, onregelmatige golvende lijn van links naar rechts, waarbij één pijl naar de hoogste top wijst en een andere naar de laagste, beeldt de Peak-end-regel af.

De wet van Postel

De wet van Postel, of het robuustheidsprincipe, kan als volgt worden geparafraseerd: "Wees liberaal in wat u accepteert en conservatief in wat u verzendt." Met andere woorden: wees empathisch, flexibel en tolerant ten opzichte van de verschillende acties die een gebruiker kan ondernemen; bijvoorbeeld bij het accepteren van variabele invoer van gebruikers, het vertalen van invoer om aan de vereisten te voldoen, het definiëren van grenzen voor invoer en het geven van duidelijke feedback aan de gebruiker. Wees tegelijkertijd specifiek in wat u de gebruiker vraagt ​​te doen.

Ontwerp de interface zo dat deze een breed scala aan gebruikersinvoer accepteert en rekening houdt met verschillende voorkeuren, gedragingen en apparaten. Deze flexibiliteit voorkomt dat gebruikers zich beperkt of gefrustreerd voelen door rigide invoervereisten. Vertaal indien nodig gebruikersinvoer om te voldoen aan de systeemvereisten of -normen. Converteer bijvoorbeeld verschillende datumnotaties of meeteenheden om consistentie en nauwkeurigheid bij het verwerken van gebruikersinvoer te garanderen.

Definieer duidelijk de grenzen voor aanvaardbare invoer en geef richtlijnen en beperkingen om fouten of onbedoelde acties te voorkomen. Deze aanpak helpt gebruikers de reikwijdte van hun interacties te begrijpen en verkleint de kans op het maken van fouten.

Geef gebruikers in respons directe en informatieve feedback op hun acties, bijvoorbeeld in de vorm van validatieberichten, foutmeldingen of bevestigingsdialogen. Dergelijke feedback begeleidt gebruikers en voorkomt verwarring of onzekerheid.

Communiceer duidelijk de verwachtingen en instructies naar gebruikers, waarbij u specificeert welke acties nodig zijn en hoe deze moeten worden uitgevoerd. Vermijd dubbelzinnigheid of vage taal die tot misverstanden of fouten kan leiden.

Checklist voor de optimalisatie van ervaring