Category Archives: Smit & Flink Media

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-

Firefox 3: Gratis boek en wereldrecord?

Firefox download dayVandaag wordt de nieuwste versie van Mozilla Firefox uitgebracht. Dit is op zich al een berichtje waard, want de nieuwe versie is op veel punten beter dan de huidige versie. Vooral aan de snelheid en veiligheid van de browser is veel verbeterd, en dit alles bovenop de vertrouwde kwaliteit van Firefox!

Ik zou wel meer dan 8.000 woorden kunnen schrijven over de ins en outs van Firefox 3, maar dat heeft Fabio Cevasco al gedaan en zijn Sitepoint PDF boek is gratis te downloaden!

Firefox wil met de laatste versie van de browser ook een wereldrecord halen als “meest gedownloade software product op één dag”. Op de site van firefox is te zien dat al veel mensen hebben aangegeven firefox vandaag te downloaden. We zullen nog even moeten wachten tot Amerika wakker is geworden, maar dan zal de download beschikbaar zijn dus doe gezellig mee!

Internet Explorer 8 toch standaard in ‘super standard mode’

Er was nogal wat te doen om de plannen van Microsoft om de betere ondersteuning van web-standaarden alleen beschikbaar te maken voor websites die aangeven dit te ondersteunen. De voorvechters van het gebruik van web-standaarden struikelden bijna over elkaar heen om aan te geven dat de plannen van Microsoft écht niet konden!

Waar ging het dan eigenlijk over?

Na het goede nieuws dat Internet Explorer met versie 8 weer een goede stap in de richting doet wat betreft de ondersteuning van de webstandaarden en zelfs voor de ACID2 test slaagde (nu ACID3 nog…), kondigde Microsoft aan dat deze ‘super standard mode’ niet standaard beschikbaar is. (grappig naamgeving trouwens, die ‘super’ doet vermoeden dat er iets heel speciaals aan de hand is, terwijl voor de betere webbrowsers het naleven van standaarden de normaalste zaak van de wereld is… Maar goed, dit terzijde). Om gebruik te kunnen maken van deze feature, moest de webdeveloper in de HTML-code expliciet aangeven dat de website van deze feature gebruik wil maken.

Dit idee ontstond nadat Microsoft veel commentaar had gekregen van zogenaamde “webdesigners” wiens websites er na een upgrade naar Internet Explorer 7 ineens niet meer goed uitzagen. Helaas hadden deze huis-tuin-en-keuken-developers tijdens de les over standaarden even niet opgelet en niet nagedacht over de future-compatibilty van hun code. De website zag er in hun webbrowser goed uit, dus waar zou je je nog druk om maken… Als ik het voor het zeggen had bij Microsoft (tsja…) dan had ik de mailtjes lachend beantwoord met “Zie je wel!” en een paar linkjes naar artikelen mee gestuurd. Maarja, helaas heb ik het niet voor het zeggen bij Microsoft en trokken Gates en de zijnen zich deze kritiek wél aan.

De gedachte dat de webdevelopers die zich met de standaarden bezig houden, bewuster met de code bezig zijn en in een mum van tijd het extra regeltje hadden toegevoegd, was nog niet eens zo gek, maar het ging de boze bloggers om het principe. HTML is er voor de semantische opmaak van de inhoud van een website en daarin wil je geen code zetten die specifiek voor één browser is. Sowieso is het schrijven van code voor één specifieke browser uit den boze, en met de plannen van Microsoft zouden veel webdesigners hiertoe gedwongen worden. Slecht, slecht, slecht…

Gelukkig is Microsoft tot inkeer gekomen. Of het door de vele kritische geluiden van standards-compliant webdevelopers komt of dat het een juridische afweging is geweest laat ik even in het midden, meer over dit besluit kan je lezen op de Blog in Internet Explorer. En hoe wordt hier op gereageerd? Ik zal het slot van deSitepoint blog van Mathew Maggain hiervoor quoten:

Wait — do you hear that sound?

That, my friends, is the cries of joy being uttered by web developers all over the world — web developers who still remember how painful IE6 has made their jobs, and who were reticent and insulted at being asked to add a proprietary tag to satisfy one modern browser’s demands.

Huge kudos to Microsoft for making the right decision. You can dance around like a monkey and screaming Developers, developers, developers! all you want. But it’s actions like this that make us stand up and listen.

And in this particularly relieved developer’s case, applaud.