63
11 pusselbitar -ll framgång Så bygger man en framgångsrik webbplats

Framgångsrik webbplats - 11 pusselbitar till framgång

  • Upload
    inuse

  • View
    104

  • Download
    0

Embed Size (px)

DESCRIPTION

Presentationen från inUse frukostseminarium om framgångsrik webbplats som hölls i mitten av september i Stockholm, Göteborg och Malmö.

Citation preview

Page 1: Framgångsrik webbplats - 11 pusselbitar till framgång

11  pusselbitar  -ll  framgång

Så  bygger  man  en  framgångsrik  webbplats

Page 2: Framgångsrik webbplats - 11 pusselbitar till framgång

Vad  är  en  framgångsrik  webbplats?

Page 3: Framgångsrik webbplats - 11 pusselbitar till framgång

Jag  heter  Anders

[email protected]­‐603212

twi=er.com/andbjose.linkedin.com/in/andersbjork

Page 4: Framgångsrik webbplats - 11 pusselbitar till framgång
Page 5: Framgångsrik webbplats - 11 pusselbitar till framgång

Det  roligaste  vi  vet  är  a=  skapa  

produkter  och  tjänster  som  ger  

rä=  effekt.

Page 6: Framgångsrik webbplats - 11 pusselbitar till framgång
Page 7: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Bestäm  vad  investeringen  ska  ge  för  effekt

2.

1

2

3

4

Page 8: Framgångsrik webbplats - 11 pusselbitar till framgång

8

1 Bestäm vad investeringen ska ge för effekt

Page 9: Framgångsrik webbplats - 11 pusselbitar till framgång

Att bygga varumärket för att

knyta kunderna närmare sig?

Att få besökarna att

åka till närmaste

möbelvaruhus? Att få

besökarna att köpa möbler

direkt på sajten?

Syftet med webbplatsen?

Page 10: Framgångsrik webbplats - 11 pusselbitar till framgång

Önskad effekt/nytta styr design &

innehåll

Page 11: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Bestäm  vad  investeringen  ska  ge  för  effekt

2. Fundera  på  om  en  webbplats  är  lösningen

3.

1

2

3

4

Page 12: Framgångsrik webbplats - 11 pusselbitar till framgång

12

2 Fundera på om en webbplats är lösningen

”Få  fler  unga  a,  fortsä,a  gå  2ll  tandläkaren  e6er  21”

”Behålla  och  utveckla  rela2oner  med  fler  pa2enter  genom  god  service”

Page 13: Framgångsrik webbplats - 11 pusselbitar till framgång

3  sä=  besökare  kommer  Hll  en  webbplats  

➡ Via  Google➡ Skriver  in  adressen➡ Länkar  från  andra  

13

Page 14: Framgångsrik webbplats - 11 pusselbitar till framgång

14

Var  finns  er  målgrupp  idag?

Page 15: Framgångsrik webbplats - 11 pusselbitar till framgång

15

Page 16: Framgångsrik webbplats - 11 pusselbitar till framgång

16

36%64%

% av befolkningen som inte har Facebook% av befolkningen som har Facebook

Källa:  h=p://www.joinsimon.se/facebook-­‐sverige-­‐2010/

Page 17: Framgångsrik webbplats - 11 pusselbitar till framgång

17

Myndigheten  för  samhällsskydd  och  beredskap  informerar  på  Twi=er

Glocalnet  har  kundservice  på  Facebook

Electrolux  pressrum  bygger  på  Flickr  och  Youtube

Stadsbiblioteket  i  Göteborg  Hpsar  om  böcker  på  Facebook  och  Twi=er

Arbetsmiljöverket  ger  råd  om  arbetsmiljö  Hll  6000  fans  på  Facebook

Comviq  möter  unga  på  Bilddagboken

Sverigebilen  finns  bara  på  Facebook  &  Twi=er  

Daglivs  i  Stockholm  berä=ar  om  sina  erbjudanden  på  Twi=er

RiksanHkvarieämbetet  visar  delar  av  dess  fotografiska  material  på  Flickr

Och  många  fler....

Page 18: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Bestäm  vad  investeringen  ska  ge  för  effekt

2. Fundera  på  om  en  webbplats  är  lösningen

3. Ta  reda  på  vilka  som  ska  göra  aE  effekten  uppstår  och  deras  mål/drivkraIer

4.

1

2

3

4

Page 19: Framgångsrik webbplats - 11 pusselbitar till framgång

19

3 Ta reda på vilka som ska göra att effekten uppstår och deras mål/drivkrafter

Page 20: Framgångsrik webbplats - 11 pusselbitar till framgång

20

3 Ta reda på vilka som ska göra att effekten uppstår och deras mål/drivkrafter

Grundläggande  behovKonkreta  behovWow-­‐behov

Page 21: Framgångsrik webbplats - 11 pusselbitar till framgång

21

1

2

3

Page 22: Framgångsrik webbplats - 11 pusselbitar till framgång

22

Lennart Livsstil, 46

Lennart vill främst jobba med

lantbruk, oavsett om han kan

livnära sig på det eller ej. Han

är mån om naturen och driver

ekologiskt jordbruk.

Erik Entreprenör, 36

Erik drivs av att få en lönsam

verksamhet och han provar

gärna olika vägar för att nå

maximal lönsamhet och

effektivitet.

Frank vill ha en lönsam

verksamhet, men inte till vilket

pris som helst. Han vill inte

heller riskera sin verksamhet

genom att pröva nya grepp i allt

för stor utsträckning.

Förvaltar Frank, 54

Page 23: Framgångsrik webbplats - 11 pusselbitar till framgång

23

SällskapsdjursägareHar t.ex. hund, katt eller smådjur.

Ca. 1.000.000 personer. Besöker

sjv.se sällan, ca 1 gång vart tredje

år. Vet sällan att de skall vända

sig till SJV. Står för drygt 40% av

alla frågor till Kundtjänst (av de

frågor som hanteras i april 2007).

Page 24: Framgångsrik webbplats - 11 pusselbitar till framgång

!"#$%&'!()*+,-"-)."/0'%12'-3'43*

“Jag behöver någon som pushar mig och visar på

möjligheterna.”

!"#$%&'!()*+,-"-)'50#-0&'"-$+'4%6706%-'0/'2"/0'+-'4+-"-)589**'5:55+*5(/-"-);'

4+-'<+2=7+&'2>(*?'4+,'0/'#%440'?3'70,'20-'7"**')=&0@70,'20-'5#0'50$50'?3;'

4+-'%1#53'2>(*?'4+,'0/'-3'5"/'43*'%12'$0'5")'=7+&'+7+-$9+**0'2"-,+&'?3'7()+-A'

B+$'#0-'20-,*0'%4'0/'$0'&+,0'?3'70,'20-'7"**'?*9))0'6**'+**+&'>%<<0'4+,;'0/'$0'

&+,0'?3'70,'20-'(&'<&0'?3;'2>(*?'0/'7(*>0'<*0-,'0**$'20-'7"**')=&0'+

**+&'2>(*?'4+,'

0/',+C-"+&0',+-'<(5$0'7()+-'6**'+/'<+5$(4$'43*A

!"#$%&'!()*+,-"-)'#(--+&'0/'20-'"-$+'20&'0**'6,'"'7(&*,+-'8=&'0/'#%

440'?3'70,'

20-'7"**')=&0;'9$0-'7"**'20'+-'?*0-'%12'+/'$:,*")$'43*;'(7+-'%4',+$'$0&'D+&0'3&'0/'

-3',"$A'.0-'<+2=7+&'"-$+'-3)%-'5%4'23**+&'20-,+-;'9$0-'5-0&0&+'+-'1

%012'5%4'

)9",0&'2%-%4'%12'7"50&'?3'4=>*")2+$+&-0A'!"#$%&'7"**'$0'+)+$'0-570&'%12',+$'5#0'

70&0'$:,*")$'0/'20-'&=&'5")'8&043$'%12'#%44+&'-(&40&+'43*+$A'”Jag vill jobba ett tag innan jag bestämmer mig för vad jag

ska bli och om jag ska läsa vidare osv.”

!"#$"%"&"'()*+

!"#$$%&'%&()$*%'+%,'%-./'%*0%1'/%&'2%1#$$%

34-'

!"#$$%&'%&()$*%'+%,'%5#3%6$$%5#+%70$%8%

9:77'%41.-%&#2/.-

,&-.'/0*1'$2%32

!;.59-#1%1'/%:$#9'%<-'25=&.-%:=&%>-9.2%

#22.<)-

!?0%9)22./:7%:7%1.-9$#3'%*.-5:2.-%

5:7%&'-%:$#9'%>-9.2%#%.2%1#55%<-'25=&

!;.59-#1%:$#9'%5)+%'+%@0%.-@'-.2&.,%.$$.-%

A,1.=9$'%5#2%9:7*.,.25B

!"#5'%1'2$#3'%*-:<$.78&#2/.-%:=&%&A-%

7'2%9'2%9:77'%41.-%/.55'

456&(-/072*'82

!CA-%)-%/.,%'+%(:<<'%5:7BBD

!"'/%9'2%('3%34-'%@4-%'+%@0%7.-%

.-@'-.2&.,%#2:7BBD

!E:77.-%('3%1.-9$#3.2%9$'-'%'1%'+%

*$A33'%6$$BBD

!F'3%1#$$%1.-9$#3.2%30%.2%9A-5%#%GH%7.2%('3%

&'-%#2,.%-0/B%"'/%9'2%('3%34-'D

24

Page 25: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Bestäm  vad  investeringen  ska  ge  för  effekt

2. Fundera  på  om  en  webbplats  är  lösningen

3. Ta  reda  på  vilka  som  ska  göra  aE  effekten  uppstår  och  deras  mål/drivkraIer

4. Visualisera  och  skissa  upp  det  vikMgaste  i  en  konceptdesign

1

2

3

4

Page 26: Framgångsrik webbplats - 11 pusselbitar till framgång

26

4 Visualisera det viktigaste i en konceptdesign

Page 27: Framgångsrik webbplats - 11 pusselbitar till framgång

27

Page 28: Framgångsrik webbplats - 11 pusselbitar till framgång

28

Page 29: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Bestäm  vad  investeringen  ska  ge  för  effekt

2. Fundera  på  om  en  webbplats  är  lösningen

3. Ta  reda  på  vilka  som  ska  göra  aE  effekten  uppstår  och  deras  mål/drivkraIer

4. Visualisera  och  skissa  upp  det  vikMgaste

Page 30: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Välj  plaOorm  baserat  på  vad  webbplatsen  ska  ge  för  effekt

3.

5

6

7

8

Page 31: Framgångsrik webbplats - 11 pusselbitar till framgång

31

5 Välj plattform baserat på vad webbplatsen ska ge för effekt

Page 32: Framgångsrik webbplats - 11 pusselbitar till framgång

32Foto:  Gregory  Moine,  Flickr

Page 33: Framgångsrik webbplats - 11 pusselbitar till framgång

33

Foto:  bpende,  Flickr

Page 34: Framgångsrik webbplats - 11 pusselbitar till framgång

34Foto:  emrank,  Flickr

Page 35: Framgångsrik webbplats - 11 pusselbitar till framgång

35Foto  av:  wsilver,  Flikcr

Page 36: Framgångsrik webbplats - 11 pusselbitar till framgång

36

5 Välj den plattform som har bäst förutsättningar att ge den effekt ni vill ha ut

?

??

Page 37: Framgångsrik webbplats - 11 pusselbitar till framgång

37

Hur  bra  är  pladormen  på  a=  lösa  webbplatsen  vikHgaste  egenskaper?  (t  ex  möjlighet  a=  enkelt  interagera  med  andra  besökare,  visa  upp  produkter  och  

locka  Hll  merförsäljning  eller  snabbt  hi=a  svaret  på  en  fråga)

Page 38: Framgångsrik webbplats - 11 pusselbitar till framgång

38

Hur  väl  fungerar  redaktörsgränssni=et  i  förhållande  Hll  redaktörernas  kunskapsnivå?

Hur  bra  fungerar  pladormen  för  den  typen  av  innehåll  som  webbplatsen  ska  hantera?

Fungerar  söken  på  e=  sådant  sä=  som  krävs?

Kan  pladormen  anpassas  och  integreras  i  den  utsträckning  som  krävs?

Hur  bra  är  pladormen  på  a=  integrera  med  andra  system?

Hur  fungerar  roller  och  räggheter  i  pladormen?

Page 39: Framgångsrik webbplats - 11 pusselbitar till framgång

39

Fungerar  versionshantering  Hllräckligt  bra?

Kan  man  hantera  flera  webbplatser  i  pladormen?

Finns  det  stöd  för  flera  språk?

Hur  Hllgänglig  och  sökmotorvänlig  är  pladormen?

Hur  ser  Hllgången  på  utvecklare  ut?

Är  prestanda,  säkerhet  och  stabilitet  Hllräckligt  bra?

Page 40: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Välj  plaOorm  baserat  på  vad  webbplatsen  ska  ge  för  effekt

2. Outsourca  funkMonalitet  istället  för  aE  bygga  själv

3.

5

6

7

8

Page 41: Framgångsrik webbplats - 11 pusselbitar till framgång

41

6 Outsourca funktionalitet istället för att bygga själv

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/1753170.js"></script>

Page 42: Framgångsrik webbplats - 11 pusselbitar till framgång

42

6 Outsourca funktionalitet istället för att bygga själv

• Flickr  (Bilder,  bildspel)

• Youtube  (Video)

• Vimeo.com  (Video)

• Paypal  (Betalningar)

• GetsaMsfacMon  (Kundtjänst)

• Amiando  (Hantera  event)

• Surveymonkey  (Enkäter)

• Google  Maps  (Kartor)

• Google  Docs  (Enklare  anmälningsformulär)

• Facebook  (inloggning,  ”Gilla”)

• Slideshare  (Powerpoint-­‐presentaMoner)

• Twingly  (andra  som  länkar  Mll  den  här  arMkeln)

• Disqus  (kommentarsfunkMon)

Och  många  fler...

Page 43: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Välj  plaOorm  baserat  på  vad  webbplatsen  ska  ge  för  effekt

2.  Outsourca  funkMoner  istället  för  aE  bygga  själv

3. Detaljera  designen  så  aE  utvecklarna  kan  fokusera  på  siE

4.

5

6

7

8

Page 44: Framgångsrik webbplats - 11 pusselbitar till framgång

44

7 Detaljera designen så att utvecklarna kan fokusera på sitt

‣ Hur  udormar  vi  bokningsflödet  på  bästa  säE  för  aE  X,  Y  och  Z  ska  hända?

‣ Hur  ska  profilsidan  vara  udormad  för  aE  Mll  och  med  SkepMska  Sara  ska  lockas  Mll  aE  fylla  i  den?

‣ Hur  kan  vi  udorma  nyhetssidorna  för  aE  locka  Mll  mer  läsning  om  Ekologiskt  Jordbruk?

‣ Hur  kan  vi  locka  Smarta  Sune  Mll  aE  dela  med  sig  av  sina  erfarenheter  Mll  andra?

Medvetna  designbeslut  som  ska  ge  räE  effekt

Page 45: Framgångsrik webbplats - 11 pusselbitar till framgång

45

7 Detaljera designen så att utvecklarna kan fokusera på sitt

När  användaren  klickar  på  köp,  läggs  varan  i  kundvagnen  samHdigt  som  e=  meddelande  om  det  visas  längst  ner  på  sidan.

För  a=  betygsä=a  en  vara  måste  användaren  vara  inloggad.  När  så  är  fallet  kan  besökaren  föra  muspekaren  över  stjärnorna  varpå  graderingen  fly=as.  När  besökaren  klickar  på  en  stjärna  sä=s  betyget  och  e=  tackmeddelande  visas  längst  ner  på  sidan.

Kundvagnen  uppdateras  så  fort  besökaren  lägger  något  i  kundvagnen  (sidan  behöver  inte  laddas  om)

Page 46: Framgångsrik webbplats - 11 pusselbitar till framgång

1. Välj  plaOorm  baserat  på  vad  webbplatsen  ska  ge  för  effekt

2.  Outsourca  funkMoner  istället  för  aE  bygga  själv

3. Detaljera  designen  så  aE  utvecklarna  kan  fokusera  på  siE

4. Dela  upp  arbetet  i  flera  delleveranser  som  kan  utvärderas

5

6

7

8

Page 47: Framgångsrik webbplats - 11 pusselbitar till framgång

8 Dela upp arbetet i flera delleveranser

Deadline

Page 48: Framgångsrik webbplats - 11 pusselbitar till framgång

48

5. Välj  plaOorm  baserat  på  vad  webbplatsen  ska  ge  för  effekt

6.  Outsourca  funkMoner  istället  för  aE  bygga  själv

7. Detaljera  designen  så  aE  utvecklarna  kan  fokusera  på  siE

8. Dela  upp  arbetet  i  flera  delleveranser  som  kan  utvärderas

Page 49: Framgångsrik webbplats - 11 pusselbitar till framgång

49

1. Skriv  för  en  målgrupp  och  för  effekt  9

10

11

Page 50: Framgångsrik webbplats - 11 pusselbitar till framgång

9 Skriv för en målgrupp och för effekt

Sprida  informaHon Lägga  ut

Effekt!

Page 51: Framgångsrik webbplats - 11 pusselbitar till framgång

Varför ska han läsa texten?

Vad ska han veta, känna, tänka, kunna, göra?

Page 52: Framgångsrik webbplats - 11 pusselbitar till framgång

9 Skriv för en målgrupp och för effekt

Nebraska  is  filled  with  internaMonally  recognized  aEracMons  that  draw  large  crowds  of  people  every  year,  without  fail.  In  1996,  some  of  the  most  popular  places  were  Fort  Robinson  State  Park  (355,000  visitors),  ScoEs  Bluff  NaMonal  Monument  (132,166),  Arbor  Lodge  State  Historical  Park  &  Museum  (100,000),  Carhenge  (86,598),  Stuhr  Museum  of  the  Prairie  Pioneer  (60,002),  and  Buffalo  Bill  Ranch  State  Historical  Park  (28,446).

In  1996,  six  of  the  most-­‐visited  places  in  Nebraska  were:• Fort  Robinson  State  Park• ScoEs  Bluff  NaMonal  Monument• Arbor  Lodge  State  Historical  Park  &  Museum• Carhenge• Stuhr  Museum  of  the  Prairie  Pioneer• Buffalo  Bill  Ranch  State  Historical  Park

eller

124%  bä=re

Page 53: Framgångsrik webbplats - 11 pusselbitar till framgång

53

1. Skriv  för  en  målgrupp  och  för  effekt

2. Mät,  följ  upp  och  förbäEra  -­‐  hela  Mden

9

10

11

Page 54: Framgångsrik webbplats - 11 pusselbitar till framgång

10 Mät, följ upp och förbättra hela tiden

Tid

Användare (%)

Q2 2011

Q1 2011

25%

Mätpunkter

Mätpunkt 1

Mätpunkt 2

Mätpunkt 3

Mätpunkt 4

Q4 2010

50%

75%

100%

Q3 2011

Q4 2011

Page 55: Framgångsrik webbplats - 11 pusselbitar till framgång

55

!"#$%

&'$()*+,$%

-,./,.#+,$%0#1",2+,%

34+5.65+,$72+#$(8+,$%9#:+5;($%

<+*#$%

3("44$%

Page 56: Framgångsrik webbplats - 11 pusselbitar till framgång

56

1. Skriv  för  en  målgrupp  och  för  effekt  

2. Mät,  följ  upp  och  förbäEra  -­‐  hela  Mden

3. Jobba  med  en  underhållskalender  och  redakMonell  kalender

9

10

11

Page 57: Framgångsrik webbplats - 11 pusselbitar till framgång

11 Jobba med en underhållskalender och redaktionell kalender

När  ska  vi  fokusera  på  vad?

När  letar  besökare  eker  vad?

Page 58: Framgångsrik webbplats - 11 pusselbitar till framgång

58

UNDERHÅLLSKALENDER  FÖR  XYZ.SE• Januari  &  juli  -­‐  hur  presterar  vi  i  sökmotorerna.  Nya  termer,  nyE  innehåll.  Se  över  sökordsannonsering.

• Februari  &  augus-  -­‐  städa  bland  länkar.  Kontrollera,  reparera.  

•Mars  &  september  -­‐  samla  in  kund-­‐feedback.  Experter,  golvpersonal.  Användningstest.

• April  &  oktober  -­‐  se  över  texter  &  rubriker,  skrivträning,  redakMonella  arbetsformer

•Maj  &  november  -­‐  höst-­‐  &  vårstädning.  Ta  bort  eller  arkivera

• Juni  &  december  -­‐  Interna  sökord,  besöksmönster,  avbrutna  flöden

Page 59: Framgångsrik webbplats - 11 pusselbitar till framgång

Vilka  är  era  jordgubbar?

5968

AprilHasse  Husägare  röjer  på  tomten  och  vill  slänga  trädgårdsavfall.  LyI  upp  öppeMder  under  framför  allt  påsken  på  första  sidan.

OktoberIngvar  Impuls  kommer  aE  köpa  eE  nyE  regnställ  om  det  är  en  bra  deal  när  hösten  närmar  sig.

Augus-Massor  av  nya  studenter  kommer  Mll  stan  och  letar  eIer  en  ny  tandläkare.

AprilDeklaraMonen  ska  lämnas  in  2  maj.  

Stort  tryck  på  frågor  om  avdrag,  regler,  

blankeEer.

Page 60: Framgångsrik webbplats - 11 pusselbitar till framgång

60

9. Skriv  för  en  målgrupp  och  för  effekt  

10.Mät,  följ  upp  och  förbäEra  -­‐  hela  Mden

11. Jobba  med  en  underhållskalender  och  redakMonell  kalender

Page 61: Framgångsrik webbplats - 11 pusselbitar till framgång

Vi vill att den tänkta nyttan med webbplatsen faktiskt ska uppstå ”

Page 62: Framgångsrik webbplats - 11 pusselbitar till framgång

Därför är vi med i hela processen - från idé till förvaltning

Tydliggöra  idén  och  underläEa  beslut

• Effektkartläggning•Målgruppsanalys• Konceptdesign• Kostnadsanalys  och  teknikval

• Förankring

Bygga  så  aE  önskad  effekt  kan  uppstå

•Detaljdesign•Grafisk  form• Kvalitetssäkring• Projektledning•GränssniEsutveckling

Följa  upp  och  förbäEra

•Mätning  och  uppföljning

•Hjälp  aE  skriva•Hjälp  med  organisaMon•Utvecklingsplan

Page 63: Framgångsrik webbplats - 11 pusselbitar till framgång

Tack  för  [email protected]

0736-­‐603212

twi=er.com/andbjose.linkedin.com/in/andersbjork