Kommentarer til: Hvilken farge skal Call to action-knappene ha?

Av: 10 interaksjonsdesign tips - RiisDesign

10 interaksjonsdesign tips - RiisDesign — Sun, 24 Oct 2010 16:45:33 +0000

[...] 7. Knapper på nettsider kan være mer påvirkende enn du tror. Størrelsen sier noe om hvor viktig knappen er, kontrasten fremhever knappen, og fargene danner en innvirkning på oss. Les mer om knapper på kuttisme.no. [...]

Av: Bjørn Johansen

Bjørn Johansen — Fri, 09 Jul 2010 07:08:26 +0000

De testene jeg har gjennomført viser en klar trend:
Knappene bør i utgangspunktet være orange eller røde for å tiltrekke seg oppmerksomheten (må selvfølgelig ha sterk kontrast til bakgrunnen og andre elementer).
Deretter bør knappene bør bli grønne eller blå når brukeren holder musepekeren over dem for å skape trygghetsfølelsen som skal til for å gjennomføre klikket.

Men som Cecilie nevner over her, har teksten i knappene også veldig mye å si. F.eks. «Kjøp» kontra «Legg i handlekurv» som faktisk er to ganske forskjellige handlinger, særlig hvis du bare er ute etter å sammenligne priser (som mange gjør).

Av: Kåre Garnes

Kåre Garnes — Fri, 13 Feb 2009 15:28:53 +0000

DET hadde vært morsomt å dyppe skallen i!

Jeg har noen meninger, men svaret er nok “test, test, test!”

Av: Arve Søreide

Arve Søreide — Fri, 13 Feb 2009 15:22:03 +0000

Kommer det en oppfølger kalt “Hvilken tekst bør call-to-action knapper ha?”

På FINN reise har vi bare tatt de første barnestegene, men vi har gjort tester som viser at forskjellen mellom den eksisterende knappeteksten og de ulike kandidatene utgjorde alt fra en 50 % forbedring til en 12 % nedgang.

Det kan bety en hel del når utfallet er direkte knyttet til inntekten din…

Av: Kåre Garnes

Kåre Garnes — Tue, 27 Jan 2009 07:42:21 +0000

Den assosiasjonen stemmer og det er derfor en selskap som Amazon, Play, Yahoo heller kjører en oransje knapp.

Men den røde “feil” assosiasjonen er nok enda mer fremtredene i skjemaverden, ja!

Av: Stig Morten Myre

Stig Morten Myre — Mon, 26 Jan 2009 15:56:07 +0000

Avbryt-knapper har sin hensikt i noen sammenhenger, f.eks. i nettbanker (bekreft, endre eller avbryt betaling).

I “Web Form Design” (s. 95) skriver Luke Wroblewski:
“Personally, I’m always hesitant to use red to label any action, due to that color’s close association with errors. Red is used so often to indicate something bad has happened on a form (…) that I’m quite wary of using it to represent either secondary or primary actions.”

Men mulig jeg beveger meg litt langt inn i skjemaland nå, i forhold til innlegget?

Av: kp

kp — Sun, 25 Jan 2009 18:57:23 +0000

Test ulike størrelser, kjør noen A/B-tester. Ta en titt på Google Website optimizer: http://www.google.com/websiteoptimizer

Av: Mathias

Mathias — Sun, 25 Jan 2009 17:28:11 +0000

Hva anbefaler du på størrelses “knappene da”? Feilmeldingene skal endres til dette designet; http://mph.no/infobar_feil.jpg

Jeg endret også tittelen på siden nå. Men vi mangler fortsatt å gjøre den dynamisk slik at den endres på hver side.

Takk for svar, jeg setter stor pris på det :)

Av: kp

kp — Fri, 23 Jan 2009 08:20:25 +0000

Det blir jo synsing, men jeg syntes handle-knappene ser bra ut. Når det gjelder “knappene” for å velge størrelse, så er jeg litt i tvil.

Andre forbedringsområder er “feilmeldingene dine”. Jeg vil anbefale deg å lese boken Defensive web design: http://astore.amazon.co.uk/kuttisme-21/detail/073571410X

Den beskriver hvordan feilmeldinger bør presenteres.

Jeg ser også at dere har slurvet med titteltaggene på siden deres. Ref:
http://www.kuttisme.no/2007/04/23/9-av-10-norske-nettsteder-slurver-med-tittel-taggene/

Av: Mathias

Mathias — Thu, 22 Jan 2009 23:49:16 +0000

Jeg styrer en nettbutikk (og har designet den) og vi bruker røde call to action knapper. Hadde satt stor pris på om dere hadde giddet å sjekke et ut og se hva dere synes.

http://www.mph.no/produkt/what_would_macgyver_do/bla