Framgångsrik webbplats - 11 pusselbitar till framgång

11  pusselbitar  -ll  framgång

Så  bygger  man  en  framgångsrik  webbplats

Vad  är  en  framgångsrik  webbplats?

Jag  heter  Anders

anders.bjork@inuse.se0736-­‐603212

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

Det  roligaste  vi  vet  är  a=  skapa  

produkter  och  tjänster  som  ger  

rä=  effekt.

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

2.

1

2

3

4

8

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

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?

Önskad effekt/nytta styr design &

innehåll

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

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

3.

1

2

3

4

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”

3  sä=  besökare  kommer  Hll  en  webbplats  

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

13

14

Var  finns  er  målgrupp  idag?

15

16

36%64%

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

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

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

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

19

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

20

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

Grundläggande  behovKonkreta  behovWow-­‐behov

21

1

2

3

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

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).

!"#$%&'!()*+,-"-)."/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

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

26

4 Visualisera det viktigaste i en konceptdesign

27

28

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

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

3.

5

6

7

8

31

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

32Foto:  Gregory  Moine,  Flickr

33

Foto:  bpende,  Flickr

34Foto:  emrank,  Flickr

35Foto  av:  wsilver,  Flikcr

36

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

?

??

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)

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?

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?

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

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>

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

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

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

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)

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

8 Dela upp arbetet i flera delleveranser

Deadline

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

49

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

10

11

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

Sprida  informaHon Lägga  ut

Effekt!

Varför ska han läsa texten?

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

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

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

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

55

!"#$%

&'$()*+,$%

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

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

<+*#$%

3("44$%

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

11 Jobba med en underhållskalender och redaktionell kalender

När  ska  vi  fokusera  på  vad?

När  letar  besökare  eker  vad?

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

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.

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

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

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

Tack  för  mig!anders.bjork@inuse.se

0736-­‐603212

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