Ideale ontwikkelaanpak - Seminar Web, apps, email

59
Den Bosch, 29 juni 2011 Charlotte van Dael Website Optimalisatie Web, apps en e-mail

description

Ideale ontwi

Transcript of Ideale ontwikkelaanpak - Seminar Web, apps, email

Page 1: Ideale ontwikkelaanpak - Seminar Web, apps, email

Den Bosch, 29 juni 2011Charlotte van Dael

Website Optimalisatie

Web, apps en e-mail

Page 2: Ideale ontwikkelaanpak - Seminar Web, apps, email

1998 2000 20022001 2003

200420062009

Is uw website af?

www.sony.com

Page 3: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Page 4: Ideale ontwikkelaanpak - Seminar Web, apps, email

Uitgangspunten

Page 5: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 6: Ideale ontwikkelaanpak - Seminar Web, apps, email

Wie bezoeken de site?

Page 7: Ideale ontwikkelaanpak - Seminar Web, apps, email

Behoefte: focusgroepen & interviews

Page 8: Ideale ontwikkelaanpak - Seminar Web, apps, email

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 !

Page 9: Ideale ontwikkelaanpak - Seminar Web, apps, email

Breng focus aan

en nu ?

Page 10: Ideale ontwikkelaanpak - Seminar Web, apps, email

Meten = Weten

Page 11: Ideale ontwikkelaanpak - Seminar Web, apps, email

Meten is weten

KPI sessieKPI sessie

Page 12: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Page 13: Ideale ontwikkelaanpak - Seminar Web, apps, email

Formulierinteractie

Page 14: Ideale ontwikkelaanpak - Seminar Web, apps, email

Maar…

Page 15: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 16: Ideale ontwikkelaanpak - Seminar Web, apps, email

Waarom eyetracking?Ogen als toegang tot hersenen

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

Page 17: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 18: Ideale ontwikkelaanpak - Seminar Web, apps, email

Hun site

Page 19: Ideale ontwikkelaanpak - Seminar Web, apps, email

Hun site

Page 20: Ideale ontwikkelaanpak - Seminar Web, apps, email

Hun site

Page 21: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 22: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 23: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 24: Ideale ontwikkelaanpak - Seminar Web, apps, email

Case: SNS Fundcoach

Page 25: Ideale ontwikkelaanpak - Seminar Web, apps, email

Filmpje

Page 26: Ideale ontwikkelaanpak - Seminar Web, apps, email

Nog verder in de hoofden kruipen…

Page 27: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 28: Ideale ontwikkelaanpak - Seminar Web, apps, email

Verbeterideeën en nu..?

Page 29: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 30: Ideale ontwikkelaanpak - Seminar Web, apps, email

Van onderzoek naar siteverbetering

Sitestructuur → Wireframes → Design

Page 31: Ideale ontwikkelaanpak - Seminar Web, apps, email

Beslissen obv feiten!

Stap voor stap

Uitsluiten van omgevingsfactoren!

Geen risico’s

A/B & Multi Variate testen

Page 32: Ideale ontwikkelaanpak - Seminar Web, apps, email

Bron: Maxymiser tm

6.45% meer conversie

Page 33: Ideale ontwikkelaanpak - Seminar Web, apps, email

+ 17%

36% conversieratio

39% conversieratio

42% conversieratio

Bron: Searchresult

Page 34: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

4x meer conversie

Page 35: Ideale ontwikkelaanpak - Seminar Web, apps, email

Versie A

Versie B

Nieuwsgierig??Testen dus!!!!!

Page 36: Ideale ontwikkelaanpak - Seminar Web, apps, email

Casus: Eneco

Page 37: Ideale ontwikkelaanpak - Seminar Web, apps, email
Page 38: Ideale ontwikkelaanpak - Seminar Web, apps, email

Take aways

Web, E-mail, Apps

Page 39: Ideale ontwikkelaanpak - Seminar Web, apps, email

Take aways

Web

Page 40: Ideale ontwikkelaanpak - Seminar Web, apps, email

…1.…

1. Facetnavigatie

Page 41: Ideale ontwikkelaanpak - Seminar Web, apps, email

Geen volledige breedte 0,5 sec reactiesnelheid

Uitklapbaar topmenu

Page 42: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Sitemap als footer

Page 43: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Page 44: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Page 45: Ideale ontwikkelaanpak - Seminar Web, apps, email

…1.…

Leef je in in je doelgroep

Page 46: Ideale ontwikkelaanpak - Seminar Web, apps, email

Take aways

E-mail

Page 47: Ideale ontwikkelaanpak - Seminar Web, apps, email

1. Start onderwerp met triggerwoorden

Page 48: Ideale ontwikkelaanpak - Seminar Web, apps, email

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

Page 49: Ideale ontwikkelaanpak - Seminar Web, apps, email

3. Wees terughoudend met tekst

De 4 pijlers

Wij zijn Yourzine…

Page 50: Ideale ontwikkelaanpak - Seminar Web, apps, email

3. Al kan tekst werken!

• Groot & duidelijk

• Niet dia-positief• Niet te breed

Page 51: Ideale ontwikkelaanpak - Seminar Web, apps, email

4. Content- VERSUS Navigatiescanners

1

2

3

2

3

1 Houd ook rekening met

contentscanners!!!

Page 52: Ideale ontwikkelaanpak - Seminar Web, apps, email

…1.…

5. Menubalk van site kan werken in E-mail

De 4 pijlers

Wij zijn Yourzine…

Page 53: Ideale ontwikkelaanpak - Seminar Web, apps, email

Take aways

Apps

Page 54: Ideale ontwikkelaanpak - Seminar Web, apps, email

Schermgroottes Touchscreen versus track ball en toetsenbord

1. Houd rekening met verschillende devices

Page 55: Ideale ontwikkelaanpak - Seminar Web, apps, email

Minimaal 1 vierkante centimeter

2. Knoppen groot genoeg

Page 56: Ideale ontwikkelaanpak - Seminar Web, apps, email

3. Geen flash elementen

Page 57: Ideale ontwikkelaanpak - Seminar Web, apps, email

4. Geef de keuze voor normale site

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

Page 58: Ideale ontwikkelaanpak - Seminar Web, apps, email

5. Duidelijke navigatie

Page 59: Ideale ontwikkelaanpak - Seminar Web, apps, email

Dank voor jullie aandacht

Dank voor Jullie aandacht