LOGIN!!!!1

Vul hieronder uw gegevens in voor een optimale gebruikerservaring.

LEEFTIJDSCHECK

Om te controleren of u oud genoeg bent voor dit formulier.
Geboortedatum:
Geavanceerde modus
Automatisch draaien
Achteruit Vooruit
Telefoonnummer:
Geavanceerde modus (met natuurkunde)
Kantel de slider en laat het nummer rollen:

Gelukt. Gefeliciteerd, je hebt het overleefd.

Je bent ingelogd als , geboren op , telefoonnummer .

Dit was een voorbeeld van een slechte UI. Hoeveel fouten heb je gezien? Klik ze open om te controleren.

1. Het wachtwoord is gewoon te lezen

Iedereen achter je kan meekijken. Een wachtwoordveld laat bolletjes zien (in WinForms: UseSystemPasswordChar = true).

2. "Okay to cancel?" met de knoppen Okay en Cancel

Wat doet Cancel nu: annuleren of het annuleren annuleren? Een knop zegt wat er gebeurt: "Ja, stoppen" en "Nee, ga terug".

3. De Okay-knop vlucht weg

Een knop moet je kunnen raken. Belangrijke knoppen zijn groot en staan altijd op dezelfde plek.

4. Cancel is enorm, Submit is piepklein en grijs

De belangrijkste actie moet het meest opvallen. Grijs betekent normaal: "deze knop doet het niet".

5. De labels staan onder de velden, en de Tab-toets springt kriskras

Een label staat voor of boven het veld. Met Tab ga je van boven naar beneden (in WinForms: TabIndex).

6. De datumkiezer: dag voor dag klikken, en << springt naar het jaar 1

Gebruik een normale datumkiezer (in WinForms: DateTimePicker). Niemand wil 7000 keer klikken.

7. Een telefoonnummer kiezen met een schuifbalk

Een schuifbalk is voor een globale waarde, zoals volume. Voor een exact nummer gebruik je gewoon een invulvak.

8. Kleuren, lettertypes, scheve vakken en piepkleine grijze tekst

Rustig, netjes en leesbaar: genoeg contrast, één of twee lettertypes, alles recht uitgelijnd.

Onthoud de drie regels voor een goede UI: duidelijk wat er moet gebeuren, netjes en leesbaar.