Interactieontwerp: wat is het en hoe kunt u het gebruiken?

/2017-01-17 12:13:23/
Rukmini
/Grafiek/

Interaction design is misschien wel het meest besproken ontwerpconcept van 2015. Het is iets waar u aan moet denken en plannen voor in al uw digitale projecten.

Maar hoe kunt u het meeste uit interactieontwerp halen? Hoe kun je iets ontwerpen waarmee mensen willen communiceren? Hoewel sommige van die antwoorden veranderen met technologie, blijft één element hetzelfde: mensen willen een ontwerp gebruiken dat intuïtief, functioneel en esthetisch is.

Ontdek ontwerpbronnen

Wat is Interaction Design?

In ontwerp, mens-computerinteractie en softwareontwikkeling gaat interactieontwerp, vaak afgekort als IxD, 'over het vormgeven van digitale dingen voor gebruik door mensen', afwisselend gedefinieerd als 'de praktijk van het ontwerpen van interactieve digitale producten, omgevingen, systemen en diensten'. - Wikipedia

Interactieontwerp is simpelweg een proces waarbij de digitale wereld met de mens wordt verbonden. Het maakt dingen die op het scherm zijn gebaseerd, echt lijken en functioneren in de digitale wereld zoals ze zouden doen in de fysieke ruimte. Deze verbinding helpt mensen digitale producten en apparaten te gebruiken en ermee om te gaan, van desktopcomputers, telefoons en horloges tot websites, apps en games. Interaction design is een concept dat alles wat we weten over design en functie combineert in één idee.

IxD is het modewoord van de ontwerpgemeenschap terwijl we proberen beter te leren hoe we fysieke acties en interacties kunnen ontwerpen en repliceren om digitale producten zo goed mogelijk met gebruikers te verbinden. De ideeën achter design zijn geworteld in de principes van goede visuals, terwijl technologie bijna net zo snel evolueert als we ervoor kunnen ontwerpen.

Vragen om te overwegen

Een van de beste gidsen om na te denken over interactieontwerp is eigenlijk een bruikbaarheidsstandaard van Usability.gov. De gids biedt een reeks vragen (en zelfs subvragen) die u kunt gebruiken als basis voor het maken van een project met digitale interacties en “met dit begrip kunt u anticiperen op hoe iemand met het systeem kan omgaan, problemen vroegtijdig oplossen en nieuwe manieren bedenken om dingen te doen. '

Hier zijn de concepten die u eerst moet overwegen, u kunt alle subvragen en overwegingen vinden van Usability.gov.

Bepaal hoe gebruikers kunnen communiceren met de interface
Geef gebruikers aanwijzingen over gedrag voordat acties plaatsvinden
Anticipeer op en beperk fouten
Overweeg systeemfeedback en reactietijd
Denk strategisch na over elk element in het ontwerp
Vereenvoudig voor leerbaarheid

Veel van deze concepten moeten bekend voorkomen. De concepten en ideeën komen overeen met wat we vaak bespreken in de ontwerpgemeenschap als we praten over wat wel en niet esthetisch werkt. Hoewel de technieken die u gebruikt om een volledig interactief ontwerp te maken verschillend kunnen zijn, zijn de principes van goed ontwerp relatief hetzelfde.

Leidende principes

Veel van wat je denkt over interactie combineert ontwerpprincipes met principes van menselijke emotie en interactie. Bedenk bij het bepalen hoe een digitaal project zou moeten werken hoe u uw favoriete tools gebruikt en ermee omgaat. Hoe zit het met deze tools die u aanspreekt? (Waarschijnlijk zijn veel van de beste functies dingen waar u niet eens bewust aan denkt.)

Denk na over elk van deze principes of concepten wanneer u beslist hoe de gebruiker verbinding zal maken met uw ontwerp.

Beweging: als je nadenkt over beweging en interactieontwerp, zijn de eerste mentale beelden vaak van vegen of tikken omdat dit de gebruikersbewegingen zijn die elementen in het ontwerp activeren. Klikken met een muis of het draaien van een tabletscherm om een bepaald effect te krijgen, zijn andere bewegingen die vaak worden gebruikt. Andere esthetiek geassocieerd met beweging zijn ook belangrijk, zoals visuele aanwijzingen in foto's, directionele aantrekkingskracht van ontwerpelementen en video.
Ruimte: Met welk type omgeving communiceert de gebruiker? Is het ontwerp gemaakt in een twee- of driedimensionale ruimte? Is die ruimte slechts een deel van het scherm of strekken acties zich uit voorbij het scherm naar de fysieke wereld?
Tijd: de hoeveelheid tijd die een gebruiker met een interactie doorbrengt, kan van invloed zijn op de vraag of de interactie doorgaat. Er is een delicaat evenwicht wanneer een interactie op de juiste manier boeiend is en / of te lang of te kort. Denk na over het doel van de interactie en hoe lang het duurt van begin tot eind.
Geluid: een van de meest besproken onderdelen van digitaal ontwerp is misschien wel geluid. Terwijl sommige gebruikers er dol op zijn, zijn anderen snel geïrriteerd. Houd bij het gebruik van geluid in interacties altijd rekening met gebruikers die de functie zullen uitschakelen; het ontwerp moet net zo goed werken zonder.
Esthetiek: hier speelt elk ontwerpelement een rol. Hoe ziet het er allemaal uit? Geeft deze look de juiste emotionele boodschap aan de gebruiker. Ruimte, kleur, typografie, contrast en leesbaarheid spelen een belangrijke rol in het visuele aspect van interactieontwerp.

Ontwerpconcepten

Laten we teruggaan naar de principes van interactie en echt nadenken over esthetiek. (Dat is een van de belangrijkste dingen waar we als ontwerpers graag over nadenken en over praten, toch?)

Hoe spelen alle dingen die we over ontwerp weten bij het ontwerpen van interacties? Het is qua uiterlijk echt niet anders dan andere soorten ontwerpprojecten. De belangrijkste - en waarschijnlijk eerste - overweging is grootte en schaal. Veel interactieve projecten zijn mogelijk aanzienlijk kleiner dan u gewend bent. (U kunt zich alleen concentreren op het ontwerp voor een telefoon of horloge, maar het ontwerp kan ook op een andere manier naar desktopcomputers worden vertaald.)

Als u visueel denkt, begin dan met het kleinste canvas dat het ontwerp zal huisvesten en zal opbouwen. (Als je het klein kunt laten werken, is het veel gemakkelijker om het ontwerp te "laten groeien"; het elimineren van dingen die al zijn ontworpen, kan een stuk moeilijker zijn.

Ruimte: hoewel sommigen misschien proberen de ruimte tussen elementen in kleine ruimtes te verkleinen, moet u elementen in kleine ontwerpen eigenlijk meer ruimte geven. Zorg ervoor dat elk element voldoende ruimte heeft om het te identificeren en de juiste actie uit te voeren. (Knoppen moeten groot genoeg zijn om aan te raken zonder een ander element op het scherm te activeren.) Gebruik indien nodig meerdere schermen (door veegacties) om het meeste uit kleine ruimtes te halen.
Kleur: hoewel het belangrijk is om de kleuren van uw merk te gebruiken, wilt u ervoor zorgen dat de kleuren voldoende contrast bieden om in verschillende omgevingen te worden gezien. Dit kan het nodig maken om een aantal optionele kleuren toe te voegen aan uw kleurenpalet voor interactie-items. Overweeg heldere en boeiende tinten, vooral voor mobiel en bekijk apps.
Typografie: Belettering moet eenvoudig en leesbaar zijn. Blijf bij een modern lettertype (serif of sans serif is OK) met een gemiddelde, uniforme streekbreedte. Vermijd verkorte, overdreven gewaagde of lichte versies of stijlen met uitgebreide streken.
Contrast: Elk element in een interactief ontwerp moet leven tegen de elementen eromheen. Dit klinkt misschien hard in termen van ontwerp, maar een schril contrast kan ervoor zorgen dat elementen gemakkelijk te lezen en te begrijpen zijn. Het contrast zal ook snel de aandacht vestigen op de interactie en gebruikers helpen bepalen wat ze moeten doen. Creëer contrast met kleur, typografie, ruimte en beeld of taal.
Leesbaarheid: Alle elementen in uw op interactie gebaseerde project moeten in één oogopslag gemakkelijk te "lezen" zijn. Ontwerp voor scanvermogen en -functie, rekening houdend met het feit dat u slechts een fractie van een seconde de tijd heeft om een gebruiker te overtuigen om een gewenste interactie uit te voeren. Begrip en leesbaarheid zijn de sleutel om dit mogelijk te maken.

Lees lijst

Er is zoveel goede informatie over interactieontwerp beschikbaar. (En veel meningen over wat wel en niet werkt.)

Als u meer wilt weten, zijn hier drie geweldige bronnen die u waardevol zou moeten vinden en die u op verschillende manieren zullen laten nadenken over interactieontwerp.

"Three Laws of Interaction Design" door Diogenes Brito
"The Future Interface: Design to Make Technology Human" door Danielle Reid
"De 10 principes van interactieontwerp" door Creative Bloq

Gevolgtrekking

Interactieontwerp is iets waar u aan moet denken. Gebruikers verwachten interacties in bijna elk aspect van het ontwerp. De meeste gebruikers hebben toegang tot internet en andere digitale ontwerpprojecten via mobiele apparaten, in de verwachting dat ze meer zullen doen dan alleen tekst lezen.

Het plannen en ontwerpen van deze interacties met een doel lijkt in eerste instantie misschien intimiderend, maar conceptueel is het niet veel anders dan enig ander aspect van het ontwerp. Het grote verschil zit in hoe je de interacties kunt laten werken, dat is waar het belangrijk is om een goede ontwikkelaar aan je zijde te hebben of om je vaardigheden op het gebied van webontwikkeling te blijven verbeteren.