Ideale ontwikkelaanpak - Seminar Web, apps, email

Post on 03-Dec-2014

597 views 0 download

description

Ideale ontwi

Transcript of Ideale ontwikkelaanpak - Seminar Web, apps, email

Den Bosch, 29 juni 2011Charlotte van Dael

Website Optimalisatie

Web, apps en e-mail

1998 2000 20022001 2003

200420062009

Is uw website af?

www.sony.com

Site onderdeel(idealiter vanuit roadmap)Site onderdeel

(idealiter vanuit roadmap)

maandelijkemaandelijke releases & wekelijksewekelijkse

slagen

Stap 1

Stap 2Stap 3

Stap 4

gebruikers onderzoekgebruikers onderzoek

Meten & analyseren• inrichting & dashboards•analyseren bezoekersgedrag• conclusies uitwerken

Focus & afstemming• gewenste focus bepalen• doelstellingen• persona’s• kpi’s

Testen uitvoeren• testen monitoren• resultaten analyseren• winners bepalen

Siteverbeteringen uitwerken• creatieve brainstorm• varianten uitwerken:

interactie ontwerpen visual design• afstemming• testen inrichten

Site wijzigingen

Uitgangspunten

Wie bezoeken de site?

Behoefte: focusgroepen & interviews

Key performance indicators

Je moet er boos van worden (op je zelf, of op iemand anders)

Of er een blij gevoel van krijgen - en dit succes ook vieren !

Breng focus aan

en nu ?

Meten = Weten

Meten is weten

KPI sessieKPI sessie

Bijna 25% komt voor de winkels

Tijd tot klikken: 19,2 sec

Bijna 30% komt voor de winkels

Tijd tot klikken: 12,6 sec

Tijd tot klikken: 58,2 sec

100% scroll

90% scroll

70% scroll

50% scroll

30% scroll

25% scroll

Formulierinteractie

Maar…

Waarom eyetracking?Ogen als toegang tot hersenen

Hypothese:Waar je naar kijkt, daar denk je aan.

Hun site

Hun site

Hun site

Case: SNS Fundcoach

Filmpje

Nog verder in de hoofden kruipen…

Verbeterideeën en nu..?

Van onderzoek naar siteverbetering

Sitestructuur → Wireframes → Design

Beslissen obv feiten!

Stap voor stap

Uitsluiten van omgevingsfactoren!

Geen risico’s

A/B & Multi Variate testen

Bron: Maxymiser tm

6.45% meer conversie

+ 17%

36% conversieratio

39% conversieratio

42% conversieratio

Bron: Searchresult

Bron: “Site verbetering en on line marketing bij het Wereld Natuur Fonds”, Ben Vroom & Marlou van Campen, 2009

4x meer conversie

Versie A

Versie B

Nieuwsgierig??Testen dus!!!!!

Casus: Eneco

Take aways

Web, E-mail, Apps

Take aways

Web

…1.…

1. Facetnavigatie

Geen volledige breedte 0,5 sec reactiesnelheid

Uitklapbaar topmenu

‘escape’ voor bezoekers Goed voor SEO (zoekmachine optimalisatie)

Sitemap als footer

KAPITALEN: niet gebruiken!

LEESONDERZOEK TOONT AAN DAT KAPITALEN MINDER PRETTIG LEZEN DAN NORMALE LETTERS.

Leesonderzoek toont aan dat kapitalen veel minder prettig lezen dan normale letters.

Recent onderzoek naar effectiviteit nieuwsbrieven:

25% minder mensen klikt door bij titels in kapitalen

First view versus scrollen

Gemiddeld 30% van uw bezoekers scrollt niet Effect het sterkst bij ouderen en onervaren internetgebruikers

Plaats de belangrijkste zaken boven de vouw!550 / 600 pixels hoogte

…1.…

Leef je in in je doelgroep

Take aways

E-mail

1. Start onderwerp met triggerwoorden

2. Houd rekening met preview pane Outlook: gemiddeld 743×232 pixels Onze vuistregel:

380 pixels breed150 tot 250 pixels hoog

Logo links boven Start met belangrijkste boodschap

3. Wees terughoudend met tekst

De 4 pijlers

Wij zijn Yourzine…

3. Al kan tekst werken!

• Groot & duidelijk

• Niet dia-positief• Niet te breed

4. Content- VERSUS Navigatiescanners

1

2

3

2

3

1 Houd ook rekening met

contentscanners!!!

…1.…

5. Menubalk van site kan werken in E-mail

De 4 pijlers

Wij zijn Yourzine…

Take aways

Apps

Schermgroottes Touchscreen versus track ball en toetsenbord

1. Houd rekening met verschillende devices

Minimaal 1 vierkante centimeter

2. Knoppen groot genoeg

3. Geen flash elementen

4. Geef de keuze voor normale site

Alleen maar telefoonnumers, maar daar kwam ik niet voor..

5. Duidelijke navigatie

Dank voor jullie aandacht

Dank voor Jullie aandacht