SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Downloaden Sie, um offline zu lesen
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.nu 
ett syfte 
tv.nu 
fler syften 
malmo.se 
massa syften
Fokus / uppmärksamhet 
100% 
50% 50% 
vecka.nu 
ett syfte 
tv.nu 
fler syften 
malmo.se 
massa 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
Sammanfattningsvis 
1. Definiera syfte 
2. Rangordna syfte 
3. designa efter prioritet
Målgrupp
kan vi nå alla?
Ett vanligt misstag 
Misstag: Utgår ifrån 
sig själv
Två vägar att gå 
Extreme targeting 
vs 
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. 
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. 
primär sekundär
2 & 2 Diskutera målgrupp
Malmö högskolas målgrupp: 
Primär 
Studenter, ålder: 20-26, ekonomiskt 
hämmade, har tid, cykel eller lokaltrafik, 
har flyttat hemifrån. 
Sekundär 
Medarbetare, akademiker i Malmö 
med omnejd, ålder 35-50, familj med 
tillgång till bil.
2. Lär känna målgruppen 
Intervjuer, Enkäter, Fokusgrupper 
Information 
Hitta gemensamma nämnare
3. Design efter målgrupp 
Språk 
Stil 
& 
Ton
Sammanfattningsvis 
1. Avgränsa Målgrupp 
2. Lär känna målgrupp 
3. designa efter målgrupp
Bornholm
Bornholm 
• Planering - Ganttschema 
• Budget 
• Användbarhet: målgruppsanalys och syfte 
• Kravspecifikation 
• Skisser (alternativt mockups/wireframes) och sitemap 
• Grafisk profil för webbplatsen

Weitere ähnliche Inhalte

Ähnlich wie Inför produktion ht14

Riktlinjer och tips för kommunen på Facebook
Riktlinjer och tips för kommunen på Facebook Riktlinjer och tips för kommunen på Facebook
Riktlinjer och tips för kommunen på Facebook Elin Sjöberg
 
Sociala medier folktandvårdensörmland
Sociala medier folktandvårdensörmlandSociala medier folktandvårdensörmland
Sociala medier folktandvårdensörmlandRikard Dahl
 
4. upsales & salesmakeover nya sätt att prospektera.4
4. upsales & salesmakeover nya sätt att prospektera.44. upsales & salesmakeover nya sätt att prospektera.4
4. upsales & salesmakeover nya sätt att prospektera.4Jens Edgren
 
Donnie lygonis utbildning 2 affrsplan
Donnie lygonis utbildning 2   affrsplanDonnie lygonis utbildning 2   affrsplan
Donnie lygonis utbildning 2 affrsplanncdncdncd
 
Beteendedesign för employer branding.
Beteendedesign för employer branding.Beteendedesign för employer branding.
Beteendedesign för employer branding.BOOM Marketing & Sales
 
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...André Skagervik
 
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...Crescando
 
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?inUse
 
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012Nordnet
 
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Erik Ekholm
 
Mythbusters frukostseminarium
Mythbusters frukostseminariumMythbusters frukostseminarium
Mythbusters frukostseminariumJobbsafari
 
Intressenternas behov är nyckeln till framgång vid kravställning slideshare
Intressenternas behov är nyckeln till framgång vid kravställning slideshareIntressenternas behov är nyckeln till framgång vid kravställning slideshare
Intressenternas behov är nyckeln till framgång vid kravställning slideshareChrister Mattson
 
Ux och design som konverterar del 1
Ux och design som konverterar   del 1Ux och design som konverterar   del 1
Ux och design som konverterar del 1Wipcore
 

Ähnlich wie Inför produktion ht14 (20)

Pass tva tommy
Pass tva tommyPass tva tommy
Pass tva tommy
 
Riktlinjer och tips för kommunen på Facebook
Riktlinjer och tips för kommunen på Facebook Riktlinjer och tips för kommunen på Facebook
Riktlinjer och tips för kommunen på Facebook
 
Ccic module 3
Ccic module 3Ccic module 3
Ccic module 3
 
Kommunikationens grunder.pdf
Kommunikationens grunder.pdfKommunikationens grunder.pdf
Kommunikationens grunder.pdf
 
Sociala medier folktandvårdensörmland
Sociala medier folktandvårdensörmlandSociala medier folktandvårdensörmland
Sociala medier folktandvårdensörmland
 
Sociala Medier i B2B
Sociala Medier i B2BSociala Medier i B2B
Sociala Medier i B2B
 
4. upsales & salesmakeover nya sätt att prospektera.4
4. upsales & salesmakeover nya sätt att prospektera.44. upsales & salesmakeover nya sätt att prospektera.4
4. upsales & salesmakeover nya sätt att prospektera.4
 
Donnie lygonis utbildning 2 affrsplan
Donnie lygonis utbildning 2   affrsplanDonnie lygonis utbildning 2   affrsplan
Donnie lygonis utbildning 2 affrsplan
 
Beteendedesign för employer branding.
Beteendedesign för employer branding.Beteendedesign för employer branding.
Beteendedesign för employer branding.
 
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...
Gästföreläsning: Berghs School of Communication - Att leda och arbeta i webbp...
 
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...
Sveriges Annonsörer B2B-nätverket - LinkedIn för B2B-marknadsföring och socia...
 
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?
Frukostseminarium: Vad är Effektstyrning och hur satte det Kulan i rullning?
 
Pass två appen
Pass två appenPass två appen
Pass två appen
 
Mythbusters frukostseminarium
Mythbusters frukostseminariumMythbusters frukostseminarium
Mythbusters frukostseminarium
 
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012
Integrera mera! Johanna Snickars at NFI konferens Sociala Medier 2012
 
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
 
Mythbusters frukostseminarium
Mythbusters frukostseminariumMythbusters frukostseminarium
Mythbusters frukostseminarium
 
Mythbusters frukosseminarium
Mythbusters  frukosseminariumMythbusters  frukosseminarium
Mythbusters frukosseminarium
 
Intressenternas behov är nyckeln till framgång vid kravställning slideshare
Intressenternas behov är nyckeln till framgång vid kravställning slideshareIntressenternas behov är nyckeln till framgång vid kravställning slideshare
Intressenternas behov är nyckeln till framgång vid kravställning slideshare
 
Ux och design som konverterar del 1
Ux och design som konverterar   del 1Ux och design som konverterar   del 1
Ux och design som konverterar del 1
 

Mehr von Johannes Karlsson (10)

Cms - WordPress
Cms - WordPressCms - WordPress
Cms - WordPress
 
Föreläsning om CSS
Föreläsning om CSSFöreläsning om CSS
Föreläsning om CSS
 
Föreläsning om HTML
Föreläsning om HTMLFöreläsning om HTML
Föreläsning om HTML
 
Kursintroduktion ME135 & ME153
Kursintroduktion ME135 & ME153Kursintroduktion ME135 & ME153
Kursintroduktion ME135 & ME153
 
13 cms ht14
13 cms ht1413 cms ht14
13 cms ht14
 
Html 3 ht14
Html 3 ht14Html 3 ht14
Html 3 ht14
 
Anvandbarhet 2 ht14
Anvandbarhet 2 ht14Anvandbarhet 2 ht14
Anvandbarhet 2 ht14
 
4 html 2_ht13
4 html 2_ht134 html 2_ht13
4 html 2_ht13
 
Användbarhet 1
Användbarhet 1Användbarhet 1
Användbarhet 1
 
Föreläsning 1: Grundläggande HTML
Föreläsning 1: Grundläggande HTMLFöreläsning 1: Grundläggande HTML
Föreläsning 1: Grundläggande HTML
 

Inför produktion ht14

  • 1. Inför produktion - förarbete sparar både tid och pengar
  • 2. Dagens agenda • Syfte och prioritering • Design efter syfte • Målgrupp • Projektdiskussion
  • 6. Fokus / uppmärksamhet 100% 50% 50% vecka.nu ett syfte tv.nu fler syften malmo.se massa syften
  • 7. Fokus / uppmärksamhet 100% 50% 50% vecka.nu ett syfte tv.nu fler syften malmo.se massa syften
  • 8.
  • 9.
  • 10.
  • 11. 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.
  • 12. 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
  • 13.
  • 14. Syftet med malmo.se 1. Informera och interagera med Malmös invånare om Malmörelaterade ämnen
  • 15. 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.
  • 16. 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.
  • 17. 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
  • 18. Kravspecifikation vad är en kravspecifikation?
  • 19. 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”
  • 21.
  • 22. 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
  • 23.
  • 24.
  • 25.
  • 26. .1 .2 .3 .4 .5
  • 27. .1 .2 .3 .4 .5
  • 28. Sammanfattningsvis 1. Definiera syfte 2. Rangordna syfte 3. designa efter prioritet
  • 30. kan vi nå alla?
  • 31.
  • 32. Ett vanligt misstag Misstag: Utgår ifrån sig själv
  • 33. Två vägar att gå Extreme targeting vs TraditionelL targeting
  • 34. 1. avgränsa Målgruppen Män & kvinnor mellan 28-48 år i södra Sverige.
  • 35. 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.
  • 36. 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. primär sekundär
  • 37. 2 & 2 Diskutera målgrupp
  • 38. Malmö högskolas målgrupp: Primär Studenter, ålder: 20-26, ekonomiskt hämmade, har tid, cykel eller lokaltrafik, har flyttat hemifrån. Sekundär Medarbetare, akademiker i Malmö med omnejd, ålder 35-50, familj med tillgång till bil.
  • 39. 2. Lär känna målgruppen Intervjuer, Enkäter, Fokusgrupper Information Hitta gemensamma nämnare
  • 40. 3. Design efter målgrupp Språk Stil & Ton
  • 41. Sammanfattningsvis 1. Avgränsa Målgrupp 2. Lär känna målgrupp 3. designa efter målgrupp
  • 43. Bornholm • Planering - Ganttschema • Budget • Användbarhet: målgruppsanalys och syfte • Kravspecifikation • Skisser (alternativt mockups/wireframes) och sitemap • Grafisk profil för webbplatsen