10 tips voor betere User Interface

Een handige en originele User Interface, of Gebruiksinterface kan een ontwikkelaar de dag van vandaag niet meer over het hoofd zien.
Alles draait om gebruiksvriendelijkheid, en daar zal men wel ver in willen gaan. Zelfs tot het helemaal herschikken van de website.
Is dat nu echt nodig?

Wij gaan er hier altijd van aan dat je ook kan verbeteren door kleine dingen aan te passen.

1. Weet waar men vandaan komt, schik je ernaar.

Als je een interactieve website hebt / hoort te hebben, begroet je bezoekers dan. Komen ze van Google: "Hoi, jij komt van Google!", "Hallo, kom jij niet van onze collega's website.be?"

2. Multi info sets

Heb ik zonet een nieuw woord uitgevonden?:o. Eerlijk gezegd, ik ken de naam er niet van, maar je kent ze ongetwijfeld (zie afbeelding, frankwatching.nl)

Hier gaat het nu om stemmen, maar men gebruikt ze ook wel eens voor datums.
Handig toch, in het andere geval schrijf je er een hele lijn zwarte tekst voor...

3. Symbolen/Cute Icons <> Tekst

Symbolen zijn 'in', Username: |Veld| is lang verleden tijd. Gebruik een figuurtje om "Username" te symboliseren.
Cute Icons zijn dan ook een ideaal om voor je titels weer te geven.



(Computertaal.info)

4. Aangename links

Maak duidelijk wat 'aanklikbaar' is, maak duidelijk wat reeds geklikt werd. Speel met kleur, onderlijnen,...
Links maken niet enkel voor zoekmachines een wereld van verschil, maar ook voor uw bezoekers!

5. Omgekeerde sitemap

Laatst heb ik nog een werkelijk schitterende sitemap gezien (ik kan me de website niet meer herinneren, zoveel dat ik er per dag doorlees). Het kwam erop aan: de website had drie niveaus (hoofdmenu, submenu, sub-sub menu). Hoe dieper in de sitemap (sub-sub menu), hoe groter lettertype.
Waar je meestal de hoofd pagina's in het groot zal zien, is het hier omgekeerd. Bij nader inzien geen slechte zet want de eigenlijke info staat immers op de diepste pagina's!

6. Makkelijke navigatie

Hier vallen we weer uit de toon, daar wordt constant op gehamerd. Toch: voor mij is dit toch van het grootste belang...
Tenslotte kan je ook leuke structuren opbouwen zonder dat deze moeilijk horen te zijn?

7. Breadcrumbs

Breadcrumbs zijn een klassieker voor zoekmachines en bezoekers. Fora hebben ze, webshops hebben ze, noem maar op.

8. Efficiënt gebruik maken van ruimte

Maak efficiënt gebruik van de ruimte op je website. Een van de kleinste en simpelste toepassingen is, verander:

• Tik uw zoektermen in: |Zoekveld|
• door "|Zoektermen|", maak het veld automatisch leeg als men erop klikt. Op deze manier win je een hele kader uit die je dan veel nuttiger kan besteden!

9. Niet iedereen is expert!

Deze twee puntjes (9 en 10) zijn ook werkelijk in-ge-ni-eus! Om niet te zeggen toppunt van wat bijbrengt aan een goede user interface.
Over het algemeen zeggen termen als Comic Sans MS, Georgia en Arial niets... Verander ze dan in je editor ook door bijvoorbeeld Speels, Informaal en Zakelijk...

10. Vorige-Volgende pagina

Deze staat ook in ons collectief geheugen gegrift! Blogs, fora, foto albums, ... We zien ze overal.
De allerbeste vervanger voor deze twee termen zijn toch zonder meer:

• Nieuwere berichten - Oudere berichten
• Meer foto's - Oudere foto's

Hoe klein dit puntje ook mag zijn, een heel andere gevoelswaarde. Persoonlijk vind ik het 'vlotter' surfen.

Dit zijn de kleine elementen die net dat tikkeltje meer geven aan de gebruikers ervaring. Betekent natuurlijk niet dat je website slecht, of minderwaardig is zonder deze toepassingen. Netters.nl van Eric-Jan Bulthuis en co is een mooi voorbeeld. Qua design niet super, maar is overzichtelijk genoeg, en heel veel mooie content!