Föreläsning från Web content Management Day 2012 på Clarion Hotell i Stockholm, kring hur du får design och text att samspela. Hur jobbar du effektivt med interaktionsdesign, grafisk design och copy så att användarna gör det du vill att de ska göra

1. Patrik Åkerman von Knorring och David Aler
Design och copy som ger
effektiva call-to-action
torsdag den 27 september 2012

2. Var?
torsdag den 27 september 2012

3. Var i köpcykeln?
Webbplatsen bara en av många bra
placeringar för effektiv CTA
Var befinner sig kunden i köpcykeln?
Kan du anpassa CTA efter detta? Dvs det
du vet om kundens behov just i denna fas?
Placera CTA i whitepapers, webinars,
presentationer (slideshare),
epostnyhetsbrev, adwords, signaturer,
bloggposter, videos, facebook, twitter,
linkedin
torsdag den 27 september 2012

4. Flera CTA på samma sida
torsdag den 27 september 2012

5. torsdag den 27 september 2012

6. Anpassa efter enhet och sammanhang
torsdag den 27 september 2012

7. Design
torsdag den 27 september 2012

8. Storleken räknas
torsdag den 27 september 2012

9. ;:<1C<>>1F588<F;<G1;:<=1?D<@R19DB;<>1S?F5J1T6J<1B81(A?>:B8H-?H?UB8<$1Q+:<D<N5D<@1BN1=561
Omgivningen spelar roll
:?I<15;:<D1<C<A<8;>1;:?;1F?81:<CK1F58IB8F<16><D>1;51;?7<1?F;B58@1D<G6F<1;:<19:B;<1>K?F<1B81
9?DA1J?F7HD568G1F5C5D>@1>6F:1?>1D<G1?8G15D?8H<@19:BF:1?KK<?D1C?DH<D1;:?81F5C5D>1>6HH<>;B8H1
F5CG8<>>@1JC6<1?8G1HD<<8$1#?DA1F5C5D>1?KK<?D1FC5><D1;51;:<1IB<9<D$1
!"#$%&'"()&*+,,-.
###$%&'()*+$,*-
torsdag den 27 september 2012

10. ”Above the fold”
torsdag den 27 september 2012

11. Tänk på kontrasten
Klicka här
Klicka här
Klicka här
torsdag den 27 september 2012

12. 8>8@4I<784E778?E?DEM984AB99CD<CBADE<@$4*DF874N8?EG@4?D:98?4DFBD4:<64AB@4BKK9:4D<4:<674AB99CD<CBADE<@4
Interaktiva effekter
E@A96N84N7<K4?FBN<H;4D8QD4B@N4M6DD<@4M8>89?4B@N4G7BNE8@D4A<9<7?$42994DF8?84<KDE<@?4B784B>BE9BM984
DF7<6GF4%6M(K<D=?4,B99CD<C2ADE<@4'6E9N87$
4
!"#$%&'"()&*+,,-.
###$%&'()*+$,*torsdag den 27 september 2012

13. Använd oväntade former
torsdag den 27 september 2012

14. ;=7@C1?66OBCH1@:1@1?8@IA>@G:=D8196D716D1>@??A:6A@>:B6C16C1@1G@H8L1:;@:P<1F;8D81:;818J81691:;81
Skapa en riktning
EB<B:6D1FB??1@?<61<;B9:1:6$1(61I6CP:1@II1B7@H8<1691G86G?81F;61<:@D81DBH;:1@:1J6=D1@=IB8C>8Q17@O81
:;871<:@D81@:1F;@:1J6=D1@=IB8C>81<;6=?I1?66O1@:$
!"#$%&'"()&*+,,-.
###$%&'()*+$,*-
torsdag den 27 september 2012

15. Användartesta
torsdag den 27 september 2012

16. #8FC9/:DA/@8DACB/ND>A@/DG/:DA</>=CCO;DO=>;FDG/;9K;3/BDGP;/ND<L9;/;8=;/L<=M8F>@/>=G/89CM/>DGI9:/
J9=GFGL/=GB/@;<9GL;89G/:DA</J9@@=L9$/+89:/=<9/9@M9>F=CC:/A@9NAC/FG/9KMC=FGFGL/=/>DG>9M;/;8=;/F@/
Fokusera på texten...
8=<B/;D/9KMC=FG/EF;8/ED<B@/=CDG9$
!"#$%&'"()&*+,,-.
###$%&'()*+$,*-
torsdag den 27 september 2012

17. Vad du säger
torsdag den 27 september 2012

18. Tänk på VAD och FÖR VEM
Har du koll på vad som lockar just dina
kunder? (Dvs högst kvalitet för kunden)
Högst värde för dig?
Kommande kampanjer
Personligt anpassad? Vad förstår
kunden?
torsdag den 27 september 2012

19. Tänk på satsdelarna (!)
Glöm inte verbet - (genererar t ex mest
delningar på Twitter)
Undvik onödiga adverb (nu, snabbt) använd bara om de förtydligar
Gör det angeläget
torsdag den 27 september 2012

20. Ta fram fördelarna
90 - 150 tecken totalt
Betona fördelarna och hur besökaren blir
belönad eller smartare eller mer
framgångsrik etc (insikter, expertråd,
testresultat)
2-3 meningar med USPar som kortas ned
Undvik tekniska termer
Undvik standard ”klicka här”
torsdag den 27 september 2012

21. Fördelen för kunden i centrum
torsdag den 27 september 2012

22. torsdag den 27 september 2012

23. Siffror, siffror
Internet är fullt av vaga otydliga
påståenden
<40/M<BC8/05;
!"
!"#$%&'()*$+%*,%#')(*-*./01*/2*."33#4$/4".$'/(
!"#!$$%&'%!#&(')"&*+&,
Vad får jag - hur många, hur länge, hur
många sidor, hur många intervjuade i
rapporten, hur många har redan köpt
+./0123//41.5607/8590:105;0<02<88=65=<26:540>?'06/1606.<6015@A.6065025BC<3/069505;;/306DC/1$0+./0
:B<A/0<26@<88D0:88@163<6/109.<60%@7(C56E10.5B/C<A/0@1/F0650855G08:G/0:40HI"IJ0
*3:A:4<88DK0%@7(C56E10.5B/C<A/05;;/3/F05@3025BB@4:6D0<01/L/4=F<D0;3//063:<8$0%59/L/3K09/09/3/0
2@3:5@106501//0:;05;;/3:4A0<0854A/3063:<80C/3:5F095@8F0/46:2/0B53/0L:1:653106501:A40@C$0#5@8F0:60.<L/0
;3//063:<80<4F06./063/<6B/4605;;/3/F0<0!I=F<D0;3//063:<8$
Extra bra som rubriker på pressreleaser,
epost etc
#')&-'$
torsdag den 27 september 2012

24. Var stolt
8,-0,/-./C:164/45/:6919:/4,:/=:1?:=/
-CC:?-14:2H/16?/0=:14:/.5C:/>=9:60H"/
),:/-C19:/12.5/0=:14:./1/02:1=/
Kundcitat om hur bra du är
0566:04-56/45/4,:/-?:1/57/8,5/4,:/*)E/-./
41=9:4-69"/I1.42HG/4,:/?:.0=-<4-56/-./@:=H/
Frågor som bara du kan svaren på
?:41-2:?/16?/-602>?:./1/6>C;:="
),-./01223453
,1<<H/0>.4
4:0,6-F>:/C
4,:/05C<16
@:=;-19:/-6
57/>=9:60H/
!"#$%&'"()&*+,,-.
torsdag den 27 september 2012

25. Sammanfattningsvis
Tänk på kundens behov och förförståelse
Tänk på sammanhanget
Många ställen i flera digitala kanaler passar bra
för effektiva CTA
Designen stödjer copy
Verb + siffror
Placera ALDRIG en CTA på landningssidan för
en annan CTA!
torsdag den 27 september 2012

26. Punkt 1
Punkt 2
Punkt 3
Osv....
torsdag den 27 september 2012
Tack