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

Tweakers.net Developer Summit: videoverslag

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."

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."

Verder 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.

Door Joost Schellevis

Redacteur

26-03-2011 • 09:00

51 Linkedin Google+

Reacties (51)

Wijzig sortering
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.
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 :)
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

Op dit item kan niet meer gereageerd worden.


Apple iPhone XS Red Dead Redemption 2 LG W7 Google Pixel 3 XL OnePlus 6T (6GB ram) FIFA 19 Samsung Galaxy S10 Google Pixel 3

Tweakers vormt samen met Tweakers Elect, Hardware.Info, Autotrack, Nationale Vacaturebank en Intermediair de Persgroep Online Services B.V.
Alle rechten voorbehouden © 1998 - 2018 Hosting door True