Communicatie met online webformulieren

Het internet is begonnen als een netwerk van computers om informatie met elkaar te delen. Hierbij was, naar mijn idee, de <a> tag het belangrijkste element. Hiermee zorgden en zorgen we nog steeds voor dat informatie aan elkaar gelinkt wordt. Zo kan je van het ene naar het andere springen. Hiermee kunnen we uren zoet zijn, zonder dat we door hebben wat we aan het doen zijn :-). We noemen dit surfen. Het toffe van het linken van informatie is dat de informatie die met elkaar te maken heeft aan elkaar gelinkt kan worden.

In de loop der jaren is het internet geeëvolueerd tot een medium waar niet alleen maar informatie te vinden is, maar waar je ook mee kan interacteren. We kunnen nu via webformulieren informatie verzenden en zo zijn er nog meer mogelijkheden tot interactie met een website. Aangezien mijn werkveld webformulieren behelst hou ik mij hier tot deze interactie. Doordat de interactie tussen websites/ applicaties en gebruikers steeds belangrijker geworden is, zijn onderwerpen als interactie design ook steeds belangrijker geworden.

De interactie van de gebruiker met een webapplicatie bestaat uit wat je ziet als gebruiker en waardoor je weet hoe je de applicatie/ website kan/moet gebruiken. Dit heeft te maken met uiterlijk. Daarnaast speelt de manier hoe je interacteert met de applicatie. In het begin van het internet was dit via desktop computers met een toetsenbord en muis, de stem begon later zijn entree te maken, nog weer later kwam het touchscherm en zo is de ontwikkeling mbt communiceren met een webapplicatie steeds verder gegaan. Dit is allemaal bedoelt om de communicatie makkelijker en prettiger te maken voor de bezoeker, maar ook voor degene van wie de applicatie is, want meer gebruikers die makkelijker door je applicatie gaan betekent waarschijnlijk meer omzet.

Jason Grigsby heeft een kort filmpje online gezet waarin hij laat zien wat er qua input mogelijkheden is veranderd, vanuit Apple oogpunt. Je ziet dat de ontwikkelingen vooral de laatste jaren heel snel gaat.

De manier van interacteren wil ik opsplistsen in 2 manieren. Namelijk welke middelen gebruik je om te interacteren en de ander is hoe verloopt de interactie, dus wat is het uiterlijk en de vorm van de interactie.

Input middelen

Ik werd wakker geschud voor Jason Grigsby tijdens de Fronteers Conferentie van 2016. Zijn talk ging over Different input types. Als eerste dacht ik aan verschillende soort input velden, zoals date, password, email, etc. Maar tijdens zijn talk kwam ik er achter dat het ging over middelen om input te geven aan een webapplicatie/site. De meeste manieren van interacteren met een applicatie/website kende ik al. Maar de manier waarop hij er over sprak was een eye-opener.

Zijn conclusie was/is dat we goed moeten opletten en ons niet moeten vastleggen op een bepaalde input manier, maar er voor zorgen dat de applicatie/website met alle middelen overweg kan. Zo open en breed mogelijk. Waardoor je waarschijnlijk ook voor toekomstige manieren bouwt.

Afgelopen jaren zijn er steeds meer input mogelijkheden bij gekomen en we weten niet wat er nog meer gaat komen. Hou daar dus rekening mee in het bouwen van je applicatie en zet het niet vast op een bepaalde invoermogelijkheid. Dit gebeurde eerder en nog steeds bij beeldschermen. We zetten de website op een vaste breedte, maar er zijn zo veel schermen dat je niet weet wat de juiste vaste breedte is. Dus beter flexibel/ adaptief bouwen.

De manier van invoer is niet betrouwbaar te detecteren. We kunnen dat dus niet gebruiken als parameter om iets op te bouwen. Net zoals we niet kunnen uitgaan van telefoon is touch en desktop is keyboard en muis. Tegenwoordig is desktop ook touch. Vaak denken we vanuit onze eigen manier van communiceren met een applicatie. Hierop baseren we wat de prettigste of beste manier is. Dat hoeft natuurlijk niet zo te zijn.

De les die je hier uit kan trekken is; bouw zo adaptief mogelijk zodat je applicatie toekomstig bestendig is. Luke W laat middels een afbeelding zien dat beelschermgrootte en touch of geen touch niet met elkaar samen hangen.

Mijn opsomming van een aantal middelen waarmee je kan interacteren met een website/ applicatie met daarbij een korte uitleg en/of voorbeeld.

Nieuwe interactie vormen

Naast de nieuwe input mogelijkheden merken we dat veel gebruikers online de menselijke interactie missen bij een applicatie. Soms is iemand die je helpt toch erg prettig, even die menselijke interactie, die goedkeuring dat het klopt wat je denkt en doet. Langzaamaan wordt hier ook mee geeëxperimenteerd. Verschillende mensen zetten voorbeelden online waarin ze proberen om de interactie tussen mens en machine menselijker te maken. Reden hierbij is natuurlijk een prettigere beleving en meer gebruikersgemak, maar wat ook meer conversie kan betekenen.

Voorbeelden van deze meer menselijke interactie kan je vinden op:

Afsluiting:

We gaven onze websites een vaste breedte passend bij het gemiddelde scherm van dat moment, totdat we merkten dat het niet werkbaar was toen er een explosie kwam van verschillende schermen. En moesten we onze werkwijze aanpassen.

Met input mogelijkheden staat dit ook weer te gebeuren. We gaan uit van muis, toetsenbord en een beetje touch. Maar er zijn nog meer mogelijkheden. Houden we daar al rekening mee? Bouwen we adaptief genoeg dat we ons snel kunnen aanpassen? Wij als bouwers zijn niet degene die bepalen wat de beste input is. Wij moeten mogelijk maken dat alle gebruikers van een website makkelijk door de site heen kunnen. Test dus veel, ook met nieuwe manieren van input types en interactie vormen. Kijk wat goed werkt voor de gebruiker en bouw daar op verder.

We zijn aangekomen bij een interessante tijd voor webapplicaties die de conversatie aangaan. Wij, die deze applicaties neerzetten, willen graag informatie van de website/applicatie bezoeker. Hoe zorgen we hiervoor? Hoe maken we het de bezoeker makkelijk?
We zullen steeds meer de conversatie proberen aan te gaan met de bezoeker van de website/applicatie. We hebben hier steeds meer middelen voor, zoals de Web Speech API in de browser. Maar voordat dit echt op een goede manier ingezet kan worden kunnen we gebruik maken van foto’s, persoonlijke teksten, makkelijk te doorlopen formulieren. Een belangrijke rol zal animatie en storytelling hier in krijgen. Ik verwacht dat deze middelen je zo door het proces heen loodsen zonder dat je als bezoeker in de gaten hebt dat je door een proces heen loopt. En dat je als bezoeker een goed gevoel overhoudt aan de conversatie met de website/applicatie.

Meer info/ bronnen: