Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Door , , 51 reacties

Afgelopen donderdag vond de eerste Tweakers.net Developer Summit plaats. Op deze bijeenkomst spraken diverse deskundigen over de noodzaak en het ontwerp van goede gebruikersinterfaces.

Op donderdag 24 maart organiseerde Tweakers.net voor tweakers met een baan als developer de eerste Developer Summit. Een kleine 130 bezoekers hadden zich in het Tweakers.net HQ verzameld om een viertal sprekers en elkaar aan te horen. Speciaal voor de Developer Summit vloog interfacedesigner en ontwikkelaar Aral Balkan naar Nederland om te vertellen over het belang van een goede gebruikersinterface.

Balkan vertelde dat het belang van een makkelijk te bedienen interface door bedrijven nog vaak wordt vergeten: "Vaak gaat alle aandacht uit naar het grafische ontwerp en niet naar de interactie met gebruikers." Hij stelt dat het grafische element van een interface juist een onderdeel van die interactie is: "Grafisch ontwerp is erg belangrijk, en niet alleen een laagje verf." Balkan vergelijkt een goede interface met een Ferrari: "Hij is prachtig, maar werkt ook nog eens erg goed."

"Het gaat om communicatie met mensen. Die kunnen dat positief en negatief ervaren." Als een voorbeeld van een negatieve ervaring - die op het internet vaak voorkomt - noemt Balkan een formulier dat invoer pas valideert bij het submitten. Daardoor verschijnt er pas een foutmelding als een gebruiker het hele formulier al heeft ingevuld. "Vergelijk dat maar met iemand die je een fout laat maken en je vervolgens uitlacht." Uiteraard is deze ervaring tegenwoordig heel makkelijk te voorkomen door de invoer van elk veld direct na het invullen al te controleren.

Volgens Tweakers.net-ontwikkelgoeroe Tino Zijdel, de tweede spreker op de Developer Summit, is ook snelheid belangrijk voor een goede gebruikerservaring. Dat speelt onder andere bij websites een grote rol, zo vertelde hij tijdens zijn presentatie: "Op het moment dat het laden te lang duurt, dwalen de gedachten van de gebruiker af." Gebruikers zijn volgens Zijdel snel geneigd om hun heil dan ergens anders te zoeken: "Dat gebeurt al na drie of vier seconden. Het ligt er wel aan of een gebruiker doelgericht op zoek is of gewoon voorbij komt."

Tweakers.net Developer Summit

Om een website snel te laten laden, is het onder meer van belang dat de pagina's niet te zwaar zijn, zodat browsers ze snel kunnen renderen: "Om het aantal objecten te verkleinen, kun je bijvoorbeeld de afbeeldingen in een sprite map zetten, zodat je maar één afbeelding hoeft binnen te halen om meerdere vlakken op de pagina te vullen." Ook het ophalen van content met ajax kan verschil maken. Statische objecten kunnen volgens Zijdel het beste op een apart domein worden geplaatst dat geen cookies neerzet; die worden anders immers bij elke request meegestuurd, terwijl dat bij statische elementen vaak overbodig is.

Ook het open houden van verbindingen is belangrijk: "Wanneer een gebruiker meer elementen tegelijk van de server vraagt, kun je http-keep-alive toepassen, zodat er niet voor elke request een nieuwe verbinding met de server hoeft te worden gelegd." Dat is overigens alleen interessant bij statische objecten die vanaf high-performance-webservers worden geserveerd. Aan de serverkant is het vaak nodig om caching toe te passen; Tweakers.net gebruikt bijvoorbeeld memcached om veelgevraagde data in het geheugen op te slaan. "Daardoor is er geen roundtrip naar de database-server meer nodig."

Ivo JanschVerder vertelde ontwikkelaar Ivo Jansch over het schaalbaar maken van websites, waardoor de servercapaciteit bij een toename van het aantal bezoekers zonder al te veel moeite kan worden uitgebreid. Ook moeten zo pieken in het bezoek kunnen worden opgevangen, zonder dat er sprake is van een constante overcapaciteit.

"Dat kan bijvoorbeeld met graceful degradation, waarbij je bepaalde functionaliteit uitschakelt als je opeens veel bezoekers krijgt", aldus Jansch. Winfred Peereboom, manager online technology bij Tweakers.net-eigenaar VNU Media, onderstreepte in zijn presentatie ten slotte het belang van zorgvuldige keuzes voor software en architectuur bij de ontwikkeling van internettoepassingen.

Moderatie-faq Wijzig weergave

Reacties (51)

Ik heb even gekeken naar wie die Mr. Balkan nou precies is, maar voor een zogenaamd expert in interaction design levert hij wel belabbert werk af.

Zo is zijn eigen website niet echt goed te noemen op dat vlak en is ook bijvoorbeeld het virtual numer 10 project waar hij aan gewerkt heeft niet goed in elkaar gezet.

Ik weet niet of hij verantwoordelijk is voor Tweakers.net, want dat vind ik nou juist weer wel een hele goede website.

In mijn ogen moet een design er mooi en verzorgd uitzien en moet het voor de gebruiker voor de hand liggen waar hij iets kan vinden of wat hij moet doen. Tweakers is een goed voorbeeld hiervan. De andere voorgenoemde sites niet.

Een aantal in het oog springende 'fouten' op aralbalkan.com:

- Slordige lay-out en niet overzichtelijk voor een site met zo weinig content (subjectief)
- Menu netjes op een rij, maar het laatste item valt er links onder (slordig)
- Laag contrast tussen tekst en achtergrond. Ik stoor me hier nooit aan maar vele mensen wel.
- Klik een artikel aan en je zult zien dat je niet lekker kan browsen bij het klikken verspringt de website naar het tweede deel van de tekst.

Number 10:
- Je kunt vooruit, achteruit en naar links en naar rechts. Waarom zijn deze knoppen naast elkaar geplaatst? Niet handig. Plaats naar voren bovenaan, links links, rechts rechts, en achteruit onder zou ik zeggen.
- Waar moet ik klikken? Er staan nummers in beeld, maar als ik er op klik komt er een pop-up die zegt dat je onder moet kijken. Huh? Wat een nutteloze pop up.
- Hoe navigeer ik door het huis? Na een tijdje zoeken zie ik wat willekeurig geplaatste links naar kamers, maar je hebt geen idee waar je bent en waar je naar toe gaat.
- Beter zou zijn om een kaartje te zien zodat je weet waar je bent in het huis en de gebruiker de kans te geven op een deur te klikken om van kamer naar kamer te gaan. Gek genoeg moet je op het 1e plaatje wel op de deur klikken. Beetje inconsistent lijkt me.

Ik ben hier niet om mensen af te fakkelen, maar als iemand zich voordoet als expert, dan zou je toch mogen verwachten dat zijn eigen werk in orde is.
Ik weet niet of hij verantwoordelijk is voor Tweakers.net, want dat vind ik nou juist weer wel een hele goede website.
Aral Balkan is een freelance professioneel spreker die was ingehuurd voor dit event. Hij heeft dus verder niets met Tweakers.net van doen ;)
Niks negatiefs over de developer summit hoor, ben er niet geweest al had me dat wel leuk geleken, maar de punten die in het artikel naar voren komen zijn wel echt "webdevelopment 101". Zeker de technische punten zijn dingen die elke webdeveloper moet weten, als die nieuws voor je zijn ben je de titel webdeveloper niet waardig.
Was dat maar zo.. :)
Dat is dus ook het punt wat Aral aanbrengt; er zijn nog veel (teveel imho) sites waar usability een ondergeschoven kindje is. Iets 'waar we wel naar kijken als we tijd hebben'. Kleine(re) bedrijven hebben vaak een geen usability afdeling / team en dus komt het bij de webdeveloper terecht.
Ook al is dit dan geen nieuws meer voor je, dan nog kan je er geen tijd voor hebben.

Form validation is een bekend en heikel punt; persoonlijk heb ik op tig sites mijn registratie gewoon afgebroken simpelweg omdat de validatie niet goed werkte / plots een aantal extra required fields nodig had.
Jij focust in je reactie meer op Aral, terwijl ik zelf eigenlijk meer op de aangehaalde punten door Zijdel doelde. Usability is natuurlijk een vak apart, al zouden de basics (zoals idd form validation) ook in het arsenaal van de webdeveloper moeten zitten, al is het ideaal gezien niet de developers verantwoordelijkheid.

Geen tijd ervoor hebben los je natuurlijk ook niet op door er meer van af te weten.

Ook Tweakers is hierin niet perfect. Natuurlijk weet ik niet hoe de front-end precies in elkaar steekt, en misschien is er wel een goede reden voor (zelden het geval), maar er wordt nogal wat externe javascript ingeladen vanuit head. Uit een snel testje met een lege cache volgt dat dat een vertraging van meer dan 350ms oplevert (met een snelle verbinding en midrange laptop). Persoonlijk krijg ik daar jeuk van.
Ook Tweakers is hierin niet perfect.
Wij pretenderen ook niet perfect te zijn op dat vlak, hooguit dat wij er in ieder geval aandacht aan besteden, en dat zie ik toch minder bij andere grote (Nederlandse) websites. Dat dit punten zijn die elke webdeveloper hoort te weten ben ik met je eens; de praktijk leert echter dat het toch vaak een onderbelicht of onderschat onderwerp is.
Natuurlijk weet ik niet hoe de front-end precies in elkaar steekt, en misschien is er wel een goede reden voor (zelden het geval), maar er wordt nogal wat externe javascript ingeladen vanuit head. Uit een snel testje met een lege cache volgt dat dat een vertraging van meer dan 350ms oplevert (met een snelle verbinding en midrange laptop). Persoonlijk krijg ik daar jeuk van.
Er is wel een goede reden om in ieder geval bepaalde javascript al vanuit de head te laden, en dat is om FUBC te voorkomen. Dat dit niet voor alle javascript geldt is zeker waar, maar in een complexe omgeving is het vaak lastig om precies te bepalen wat wel vooraf beschikbaar moet zijn en wat niet.

Ook ik krijg hier regelmatig jeuk van, en probeer dan op basis van voortschrijdend inzicht dingen te verbeteren. Dat is echter lastiger te doen in een reeds bestaande en geëvolueerde omgeving dan wanneer je bijvoorbeeld vanaf scratch een geheel nieuw platform zou opzetten. Zo heb ik bijvoorbeeld recentelijk nog de print.js die de printbutton bij de I/O links genereerd uit de head gehaald; deze wordt nu asynchroon geladen.

Verder kan ik in ieder geval beamen dat de beschikbare tijd voor de presentaties eigenlijk te kort was om echt in-depth op een onderwerp in te gaan. Ik heb achteraf nog wel met aardig wat mensen gesproken en dingen kunnen vertellen; hopelijk wordt de volgende Tnet summit een complete dag met naast presentaties ook dingen als workshops. Laat niet onverlet dat deze avond toch ook wel een success genoemd mag worden :)
Het was geen aanval op Tweakers hoor, alleen een snelgevonden voorbeeld :) Toch interressant om te horen wat de reden erachter is.

Hopelijk wordt de volgende keer inderdaad een hele dag en heb ik de kans er bij te zijn!
hopelijk wordt de volgende Tnet summit een complete dag met naast presentaties ook dingen als workshops.
Hopelijk gaat de volgende "developer summit" niet louter over webdevelopment :)
Amen to that. Of rename 't op z'n minst... Naast snelheid is duidelijkheid ook belang bij een goede UI en de titel van dit event was duidelijk te generiek gekozen!
Die adviezen hierboven zijn een beetje inkoppertjes.. Dit ga je toch niet vertellen tegen een mede-developer?

"Om een website snel te laten laden, is het onder meer van belang dat de pagina's niet te zwaar zijn, zodat browsers ze snel kunnen renderen:"
Zolang dat advies blijkbaar niet opgevolgd wordt door veel grote websites kan het zeker geen kwaad om het te herhalen. Een steekproef van de frontpage van een aantal grote websites in Nederland:

telegraaf.nl: 185 components, 1522.4KB
geenstijl.nl: 64 components, 1637.1KB
nu.nl: 92 components, 880.7KB
fok.nl: 87 components, 2172.1KB
hyves.nl: 129 components, 950.9KB

tweakers.net: 58 components, 405.6KB
Die adviezen hierboven zijn een beetje inkoppertjes.. Dit ga je toch niet vertellen tegen een mede-developer?
Uh.. jawel.
Er zijn er genoeg die deze inkoppertjes gewoon naast het doel weten te planten.
En helaas ook bij (het opleveren van) sites van grote bedrijven.
Leuk en leest lekker weg!
Ik moet zeggen dat ik over de bereikbaarheid en snelheid van tweakers.net nooit te klagen heb gehad. Tweakers.net vind ik persoonlijk ook de prettigst oogende website om reviews, productinformatie en verkoop van artikelen te checken!

Props voor de mensen die dit mogelijk maken, mag ook een keer gezegd worden! _/-\o_
Cheer here!

De term graceful degradation kende ik eigenlijk niet, maar begreep wel meteen wat dat in moest houden. Doet Tweakers.net dit ook?
Doet Tweakers.net dit ook?
Kijk maar eens wat er met "Reviews en Features" gebeurt als je JavaScript uit zet.

(ja dus, maar dat had je natuurlijk zelf ook even kunnen controleren met Firefox ;) )
Denk vooral aan features server side uitzetten om zo load te verlagen. Zo kun je heel eenvoudig caches langer vasthouden. Je data wordt misschien iets minder actueel, maar met bijvoorbeeld een RSS-feed is dat vaak niet zo heel boeiend.

Grote voordeel van graceful degradation is dat de eindgebruiker nog steeds veel, zo niet alle, gewenste functionaliteit behoudt. Nadeel is dat het wel hogere eisen aan ontwikkelaars stelt doordat het vaak zeer specifiek is waar de knelpunten van een site liggen. Het kan dus pas bij grote aantallen gebruikers uit om in te investeren. Bedrijven als Flickr en Facebook zijn typische voorbeelden van sites die hiermee voorop lopen.
Helemaals mee eens. Er zijn maar weinig sites die dit niveau weten te evenaren.
Leuk om te horen, dit zijn ook zaken die spelen bij een klant van mij (Top 10 websites in NL qua bezoekers). Zeker het optimaliseren van de rendertijd is een belangrijk issue. Wij lossen dit ook gedeeltelijk op met caching (reverse proxy), maar ook keep-alive en zoveel mogelijk applicatie caching te gebruiken. Vooral de vele cookies en grootte van javascript en CSS zijn wel een uitdaging.
Waarom zijn de vele cookies een uitdaging? Die gaan toch maar voor één request per page view over de lijn als het goed is? Statische content zou je namelijk van een ander (sub)domein moeten serveren waar geen cookies op gezet zijn. Het moeten wel héél erg veel cookies zijn als die echt een issue worden. :)
Damn ik had hier moeten zijn voor mijn bachelor thesis, gaat exact over UI, is de presentatie gefimd?
Niet in zijn geheel, maar Aral heeft zijn presentatie wel online staan op zijn eigen site. Is niet exact dezelfde die hij donderdag in Amsterdam deed, maar de grote lijnen zijn hetzelfde. :)

http://aralbalkan.com/ux-video
Zijn de presentaties van Ivo en Winfred toevallig ergens te bekijken? Wat meer backend, iets meer mijn ding.
je zal de presentatie hier wel kunnen vinden:

http://www.slideshare.net/ijansch
Ik was er niet bij, developpen staat ook heel ver van mij af, maar ik moet wel zeggen dat ik dit een hele goede stap van Tweakers.net vindt. Lezingen geven en kennis verspreiden op deze manier is namelijk heel erg leuk :).
Ik was er bij, was echt een top avond. Even de echte Tweakers leren kennen en de afdeling waar zij werken. Goede toespraken, lekker gegeten en gedronken. Top Avond

Tweakers, tot de volgende keer. :)
wat een leuk initatief, tja een goed begin, het schijnt in silicon heb je ook van die feestjes en natuurlijk gewoon op een terasje, want waar de ene problemen mee heeft is de andere een ster in leuk dat het zich zo vormt een groepje mensen wat in een later stadia een bedrijf kan worden ofwel bedrijven daten :*)

Op dit item kan niet meer gereageerd worden.



Apple iOS 10 Google Pixel Apple iPhone 7 Sony PlayStation VR AMD Radeon RX 480 4GB Battlefield 1 Google Android Nougat Watch Dogs 2

© 1998 - 2016 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Carsom.nl de Persgroep Online Services B.V. Hosting door True