Ontwerp maakte nooit echt zoveel uit.
Het is moeilijk voorstelbaar nu, maar voordat Apples snelle wereldwijde populariteit toenam, nam design meestal een achterbank naar functionaliteit. Tegenwoordig is design een wereld op zich geworden en heeft de gemeenschap van ontwerpers en ontwikkelaars zich verenigd om een samenhangend geheel van regels voor de creatieve praktijk te ontwikkelen.
De evolutie van het ontwerp is constant en er zijn altijd nieuwe dingen om te leren en erop te focussen om functie en esthetiek samen te brengen in één pakket.
Om op de hoogte te blijven van uw ontwerpspel, volgen hier 10 belangrijke regels voor het ontwerpen van een gebruikersinterface:
Met de explosie van verschillende apparaattypen vandaag, één maat zal zeker niet voor iedereen geschikt zijn .
Wanneer je maak uw website of app, moet u ervoor zorgen dat u ontwerpt met alle schermformaten in gedachten. Dit betekent het volledig laden van zowel internetverbindingen met lage als hoge bandbreedte, en het geschikt formatteren op zowel iPad als iPhones.
In het verleden hebben ontwikkelaars zich voornamelijk geconcentreerd op het creëren van een goede gebruikersinterface voor desktop. Maar om uw geheugen op te frissen, heeft mobiel gebruik het desktopgebruik in 2014 voorbijgestreefd. Moet u nu uw focus verleggen naar mobiel? Hoewel het belangrijk is om speciale aandacht te besteden aan mobiel, is het ook de moeite waard om te overwegen dat het desktopgebruik nog steeds aanzienlijk is, met 42% aandeel .
Daarom is de sleutel om te creëren adaptieve gebruikersinterfaces dat geeft de consument een geweldige ervaring, ondanks de weergave of oriëntatie van het apparaat dat ze gebruiken.
Mensen zijn extreem druk , en daarom besteden ze zelden hun volle aandacht aan één taak. Daarom moet je je ontwerp eenvoudig kunnen begrijpen.
Laat uw gebruikers niet raden. Gebruik taal die ze gemakkelijk kunnen begrijpen in termen van woorden, zinsdelen en de concepten. Vermijd het gebruik van speciale systeem- of industrietermen en dring aan op een taal die het publiek kent.
Als u van plan bent dat de gebruiker bepaalde doelen voltooit, laat u de acties in een reeks staan die een begin, een midden en een eind heeft. Wanneer deze gereed zijn, gebruikt u een melding om de gebruiker hiervan op de hoogte te stellen en eventuele volgende stappen toe te voegen.
Als u bijvoorbeeld een pagina ontwerpt voor een online banksysteem, kunt u de acties groeperen in 'Contactgegevens', 'Accountgegevens' en 'Profielinstellingen' in plaats van ze allemaal in een enkele vorm te plaatsen.
Fouten zijn niet alleen anomalieën en fouten, maar ook grote wegversperringen bezoekers die de gewenste actie ondernemen .
Als er iets fout gaat of verkeerd wordt geladen, zullen de meeste bezoekers niet wachten op een oplossing, ze zullen gewoon vertrekken. Blijf waakzaam en blijf opletten voor fouten, en repareer degene die je zo snel mogelijk opmerkt.
Gebruikers houden niet van fouten maken. Ze voelen zich nog erger als ze denken dat ze verantwoordelijk zijn voor de fout. Als ze deze haat niet aan jou overdragen en verder gaan, zullen ze hun accounts verlaten, zelfs voordat ze zijn ingesteld, bijvoorbeeld.
Bij het ontwerpen, elimineer de mogelijkheid van een fout of ontwerp een systeem dat de fout voor hen controleert voordat ze te ver gaan. Stel dat u gebruikers bijvoorbeeld vraagt een wachtwoord te maken dat ten minste acht tekens lang is en minimaal één cijfer bevat.
Kan uw systeem de gebruiker laten doorgaan met het maken van een wachtwoord dat tekortschiet, alleen om hen op de hoogte te stellen wanneer ze op "Volgende" klikken of kan het hen op de hoogte brengen terwijl ze het wachtwoord typen? Het laatste is het betere ontwerp.
Consistentie doorheen de gebruikersinterface komt neer op het continu, voorspelbaar en binnen de verwachtingen maken van dingen. Alles zo uniform mogelijk over het hele bord ontwerpen en ervoor zorgen dat er geen verrassingen of onverwachte resultaten zijn, gaat een lange weg in het consistent maken van dingen.
Door de Principe van de minste verrassing : "Als een noodzakelijke functie een hoge verrassingsfactor heeft, kan het nodig zijn om de functie opnieuw te ontwerpen."
Moeten gebruikers raden wat woorden betekenen en welke hetzelfde betekenen? Moeten ze zich zorgen maken over het klikken op een bepaalde knop, omdat ze niet zeker weten wat ze zullen doen? Zorg voor consistentie van processen, functionaliteit, uiterlijk en terminologie.
Gelukkig is er op dit gebied geen tekort aan middelen. Meeste van de gerenommeerde website-bouwers zal u hierbij helpen, omdat ze een uniform en consistent ontwerp van het rasterontwerp hebben.
Zoals het vandaag vaak wordt gezegd, "Context is alles". Context is hoe we nieuwe ideeën kunnen verbinden, samen met oude ideeën, relaties en betekenis kunnen opbouwen in onze wereld.
De beste docent voor deze les is waarschijnlijk een adverteerder. Adverteerders weten dat zonder contextgevoeligheid de tijd en de manier waarop ze hun advertenties presenteren, de advertenties waardeloos worden - en dat is verspild geld ( kijk hoe Google AdWords bepaalt hoe advertenties moeten worden weergegeven ).
Evenzo moet u contextueel ontwerp toepassen in uw gebruikersinterfaces. Contextuele gebruikersinterface is het locatiegebaseerde, tijdgevoelige en situationele ontwerp van een website of app, zodat deze de meest relevante gegevens aan de gebruiker levert. En dit was tot een paar jaar geleden geen grote zorg voor ontwerpers.
Met de groei van real-time connectiviteit en afhankelijkheid van internet, kan context de oorzaak zijn van uw falen of succes.
Context is de sleutel tot menselijke relaties, en even belangrijk voor de basiselementen van design . We verwachten dat interactieve objecten intuïtief zijn en moeten ontwerpen om samenhangende relaties tussen ons te vormen functie en ontwerp .
Het bepalen van de grootte van UI-objecten en de hoeveelheid witte ruimte tussen elkaar is cruciaal om ervoor te zorgen dat het ontwerp eruit ziet evenwichtig en voorspelbaar .
Afgezien van het vastpakken van de aandacht van de gebruiker, helpt dit ook de gebruikers te begrijpen waar de objecten zich bevinden, zonder er overal naar te hoeven kijken.
Constante testen is het beste om te bepalen wat de beste manier is om dit aan te pakken, te vergroten wat moet worden opgeroepen voor meer aandacht en te verkleinen wat minder afleidend moet zijn.
Ontwikkelaars en ontwerpers houden meestal van alles aan te passen.
Op deze manier hebben we controle over alles, van interfaces tot wallpapers en beltonen. De meeste mensen lijken zich echter niet bezig te houden met maatwerk. De meeste apparaten en andere consumentenelektronica zijn gekocht bijna nooit veranderd . Mensen passen hun fabrieksinstellingen meestal niet aan, aangezien het wijzigen van deze kennis, tijd en moeite vereist.
Door dit te weten, is het belangrijk om ervoor te zorgen dat uw standaardinstellingen geschikt zijn voor een grote groep gebruikers om ze gemakkelijk te begrijpen en te doorzoeken. Dit betekent dat de gebruiker moet worden verteld: "Hé, u kunt dit aanpassen, maar dat hoeft niet."
Mensen zullen meestal geen actie ondernemen, tenzij erom wordt gevraagd. Daarom zijn tactieken zoals de call-to-action zo krachtig om te helpen stuur conversies .
Wat nog belangrijker is, vraag hen "mooi". Wat betekent dit? Overweeg bijvoorbeeld de timing en context. Vraag je de gebruiker om een ander doel te beginnen zonder het huidige doel te voltooien? Overweeg wanneer er een pop-up verschijnt waarin wordt gevraagd of ze andere dingen willen bekijken. Als het niet verschijnt nadat ze naar het einde van de post zijn geschoven, doe je het verkeerd.
Houd er rekening mee dat het alleen werkt als de bezoeker daadwerkelijk geïnteresseerd is in iets dat je aanbiedt. Als u kunt aantonen dat u van grote waarde bent voor mensen, aarzel dan niet om gebruikers te vragen iets terug te doen, zoals het volgen van uw sociale mediapagina's of blog. Dit werkt om uw gebruikers op de hoogte te houden, en natuurlijk ook verhoog uw webverkeer na een tijdje.
Bij ons webdesignbedrijf merkten we dat bezoekers van de website niet wisten hoe ze contact met ons moesten opnemen. Er waren gewoon te veel opties. Mensen zouden vaak overweldigd raken en wisten niet hoe ze het contactproces moesten starten.
Ze zouden zichzelf raden en uiteindelijk kregen we daardoor minder contactconversies. Door onze gewenste acties meer voor de hand te houden, plaatsten we gebruikers visueel in de acties die we wilden.
Nogmaals, laat je gebruikers niet raden. Laat hen precies weten wat u wilt en stel hen op de hoogte wanneer zij de actie voltooien.
Wanneer je een donkere kamer binnenloopt en een lichtknop indrukt, verwacht je dat het licht aangaat. Als er niets gebeurt wanneer u op de schakelaar tikt, kunt u ervan uitgaan dat er iets fout is gegaan. Dit geldt ook als het gaat om ontwerp.
Niemand houdt ervan om onzeker te zijn over hun acties, dus er zou feedback moeten zijn met dank aan tooltip-berichten en -meldingen om bezoekers te laten zien dat hun acties succesvol waren en werden bevestigd. Feedback kan zo simpel zijn als een webenquête uitvoeren of het toevoegen van een "Volledige" melding zodra een formulier is ingediend, maar het is cruciaal wanneer een blog starten of app.
Dit benadrukt ook de noodzaak om uw bezoekers niet zelf te laten gissen. Het systeem moet in staat zijn om feedback te bieden die relevant is, passend bij belang en urgentie, uitgebreid en verstandig en contextueel.
De kunst van het ontwerpen verandert voortdurend en we zullen blijven zoeken naar nieuwe manieren om functie en vorm te combineren in UI-ontwerp. We hebben dingen als minimalisme en responsief ontwerp doorgemaakt, veranderd en getransformeerd naarmate nieuwere technologieën op de voorgrond treden.
Houd rekening met deze tien UI-regels, maar vergeet niet dat sommige regels worden overtreden.
Testen en experimenteren is hoe we nieuwe vertrouwde technieken leren, maar we kunnen op verschillende van deze regels vertrouwen als onze basis.