Categorie html/css
How to create a bulletproof Registration and Sign In flow
Have you ever decided to leave a website when you Log In attempt failed? Or have you ever stopped during a registration process because it was confusing? I certainly have.
You don’t want to lose your prospective customers before they’ve even got started. We have to make your Registration and Sign In flow really fool-proof.
This post offers you a couple of flowcharts which cover every step in a typical Registration and Log In process. To make things easy, I have added a set with example screens in html for every case you might encounter. And for those interested, I’m explaining the underlying thoughts.
Make your tables more readable with Value Based Styling
Do you find it easy to check out tables with lots of numbers at the first glance? Probably not. You can make this easier by applying styling to the table, based on the values of the data.
I have created a css/javascript solution that does this automatically. It is ready-to-use, but if you want you, can also customize it easily.
Improving interfaces using Greasemonkey: TweetDeckColorSchemes.com
TweetDeckColorSchemes.com collects all color schemes tweeted by TweetDeck users. However, the way they present the color samples doesn’t make it easy for you to pick a color scheme. So I created a little Greasemonkey script to improve the presentation.
Usability en onload-events
Een functie uitvoeren zodra een pagina geladen is, kun je doen met een window.onload event (of een body.onload event). Die events worden pas getriggerd na het laden van de hele pagina, inclusief alle afbeeldingen.
Dat kan lang duren, en daardoor ook zorgen voor usability problemen. Oplossing hiervoor is je functie al te laten uitvoeren zodra het DOM beschikbaar is (DOM ready). Dan hoef je niet meer te wachten tot alle overige content geladen is.
Ik leg uit hoe je dit kan doen en geef een voorbeeld van een usability probleem dat hiermee voorkomen wordt.
Vergrootglas als custom cursor bij afbeeldingen
Bij afbeeldingen op mijn site die nog een vergroting hebben, had ik altijd al een vergrootglas-icoontje in de rechteronderhoek staan. Nu heb ik er een zelfgemaakte cursor aan toegevoegd: als je over zo’n afbeelding heengaat, verandert de cursor in een vergrootglas.
Dit maakt de gebruiker beter duidelijk wat hij kan verwachten dan het standaard vingertje. Met alleen wat css is zo’n custom cursor supersimpel.
-
RSS
Geen post meer missen? Abonneer je nu op mijn RSS-feed!
-
Volg mij op Twitter
Twitter Categorieën
- Articles (19)
- Copywriting (7)
- English (13)
- html/css (7)
- Interaction Design (24)
- javascript (5)
- MiniPosts (21)
- Nederlands (25)
- Offline (10)
- usability (6)
- Vormgeving (12)
Archief
-
Mijn Delicious