Flemming Klausens oplæg fra Digital Markedsføring 2015

1. The Core Model
En bedre måde
at designe
websites på

2. Hvem?
Flemming Klausen
Designchef og Partner i webbureauet Co3
17 år med design og digital forretningsudvikling

3. BrugerbehovForretningsmål
Tjene penge
Spare penge
Skaf kunder
Behold kunder
Gør mit liv nemmereMit job
‘Sweet spot’
Både forretningen og
brugeren når sit mål

4. The
Core
Model

5. - 80 % + 80 % - 35 %
Antal sider Salg af mobil bredbånd Opkald til kundesupport
Telenor
Kilde: Netlife Research

6. Kreftforeningen
i Norge
x 3 x 5
Éngangsdonationer Almindelige donationer
Kilde: Netlife Research

7. Men først den gamle måde
Du skal lave
et nyt website.
Kender du det her?

8. I laver et
flowchart

9. Brugeren løser sin
opgave på 1 side. De
andre sider er i vejen.
Forside

10. Kampen om
forsiden

11. Logo
Søg
Side 1 Side 2 Side 3 Side 4 Side 5 Side 6 Side 7
Billedkarrusel
Banner 1
Banner 2
Nyheder
Video
Mission, Vision og Værdier
Billede Billede Billede Billede
Nyhedsmail (navn)
Nyhedsmail (email)
Tilmeld
Sociale medier
Min afdeling er den
største. Den skal have
et link i hovedmenuen.
Ingen gider at læse
tekst. Det skal være
videoer.
Sociale medier er hot.
Vi er nødt til at have
dem på forsiden.
Alle skal kende vores
mission, vision og
værdier. På med det.
Lav logoet større.

12. Men er det
egentlig din
forside?

14. Mange brugere ser
aldrig din forside
Kerneside

15. Nogen burde
gøre noget …

16. Are Halland
Norsk informationsarkitekt
Udviklede the Core Model
i 2006
Kilde: Netlife Research

17. Ida Aalen
Interaktionsdesign og strategi
Arbejdet videre med
the Core Model
Kilde: Netlife Research

19. Sig hej til
The Core
Model starter
et andet sted

20. Forretningsmål
Prioriterede
Målbare
Brugerbehov
Hvilken opgave ønsker brugeren
at løse på websitet?

21. Forretningsmål
Prioriterede
Målbare
Brugerbehov
Hvilken opgave ønsker brugeren
at løse på websitet?
Cores
Brugeren løser sin
opgave. Du når dit mål.

22. Netlife Research case
Kreftforeningen
Norge

23. Brugerbehov
Lær om lungekræft
Identificer symptomer
Få tips til
forebyggelse
Forretningsmål
Hjælpe patienter og
familier
Informér om lungekræft
Modtag donationer
Kilde: Netlife Research

24. Forretningsmål Brugerbehov
Informér om
lungekræft
Lær om lungekræft
Identificér symptomer
Få tips til forebyggelse
Chat med
Cancer Line
Kilde: Netlife Research

25. Prøv det her derhjemme
Vores
erfaringer med
The Core Model

26. Takeaways

27. Farvel til:
Lav flowchart
Design
forsiden
Design
skabelon til
undersider
Implementér i
CMS
Definér
forretningsmål
Definér
brugermål
Core Model
Processen
Indhold,
design og
teknik
Goddag til:

28. Definér forretningsmål og
brugerbehov allerførst.
BrugerbehovForretningsmål
Tjene penge
Spare penge
Skaf kunder
Behold kunder
Gør mit liv nemmere

29. Design kernesider. De opfylder
brugerbehov og mindst ét
forretningsmål.
BrugerbehovForretningsmål
Gør mit liv nemmere
‘Kernesider’
Både forretningen og
brugeren når sit mål
Tjene penge
Spare penge
Skaf kunder
Behold kunder

30. Design din forside til sidst — ikke
først. Den er ikke (altid) dine
brugeres forside.

31. Kend svarene på disse 4 spørgsmål
for alle dine sider.
1. Målgruppe. Hvem er denne side til?
2. Forretningsmål. Hvad vil du opnå med siden?
3. Brugerbehov. Hvad vil brugeren gøre eller vide på siden?
4. Nøgleord. Hvilke ord er vigtige for brugeren?

32. Afhold en
Core Model
Workshop

33. 6 - 14 deltagere
Facilitator (dig)
Web team (design, indhold, strategi)
Redaktører
Fagspecialister
Folk med stærke meninger om hjemmesiden

34. Definér forretningsmål og
brugerbehov og find kernesider
BrugerbehovForretningsmål
Gør mit liv nemmere
‘Kernesider’
Både forretningen og
brugeren når sit mål
Tjene penge
Spare penge
Skaf kunder
Behold kunder

35. Top Task
analyser

36. Lav en ‘Long list’ med brugerbehov
Cisco havde
600 + brugerbehov
Kilde: A List Apart

37. Kort den ned til en ‘Short list’
Cisco endte med
67 brugerbehov
Kilde: A List Apart

38. Kilde: A List Apart

39. Kilde: A List Apart

40. For stræbere

41. Links
http://alistapart.com/article/the-core-model-designing-
inside-out-for-better-results
http://alistapart.com/blog/post/the-core-model-links-
and-resources