Twisted Stranger Logo

Nom nom nom! Cookies! 

Het verplichte nummertje. Want sja, wij zijn ook nieuwsgierig. Nieuwsgierig waar en wanneer onze site bezocht wordt en welke pagina’s extra belangrijk zijn. 
Nieuwsgierig zijn is niet slecht toch? Nieuwsgierigheid doet ontdekken. Ontdekken is innoveren. En daar zijn we toevallig erg goed in! Wil jij dus ook graag innoveren en ben je benieuwd hoe wij je daar in kunnen helpen? Accepteer die cookies dan gewoon. Heb je direct wat lekkers voor bij de thee! 
 

lees ons cookiebeleid cookies accepteren

 
 
Op het einde van de gouden eeuw van webdesign, het moment dat je nog echt veel geld kon verdienen op het internet (2007) besloten wij zelfstandig te gaan (PRORENS). Websites niet breder dan 780 pixels. Alles nog in tabellen. Een CMS bestond nog maar net. Flash websites waren nog steeds hetgeen wat je ambieerde. SEO was nog niet eens term.
 
De afgelopen tien jaar is er veel veranderd. Sinds Web 2.0 zijn mensen na gaan denken over hoe je eigenlijk het beste navigeert binnen een website. Daar zijn veel meningen over. Heel veel. De aanwas van nieuwe vaktermen zijn dan ook overweldigend. Van User Interface Designer, User Experience Designer tot Human Centered Designer.  Het is bijna niet bij te houden. 

Ontwerpen is communiceren

wij zijn geen autonomen
Wij zijn van mening dat het uiteindelijk gaat om visueel communiceren. Een doel, gevoel of boodschap overbrengen door middel van beeld, lay-out en kijkwijze. Iets wat wij niet alleen doen tijdens interface design, maar eigenlijk bij elk product wat wij afleveren. Immers wij zijn vormgevers. Wij geven een oplossing vorm. Vandaar dat wij al die nieuwe termen aan de kant schuiven. Gewoon zeggen waar het op staat. Ouderwetse termen voor een nieuwe manier van communiceren. Laten we dan gelijk maar de 5 W’s erop loslaten om onze visie op Interface design te delen. 
 
Snelle Jelle
Snelle Jelle is de droom van elke webshop eigenaar, softwareontwikkelaar of zelfs vormgever. Hij heeft geen zin in poespas. Hij weet wat hij wil en wil het nu. Hij is best wel ‘tech savy’. Duidelijke navigatie is zijn devies. 
Twijfelende Tessa
Twijfelende Tessa is de vergelijker. Zij heeft jouw dienst, software of product al naast die van vele andere aanbieders en jij dient haar als aanbieder te overtuigen dat jij de beste keus bent. Meningen van anderen spelen een belangrijke rol in haar beslissingsmoment. 
Alles Willen Weten Alex
Alles willen weten Alex is de onderzoeker. Hij wordt niet gemanipuleerd in zijn keuzes. Hij weet het beter door zijn autodidactische instelling. Kennis, uitgebreide beschrijvingen en goede argumentatie laten hem denken dat hij de juiste keus maakt. 
 
 
Maar hoe maak je je product dan zo dat alle drie de types zich thuis voelen op jouw website, binnen jouw software, product of dienstverlening? 
 
Interface design wordt vaak verkeerd toegepast. Omdat deze vaak wordt ontworpen en neergezet door programmeurs of mensen in het vak, krijg je nog weleens ingewikkelde keuzes voorgeschoteld. Voor hen erg logisch. Voor Jan aan de overkant ingewikkeld.
 
Het is eigenlijk heel simpel. Klik je ergens op, dan moet het resultaat van die klik direct het antwoord of de actie geven die je verwacht. Is dit niet zo omdat dit simpelweg niet kan binnen je structuur, zorg er dan voor dat de vervolgkeuzes zeer opvallend worden neergezet.
 
Bedenk ook dat niet iedereen op dezelfde manier kijkt, of dezelfde manier van navigeren fijn vindt. Zijn er bepaalde onderdelen in je navigatie heel belangrijk, plaats deze dan op verschillende plekken, zodat iedereen zijn ‘eigen weg’ kan vinden binnen jouw product, software of webapplicatie. Het ‘er zijn meerdere wegen naar Rome’ principe. 
 
Snelle Jelle
Snelle Jelle houdt ervan dat wanneer hij ergens op klikt hij direct de juiste response krijgt. Actie en reactie. 
Twijfelende Tessa
Twijfelende Tessa wordt blij van het feit dat ze direct antwoord krijgt op haar twijfel. Zij voelt zich slim doordat ze weet hoe je software, product of webshop fungeert. 
Alles willen weten Alex
Alles willen weten Alex waardeert de duidelijke en to-the-point navigatie. Hij zou het zelf niet anders hebben gedaan. Logica is wat hem opwindt. 
 
Functioneel ontwerp hoeft echt niet saai te zijn. Iedereen waardeert het feit dat je een beetje extra moeite hebt gestoken in je vormgeving. Blauw, wit en grijs worden door vele gezien als saai en zakelijk. Iets wat niet altijd motiveert om je product, software of site optimaal te willen gebruiken.
 
Wij gebruiken veel kleur in onze navigatie. Met een reden. Door het gebruik van onderscheidende kleuren en duidelijke iconen weet de gebruiker direct dat hij van het ene deel naar het andere deel van de interface is overgestapt.
 
Op een onderbewust niveau zullen zij bij veelvuldig gebruik deze link met kleur en actie snel leggen. 
Beetje afkijken mag
Wijk niet teveel af van wat er al bestaat. Rood wordt bijvoorbeeld veel gebruikt bij acties die verkeerd zijn. Groen wanneer je iets goed doet. Een envelop icoon wordt gezien als contact en een kruisje om iets af te sluiten. Introduceer je alsnog heel andere iconen of afwijkend kleurgebruik, wees dan zo consequent en herhalend dat de gebruiker jouw keuzes aanleert. 
 
 
Snelle Jelle
Snelle Jelle houdt ervan dat hij niet wordt afgeleid door tierelantijntjes. Het consequente kleurgebruik en het gebruik van duidelijke iconen laten hem in één oogopslag zien waar hij moet zijn. 
Twijfelende Tessa
Twijfelende Tessa voelt zich veilig en begrepen. De vormgeving voelt vriendelijk aan en ze herkent veel elementen. Hierdoor wordt haar twijfel weggevaagd. 
Alles willen weten Alex
Alles willen weten Alex begrijpt waarom er is gekozen voor bepaalde iconen of kleurgebruik. Als autodidact komt hij jouw keuzes ook tegen op andere sites of binnen andere software. De efficiëntie spreekt hem aan. 
 
We spreken nog weleens van het ‘professor syndroom’. Op het moment dat je een product of dienst aanbiedt ben jij, als het goed is, de alles weter. Deze kennis wil je dan ook graag delen met je doelgroep. Maar hier ligt de valkuil. Door iets teveel uit te leggen kun je je product of dienst onnodig ingewikkeld laten lijken. Vraag jezelf altijd af, moeten ze dit écht weten?
 
Bestempel je gebruiker ook niet als heel dom. Wanneer je navigatie duidelijk is, zou één klik voldoende moeten zijn om het resultaat te laten zien. Je navigatie zou eigenlijk niet uitgelegd moeten worden. 
Snelle Jelle
Snelle Jelle haakt direct af bij grote lappen uitleg of tekst. Te veel om te lezen en zo weinig tijd.
 
Twijfelende Tessa
Twijfelende Tessa wordt erg onzeker. "Moet ik dit allemaal weten voor ik dit product of deze dienst kan gebruiken?" 
Alles willen weten Alex
Alles willen weten Alex voelt zich betutteld. “Denk je nou echt dat ik zo dom ben? Wie ben jij om te denken dat ik dit allemaal wil weten?” 
Heb je het idee dat je toch nog je ei kwijt moet? Kan! Maar open dan een Youtube kanaal met goede explanimations of start een blog. Maak informatiepagina’s of onderdelen op je website die via ‘lees meer’ of een linkbutton benaderd kunnen worden. Hier mag je zoveel lullen als je zelf wil.
 
Laat je doelgroep dus een bewuste keuze maken om meer informatie voorgeschoteld te krijgen. Hierdoor verstoor je je interface niet met lappen tekst en houd je deze overzichtelijk.   
 
Iedereen lijkt de laatste tijd wel online. Botsend tegen smartphone zombies rijkend naar een pak melk in de schappen. Aangereden door onoplettende fietsers die hun statusupdate toch écht op dat moment moeten delen: "Ik ben aan het fietsen" - really gurl?
 
Nagenoeg iedere site of softwaretoepassing die wij ontwerpen en laten programmeren is dan ook responsive en dus op meerdere mediums te gebruiken. Toch moet je voor een favoriet kiezen.
 
Op welk medium: desktop, tablet, mobiel of zelfs papier zie je jouw software, product of dienst het meest gebruikt? Op het gekozen medium moet jouw interface of lay-out het beste werken. Een tablet of pc zijn altijd landscape en je navigatie en lay-out heeft dus meer plek horizontaal. Een mobiel of papier wordt over het algemeen in portrait positie gebruikt. Je navigatie dient dan beknopt te zijn en eerder visueel te werken. Door scrollen en visueel linken de gebruiker op de juiste plek zien te krijgen. 
Heb je een webshop dan is het kopen van een product je eindpunt. De weg hier naar toe moet dan zo duidelijk en opvallend mogelijk worden aangeboden. Zet je winkelkarretje altijd prominent in beeld, zorg dat deze ten alle tijden up-to-date is en bereikt kan worden.
 
Bied je een e-learning aan? Maak de stappen die je moet ondernemen om iets te leren dan zo duidelijk mogelijk en laat de gebruiker zien hoeveel stappen er gezet moeten worden om het einddoel te behalen.
 
De finale plek, de plek waar jij wil dat de gebruiker komt, moet dus altijd in zicht zijn. Met zo min mogelijk klikken te bereiken zijn. Begraaf het niet binnen je functionaliteit, maar zet het voorop. Wees duidelijk en transparant. 
 
De software van tegenwoordig verplicht je bijna altijd online te zijn. Immers daardoor kunnen we altijd zien hoeveel gebruikers je product heeft. Leuk voor de eigenaar maar niet altijd voor de gebruiker.
 
Wanneer je software of product resulteert in hoog internetverbruik zal de zuinige medemens minder snel geneigd zijn deze optimaal te gebruiken. Of wanneer je iets wil verkopen of leren aan studenten met een krap budget, zorg er dan voor dat niet je gehele product of dienst draait om online zijn.
 
Dit kan je oplossen door bepaalde onderdelen alleen online te laten werken (zoals bijvoorbeeld registratie of online play) en andere onderdelen niet. Zodat het doel van je product, dienst of software niet wordt beïnvloed door een snelle en dure 4G verbinding.
 
Is je product of dienst écht afhankelijk van een goede internetverbinding kies dan eerder voor een desktopoplossing, of maak je interface niet zwaar (aan MB’s) om te laden en te laten werken. 
Binnen je interface mag nooit de vraag ontstaan: “Waarom heb ik hierop geklikt”, “Waarom heb ik gedaan wat ik zojuist deed.” 
 
Deze vraag moet altijd beloond worden. Door het aanbod van de juiste informatie of het belonen van de actie. (Zie ook Digital Game Based Learning)
 

Goh, nu die 5 W’s zijn beantwoord lijkt interface design toch wel erg op de traditionele manier van communiceren. Vind je niet? 

Ook interesse in een gaaf project? Bel en we staan voor je klaar!

085 066 1222

Hoe wij denken: Over user interface design