Frankwatching » Webdesign

9 lessen bij het ontwerpen van 9292.nl

Jeroen van Geel — Mon, 23 Jan 2012 07:00:51 +0000

De kans dat je nog nooit van 9292 hebt gehoord is erg klein. De organisatie is met jaarlijks meer dan 155 miljoen reisadviezen (425.000 per dag!) Nederlands grootste reisadviseur. Het herontwerpen van een site met zo’n enorme impact is dan ook een bijzondere klus. In dit artikel 9 inzichten die we hebben gebruikt bij de ontwikkeling van 9292.nl. Lees meer

Optimaliseer je site met Gestaltpsychologie: een kwestie van perceptie

Ester Toffoletto — Tue, 17 Jan 2012 07:00:41 +0000

De Gestaltprincipes beschrijven hoe je hersenen omgaan met visuele informatie. In een aantal principes leggen zij uit hoe je hersenen snel, automatisch en onbewust dingen waarnemen. Hierbij gaat het er niet om of iets er daadwerkelijk staat, maar wat wij er zelf van maken. Wanneer je goed gebruik maakt van deze wetten op je website, zorg je ervoor dat gebruikers intuïtiever door je website bewegen. Hoe meer intuïtief je door een website beweegt, hoe gebruiksvriendelijker je website is. In dit artikel ga ik in op een paar wetten van de Gestalt, die kunnen helpen bij het verbeteren van je website. Lees meer

Alles wat je over HTML5 & CSS3 wil weten, maar nooit durfde vragen

Désirée Battjes — Mon, 16 Jan 2012 07:00:18 +0000

Tags en classes waar je rode oortjes van krijgt. Ik wist niet dat het kon. Maar ook als je geen letter kunt programmeren, kun je warm worden van HTML5 en CSS3. Ik ben op kantoor, de nerds staan weer met z’n allen om één scherm. “Bruut”, zegt de grote zwarte bril. “Echt vet”, beaamt het baardje. Dan ga ik ook maar even kijken. Ik zie een lekkere website. “Allemaal CSS,” verduidelijkt zwarte bril. Lees meer

Responsive design: aan de slag met 4 tips

Floor Hickmann — Tue, 10 Jan 2012 07:00:35 +0000

Wat doen we met de wildgroei van meer dan 400 verschillende groottes van alle smartphones, tablets en beeldschermen? De focus ligt nu op hoe ontwerpen kleiner en compacter gemaakt worden. Tegelijk is er een trend dat beeldschermen thuis en op het werk juist steeds groter worden. Hoe benut je per scherm de beschikbare ruimte? Lees meer

7 tips voor een optimale cross channel user experience

Robert Jan van Nouhuys — Tue, 03 Jan 2012 07:00:02 +0000

Een consistente klantervaring over alle kanalen heen versterkt de merkbeleving en draagt bij aan hogere conversie. Toch hebben de meeste bedrijven dit nog niet op orde. In dit artikel beschrijf ik aandachtspunten en suggesties bij het ontwerpen en afstemmen van de user experience over kanalen heen, een van de belangrijkste aandachtsgebieden in marketing voor 2012. Lees meer

Zoek- en boekgedrag jonge vakantiegangers

Marieke van Zoest — Tue, 27 Dec 2011 13:00:58 +0000

Iedereen die geboren is in de laatste decennia van de vorige eeuw valt onder generatie Einstein of generatie Y. Ze zijn opgegroeid met informatie en reclameboodschappen. Hierdoor wordt het voor bedrijven steeds lastiger om ze aan te spreken. Dit geldt ook voor reisorganisaties. De grote vraag voor hen is dan ook hoe ze ervoor kunnen zorgen dat deze jongeren zich betrokken voelen en overgaan tot het maken van een boeking op hun website. Lees meer

Vergroot conversie met eyetracking én emotiemeting

Charlotte van Dael — Mon, 19 Dec 2011 07:00:01 +0000

In de webshop van Oxfam Novib haakte 46% van de bezoekers af in de winkelmand. Samen met Oxfam Novib kropen we in de hoofden van deze bezoekers door eyetracking én emotiemeting op basis van EEG-technologie in te zetten. Spannend, want dit was de eerste keer dat dit op deze manier in Nederland is gedaan. In dit artikel licht ik het belang toe van eyetracking én emotiemeting, en geef ik ook enkele onderzoeksresultaten. Lees meer

10 webdesigntrends voor 2012

Désirée Battjes — Thu, 15 Dec 2011 07:00:00 +0000

Euro- en begrotingstekorten. De wereld gaat failliet en ondertussen browset en surft diezelfde wereld er met steeds ruimere bandbreedtes en uiteenlopender apparaten op los. Welke kant gaat webdesign op in 2012? Op internet verwachten we eigenlijk weinig zuinigheid. We zien grote, ruime en rijke ontwerpen en inventieve animaties. Opvallend is een voorkeur voor zachtheid en nostalgie. We spotten tien trends voor het komende seizoen. Lees meer

Moet content niet net zo responsive zijn als design?

Christiaan W. Lustig — Mon, 12 Dec 2011 07:00:59 +0000

In het oerwoud aan ‘web-enabled’ devices bieden afzonderlijke mobiele sites geen uitkomst. Responsive design is dé oplossing, bleek in 2011. Maar wat je hierover leest en hoort, gaat over techniek en meestal over mobiel. Maar mensen komen toch op je mobiele, responsive of ‘gewone’ site voor de inhoud? Content is king, and context is the kingdom, toch? Lees meer

De leercurve van een developer: focus op doelgroep, niet op code

Frank Raterink — Wed, 07 Dec 2011 10:10:20 +0000

Mijn moeder, jouw vriend, de buurjongen, je klasgenoot, de kassière, oom agent en de inwoners van Gouda. Allen maken ze deel uit van het publiek waarvoor we websites bouwen. En dat vergeten we wel eens als programmeur. Daarom heb ik een switch gemaakt: ik word interaction engineer! Lees meer

Responsive webdesign op basis van context en behoeften

Floor van Riet — Mon, 28 Nov 2011 07:00:39 +0000

‘Responsive webdesign’ is in webdesignerland met stip het meest besproken onderwerp van 2011. In een notendop: webtechnieken stellen ons steeds meer in staat om websites en –applicaties te ontwikkelen die zich aanpassen aan de kenmerken van het apparaat. Want de hoeveelheid en diversiteit aan apparaten die we gebruiken om te internetten nemen hand over hand toe. Smartphones, tablets, netbooks, pc’s en laptops: een responsive design zorgt ervoor dat je website optimaal gebruik maakt van de kenmerken van het desbetreffende device. Lees meer

Mobiele sites en content: adaptief of integraal?

Bart Hilhorst — Mon, 05 Sep 2011 06:00:00 +0000

Het wordt steeds makkelijker om websites te maken die op verschillende apparaten er goed uitzien. “Responsive design” is een term waar het laatste jaar veel over wordt gezegd. Het idee is dat het niet uitmaakt welk apparaat er gebruikt wordt: de pagina past zich vanzelf aan naar de schermgrootte. De content is daarbij het ondergeschoven kindje. Veel verder dan het advies “breng structuur aan” is niet te ontdekken. Maar wat betekent het nog meer?

Lees meer

Zeven lessen voor een succesvol webproject

Matthias Snoei — Tue, 07 Jun 2011 06:00:16 +0000

Het is natuurlijk geen geheim dat niet ieder webproject goed afloopt. En in veel gevallen is dat nog een understatement ook. Maar er is wel een aantal lessen dat je kunt leren voordat je aan een groot webproject begint. Daarom: zeven lessen voor het nuchter bouwen van een succesvol webproject. Lees meer

The Cross Channel Experience en andere UX Lx inspiraties

Cyrille Rentier — Sat, 14 May 2011 15:00:42 +0000

In dit laatste artikel over UX Lx doen we onder meer verslag van de boeiende lezingen van Nick Finck over The Cross Channel Experience (ook wel User Experience Design, Customer Experience Design en Service Design genoemd). Stephen Anderson liet aan de hand van voorbeelden zien hoe kritisch denken tot heel andere user experiences kan leiden. Daarnaast hier ook aandacht voor de lezingen van Josh Clark, Chris Fahey en Donald Norman. Lees meer

FrameRate Fest: Toon de wereld je HTML5 skills

Jasmijn Masius — Thu, 28 Apr 2011 11:00:57 +0000

Op internationaal podium FrameRate Fest kunnen deelnemers hun vaardigheden HTML5 laten zien. De maker kan naam en portfolio aan het frame koppelen en kan zo rekenen op nationale en internationale publiciteit. In gesprek met Serge van Schie van Microsoft Nederland. Lees meer

Online vertrouwen winnen van je klant – praktische tips op 3 niveaus

Marjolein Balder — Wed, 20 Apr 2011 06:00:14 +0000

Er zijn verschillende theorieën en technieken bekend over hoe je je consument kunt beïnvloeden om tot conversie over te gaan. Hierbij speelt verleiding een grote rol. Belangrijker echter, is het wekken van vertrouwen bij je klant. Want zonder vertrouwen zal er überhaupt geen conversie plaatsvinden op je website. Maar hoe kun je online het vertrouwen van je bezoekers winnen? Lees meer

SXSW (1): contentstrategie, visual meetings, education & social media

Pieter Jongerius — Sat, 12 Mar 2011 11:00:21 +0000

Vandaag opende het 25e South by Southwest (SXSW) festival dat elk jaar omstreeks half maart plaatsvindt in Austin, Texas. De SXSW interactive conferentie is met zo’n 20.000 geregistreerde professionals uitgegroeid tot de grootste en meest toonaangevende op haar gebied. Lees meer

Flexibele lay-out: website Tropenmuseum geschikt voor elk scherm

Vasilis van Gemert — Mon, 21 Feb 2011 14:00:42 +0000

Het Tropenmuseum kreeg meer en meer mobiele bezoekers en wilde hier iets mee. De standaard lay-out voor desktopcomputers bood duidelijk geen optimale beleving aan gebruikers met kleine schermen. In eerste instantie dacht het musem aan een aparte mobiele website, maar koos uiteindelijk voor een alternatief: de bestaande website ombouwen naar een website die zich aanpast aan z’n omgeving met een zogenaamde adaptieve lay-out. Lees meer

Jimdo: Iedereen kan websites bouwen

Redactie Frankwatching — Wed, 10 Nov 2010 12:00:05 +0000

Wil je graag een eigen website, maar heb je twee linker online handen? Met Jimdo is het voor iedereen mogelijk om een site te bouwen en te beheren. Gratis en met een paar klikken op de muisknop. Sinds een aantal maanden is er ook een Nederlandse versie beschikbaar. In gesprek met Luuk Sweben, Country Manager Nederland. Lees meer

De mega dropdown: creëer overzicht in je sitenavigatie

Floor van Riet — Thu, 04 Nov 2010 07:00:28 +0000

De navigatie van je website of intranet is zeer bepalend voor de gebruiksvriendelijkheid en effectiviteit. De afgelopen jaren zien we steeds meer websites gebruik maken van de ‘mega dropdown’: een groot en breed uitklapmenu dat bezoekers in één oogopslag een compleet overzicht biedt van alle informatie binnen een categorie. Daarnaast biedt de mega dropdown nieuwe mogelijkheden voor conversie binnen de navigatie. Sony, Reuters, Audi, The White House en MTV, maar ook onze eigen HEMA en Philips implementeerden mega dropdown. De voordelen en aandachtspunten voor het implementeren van de mega dropdown. Lees meer