Category Archives: Design

Uit de oude doos: Design vs. Usability

Op het oude blog van Smit & Flink Media, het bedrijf waarmee ik van 2004 tot 2014 samen met Geert Smit websites en -applicaties ontwikkelde stond nog een leuk artikel uit 2009. Grappig om nog eens te lezen want het blijft een interessante afweging, ook in deze tijd. De website van Jakob Nielsen (of tegenwoordig de Nielsen Norman Group), is wel vernieuwd, maar qua design blijft het saai. Hieronder volgt het volledige artikel.

Één van redenen dat ik me serieuzer ben gaan interesseren voor webdesign en (belangrijker) webstandaarden zijn de artikelen op A List Apart. Het lijkt me dan ook gepast om op ons blog ook te beginnen met een artikel wat deze week op één van mijn favoriete websites verscheen.

Tijdens mijn studie hebben we veel geleerd over usability en dan kan je haast niet om Jakob Nielsen heen. Deze man heeft verschrikkelijk veel betekend voor de gebruiksvriendelijkheid van software en websites en is niet voor niks dat hij ook wel “The king of usability” of “the guru of web page usability” wordt genoemd. Toch is het niet alleen de loftrompet die voor hem klinkt. Als iedereen zich aan de usability-voorschriften van deze guru zou houden, zou het web er nog hetzelfde uit zien als eind jaren negentig. De website van Jakob Nielsen zelf is hier misschien wet het beste voorbeeld van.

In het A List apart artikel “Visual Decision Making” gaat Patrick Lynch op een wetenschappelijk verantwoorde manier in op deze strijd. Hij geeft toe dat de onderzoeken die Jakob Nielsen doet nuttig en correct zijn, maar hij geeft wel aan dat de taken die de proefpersonen moeten uitvoeren niet altijd overeenkomen met het werkelijke gedrag van de internetters. Wat volgt is een cognitief psychologische benadering van wat een mooi design bij de bezoeker van een website teweeg kan brengen. Gelukkig komt hij ook tot de conclusie dat een mooi ontwerp wel degelijk belangrijk is:

… In fact, it’s the instant, pre-conscious pleasure of seeing a well designed page that makes you predisposed to find a beautiful design easy to use—an effect that lingers long after the slower, conscious behavioral and reflective levels of processing kick in and make you aware of how you feel about what you see.

Het is een hele uitdaging om een website te ontwerpen die gebruiksvriendelijk én visueel aantrekkelijk is en om dit te bereiken is een nauwe samenwerking tussen designers en usability expert noodzakelijk.

Mooi ontwerp inspireert

Screenshot onwiredIn de Design View blog van Sitepoint werd de website Scrnshots besproken. Op deze site, met de tagline “share your inspiration”, kan iedereen screenshots van websites met een goed design plaatsen. Uiteraard is dit niet de eerste en enige website waar ontwerp inspiratie opgedaan kan worden, maar ik vind dit soort initiatieven altijd erg inspirerend.

Op deze pagina viel mij vooral het ontwerp van de website onwired.com op. Deze site gebruikt inmiddels veel gebruikte effecten zoals schaduwen en gradients, maar dan net wat subtieler. Zo loopt de schaduw vanuit het midden naar de zijkanten weg waardoor er een bolling in de pagina lijkt te zitten. Ook zit er een lichteffect op de achtergronden waardoor de site in het midden lichter is dan aan de zijkanten.

En dan de paperclip met details over één van de projecten, die maakt deze site helemaal af. Ook hier zit een schaduw achter, maar ook deze is interessant vervormt waardoor het lijkt alsof het puntje omhoog komt. Hoe je dit effect kan bereiken wordt ook uitgelegd op de website. Door dit element (dat overigens mooi gebruikt maakt van PNG’s alpha transparency) komt de website speelser over en is het minder ‘boxy’.

De website maakt ook gebruik van sIFR waarmee speciale lettertypen op de website gebruikt kunnen worden zonder gebruik te maken van plaatjes. Hierdoor blijft de website toegankelijk en goed indexeerbaar door de zoekmachines. Typografie krijgt óók op websites een steeds belangrijkere rol! Verder is de site leuk en uitdagend geschreven en staan er een aantal interessante artikelen op!

Het wordt tijd dat ik mijn site en de site van Smit & Flink Media ook een keer een update geef! -zucht-