Core model - En bedre måde at designe websites på

The Core Model

En bedre mådeat designe websites på

Hvem?

Flemming KlausenDesignchef og Partner i webbureauet Co3

17 år med design og digital forretningsudvikling

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

TheCoreModel

- 80 % + 80 % - 35 %Antal sider Salg af mobil bredbånd Opkald til kundesupport

Telenor

Kilde: Netlife Research

Kreftforeningen i Norge

x 3 x 5Éngangsdonationer Almindelige donationer

Kilde: Netlife Research

Men først den gamle måde

Du skal laveet nyt website.Kender du det her?

I laver et flowchart

Brugeren løser sin

opgave på 1 side. De

andre sider er i vejen.

Forside

Kampen om forsiden

LogoSø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.

Men er det egentlig din forside?

Mange brugere ser

aldrig din forside

Kerneside

Nogen burde gøre noget …

Are Halland

Norsk informationsarkitekt

Udviklede the Core Modeli 2006

Kilde: Netlife Research

Ida Aalen

Interaktionsdesign og strategi

Arbejdet videre medthe Core Model

Kilde: Netlife Research

Sig hej til

The Core Model starteret andet sted

Forretningsmål

PrioriteredeMålbare

Brugerbehov

Hvilken opgave ønsker brugerenat løse på websitet?

Forretningsmål

PrioriteredeMålbare

Brugerbehov

Hvilken opgave ønsker brugerenat løse på websitet?

Cores

Brugeren løser sin

opgave. Du når dit mål.

Netlife Research case

Kreftforeningen Norge

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

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

Prøv det her derhjemme

Vores erfaringer med The Core Model

Takeaways

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:

Definér forretningsmål og brugerbehov allerførst.

BrugerbehovForretningsmål

Tjene penge

Spare penge

Skaf kunder

Behold kunder

Gør mit liv nemmere

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

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

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?

Afhold enCore Model Workshop

6 - 14 deltagere

Facilitator (dig)

Web team (design, indhold, strategi)

Redaktører

Fagspecialister

Folk med stærke meninger om hjemmesiden

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

Top Task analyser

Lav en ‘Long list’ med brugerbehov

Cisco havde600 + brugerbehov

Kilde: A List Apart

Kort den ned til en ‘Short list’

Cisco endte med 67 brugerbehov

Kilde: A List Apart

Kilde: A List Apart

Kilde: A List Apart

For stræbere

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