Inför produktion- förarbete sparar både tid och pengar

Dagens agenda

• Syfte och prioritering

• Design efter syfte

• Målgrupp

• Projektdiskussion

vecka.nu

tv.nu

malmo.se

Fokus / uppmärksamhet

100%

50% 50%

vecka.nuett syfte

tv.nufler syften

malmo.semassa syften

Fokus / uppmärksamhet

100%

50% 50%

vecka.nuett syfte

tv.nufler syften

malmo.semassa syften

Förtydligande

• Desto fler syften desto mindre uppmärksamhet får varje syfte.

• Ni måste prioritera

• Vanligt misstag att applicera företaget/organisationens affärsidé till webbplatsens syfte.

• Använd de möjligheter som webben erbjuder, låt inte företagets huvudfokus stå i vägen.

Hur tar man fram syftet?

• Ingen given metod grundas utifrån en idé om att uppnå något

• Till stor del kundens ansvar, dock måste ”webbyrån” analysera syftet och hjälpa kunden konkretisera sina tankar

• Post-it-Workshop liknande kortsortering

• Samla aktörer och intressenter (Besökare, Avsändare, Utvecklare)

• Skriv ner allt, sortera diskutera och motivera

Syftet med malmo.se

1. Informera och interagera med Malmös invånare om Malmörelaterade ämnen

Syftet med malmo.se

1. Informera och interagera med Malmös invånare om malmörelaterade ämnen

2. Information & interaktion om/med tandläkare, vårdcentral, kultur, stadsplanering & trafik o.s.v.

Syftet med malmo.se

1. Informera och interagera med Malmös invånare om malmörelaterade ämnen

2. Information & interaktion om/med tandläkare, vårdcentral, kultur, stadsplanering & trafik o.s.v.

3. Diverse telefonnummer, adresser, blanketter, kartor och kontaktformulär o.s.v.

Syftet med malmo.se

1. Informera och interagera med Malmös invånare om malmörelaterade ämnen

2. Information & interaktion om/med tandläkare, vårdcentral, kultur, stadsplanering & trafik o.s.v.

3. Diverse telefonnummer, adresser, blanketter, kartor och kontaktformulär o.s.v.

mynna ut i mätbara mål och krav

Kravspecifikation

vad är en kravspecifikation?

Kravspecifikation

• En samling specificerade krav, ett styrdokument, komplement till avtalet

• Underlätta för projektet, hjälpa deltagaran att fokusera på rätt sak

• Krav både från kunden och webbyrån

• Som vanligt; konkretisera och gör kravet mätbart och prioritera kraven

• Delar in kraven i funktionella krav och icke funktionella krav

“Användaren skall kunna boka hotell online”

“Det skall ta max 1 sekund att ladda förstasidan”

the

shape

Att skapa fokus

• Ögat letar efter objekt som sticker ut, bryter mönstret

• Detta kan man göra med:

• Färg

• Form

• Tom yta

• I viss mån även storlek men var försiktiga

• Kan två element/syften ha samma fokus?

• Mät och förändra allt eftersom

• Eyetracking

• Mousetracking

.1

.2

.3

.4 .5

.1

.2

.3

.4 .5

1. Definiera syfte 2. Rangordna syfte 3. designa efter prioritet

Sammanfa

ttningsvis

Målgrupp

kan vi nå alla?

Ett vanligt misstag

Misstag: Utgår ifrån sig själv

Två vägar att gå

Extreme targetingvs

TraditionelL targeting

1. avgränsa Målgruppen Män & kvinnor mellan 28-48 år i södra Sverige.

1. avgränsa Målgruppen Män & kvinnor mellan 28-48 år i södra Sverige.

Män (28-32 år) & kvinnor (28-48 år). Bor i mindre förorter i Skåne. Med en inkomst runt 25 000-35 000 i månaden. Har ett stort intresse för natur & sport.

1. Avgränsa Målgruppen Män & kvinnor mellan 28-48 år i södra Sverige.

primär sekundär

Män (28-32 år) & kvinnor (28-48 år). Bor i mindre förorter i Skåne. Med en inkomst runt 25 000-35 000 i månaden. Har ett stort intresse för natur & sport.

2 & 2 Diskutera målgrupp

Medarbetare, akademiker i Malmö med omnejd, ålder 35-50, familj med tillgång till bil.

Studenter, ålder: 20-26, ekonomiskt hämmade, har tid, cykel eller lokaltrafik, har flyttat hemifrån.

Malmö högskolas målgrupp:

Primär

Sekundär

2. Lär känna målgruppen

Hitta gemensamma nämnare

Intervjuer, Enkäter, Fokusgrupper

Information

3. Design efter målgrupp

Språk

Stil &

Ton

1. Avgränsa Målgrupp 2. Lär känna målgrupp 3. designa efter målgrupp

Sammanfa

ttningsvis

Bornholm

Bornholm• Planering - Ganttschema

• Budget

• Användbarhet: målgruppsanalys och syfte

• Kravspecifikation

• Skisser (alternativt mockups/wireframes) och sitemap

• Grafisk profil för webbplatsen