Kuttisme.no - En blogg om internettmarkedsføring, webutvikling og webanalyse » Interaksjonsdesign

Kuttisme beta – Hva syns du om redesignet?

Kåre Garnes — Wed, 16 Jun 2010 19:48:36 +0000

I februar annonserte vi at Kuttisme skulle redesignes og ga fin-fin premie til dem som bidro med ideer.

Etter en vår der dette prosjektet har blitt litt nedprioritert til fordel for kunder og andre kjekke folk er nå endelig første utgave på plass.

Mål for nye Kuttisme

Nettsider uten mål vil sjelden lykkes, og jeg håper vi klarer å leve som vi prater.

Målet med de nye sidene er

å få dem som kommer inn via søkemotoren til å lese flere artikler
å gjøre det enklere å finne gamle artikler
å gjøre det mer fristende å bidra som skribent
og ikke minst: gjøre det enklere å dele innholdet

Legg merke til at alle disse målene er mulig å tallfeste. Forhåpentligvis kan vi presentere noen hyggelige tall når vi tar en vurdering om et år.

(Jeg skal ut i pappaperm i 7 måneder og da blir webanalysen nedprioritert)

Finn fem feil eller forbedringer

Vi vet at det er mye kult vi kunne implementert og det er sikkert noe av det gamle enkelte vil savne. Gi gjerne beskjed om det. Vi kommer garantert til å justere og legge til ting etterhvert, men forhåpentligvis klarer vi å holde det nice & clean.

Det vi er mest opptatt av nå er å finne feil i det vi har gjort.

– If you’re not ashamed of your product at launch, you’ve launched too late!

Antagelig har vi gått i den fella. For det er ved lansering og møte med publikum at en oppdager de tabbene.

SÅ:

Hvilke grove og utilgivelige tabber har vi gjort?
Hvilke småfeil bør vi rette på?
Og ikke minst: Hva syns du er bra?

Er ditt GUI klar for touch?

Tor Løvskogen Bollingmo — Tue, 11 May 2010 08:48:15 +0000

Flere og flere touch-skjermer blir tatt i bruk, enten i form av en liten skjerm på en mobil – eller en større skjerm på et apparat. Disse touch-skjermene følger andre bruksmønstre enn vi er vant til med tastatur og mus. Her er noen punkter du burde ha i bakhodet når du designer for touch.

Horisontal og vertikale synsvinkler.

Et objekt med touch-skjerm kan ofte vri og vendes på, for å gi ulike synsvinkler. Ha dette i bakhodet, og pass på at grensesnittet ikke tar større plass enn den korteste lengden i de ulike vinklene. Du kan også legge opp til at den vertikale og den horisontale synsvinklene skal ha ulike moduser, med forandringer i grensesnittet.

Store trykkpunkter.

En menneskefinger er en del større enn musepekeren. Derfor er det vanskelig å være nøyaktig like hurtig når man trykker på en skjerm. Trykkpunkter burde derfor være større enn grensesnittet for mus og tastatur.

Ingen sveving.

Mange grensesnitt benytter seg av skjult informasjon, som kommer til syne ved å holde musepekeren over et område. Dette blir veldig vanskelig i et touch-grensesnitt, der man bare har et trykk, og ingen svevning over et trykkpunkt slik som med en musepeker.

Enkelhet.

I et touch-grensesnitt burde man unngå avanserte kontrollere og alternativer. Touch er enklere interaksjon enn tastur og mus, og derfor burde grensesnittet ha enkle funksjoner som er lette å bruke. Gå igjennom funksjonalitet og kontrollere i grensesnittet, og se om noe kan legges fram på en enklere måte – eller rett og slett kuttes vekk. Begrens også bruken av modulære bokser, disse tar brukeren ut av arbeidsflyten.

Hastighet.

Dette gjelder for alle typer grensesnitt, men er veldig viktig i et grensesnitt som behandle gjennom touch. Når man beveger et objekt i den virkelige verden er responsen umiddelbar. Dersom objektet ikke er like responsivt på skjerm, vil brukeren oppdage grensenittet, noe man helst vil unngå. Målet er å få brukeren inne i en så god arbeidsflyt, at grensesnittet blir borte.

Har du innspill til flere viktige punkter?

5 ulike nivåer av designforståelse

Kåre Garnes — Wed, 05 May 2010 11:05:49 +0000

Er (web)design dekorasjon av innhold? Eller er det et verktøy for å løse strategiske utfordringer?

Min erfaring er at design ofte havner i bakgrunnen og kommer for sent med i utviklingsprosessen, mye på grunn av at høylytte søkemotorspesialister og brukervennlighetsfantaster tror at design er fienden til gode, søkemotorvennlige nettsider. (Jeg var en av dem!)

5 nivåer av designforståelse/-modenhet

Vanlig misforståelse:

Designer = someone who walks around in black turtlenecks and makes things look pretty

I frustrasjon over denne misoppfattelsen lagde Jess McMullin en modell over ulike modenhetsnivåer i design. Den har jeg lyst å dele.

Modellen dreier seg om en virksomhets modenhetsnivå/forståelse, men jeg tror den kan brukes på individnivå også.

NB: Jeg sidestiller forståelse og modenhet, noe som ikke er helt riktig, men for meg begynner modenhet med forståelse.

Her er modellen med mine betraktninger:

Nivå 1 – Ubevisst

“No conscious design.”

Noen har ikke noe forhold til design eller innser ikke verdien av det. Resultatet blir det en kan kalle “design by default”. Det blir som det blir.

Her har vi i webbransjen en oppdragerrolle, men vi skal være klar over at dette også er et ressursspørsmål. Design koster. Og da snakker jeg ikke bare om penger, men også om tid og kompetanse.

Nivå 2 – Design = hip og kul

Design er noe en legger på i etterkant. Sminke.

Mange med eksisterende websider finner ut at de vil ha en “redesign”, men det de mener er ofte at de vil ha “ny stil”. De vil ha en “facelift”. De vil ha en “kulere” webside. Dekorasjon.

Mitt inntrykk er at det er mange som har denne innstillingen til design. Kanskje fordi design-begrepet har blitt misbrukt av mote-industrien hvor design handler om trender og er noe enhver kjendis kan gjøre…

Eller kanskje designerne rett og slett ikke har funnet veien til ledergruppene og fått synliggjort sin “business value” – jeg vet ikke. Men design er for mange synonymt med “hip og kul”. ” – Vi vil være vår bransjes Apple. “ Den mentaliteten må vi endre på hvis design skal tas på alvor.

Jeg tror nøkkelen til dette ligger i forståelse, i bedre artikulering av hva designere egentlig gjør. Designprosessen. Hva ligger bak valgene som tas? Jo bedre forståelse for prosessene bak, jo mer gjennomslag får god design.

Nivå 3 – Funksjon og form

Design får ting til å fungere bedre.

På dette nivået begynner design å dreie seg om å kombinere det estetiske og det funksjonelle. Om å forsterke interaksjonen og informasjonsarkitekturen som er satt. Om å ta en eksisterende løsning og gjøre den bedre.

Men det handler altså fremdeles om å gjøre forbedringer. På dette nivået brukes ikke design til innovasjon, men til å komme frem til en optimal versjon av den eksiterende løsningen.

Dette er nivået de fleste (web)designere er på når deadlinene suser imot oss – da er vi mest opptatt av å få ting til å fungere på en måte som kunden er fornøyd med. Og det er greit. Vi vil nok proklamere at vi er på nivå 4 og kanskje 5 – og det er der hjertet er – men mye av businessen ligger på å “få ting til å fungere.”

NB: Mange lever veldig lykkelige på dette nivået, men skal en få større gjennomslag hos kunder eller i egen organisasjon så må en løfte designforståelsen og modenheten litt til.

Nivå 4 – Problemløsing

Design finner nye muligheter ved å utforske og løse eksisterende problemer.

Dette modenhetsnivået drar design opp på et strategisk plan. Design er med å utforske ulike måter å nå målene en setter seg.

En genererer og prioriterer alternative løsningsforslag, og griper tak i HVA en skal gjøre fremfor bare HVORDAN en skal gjøre det. Design blir en viktig brikke for å gjøre strategi til handling.

Det er her det er spennende å være. Syns jeg. Det er her designkompetansen kommer til sin rett og mulighetene er størst. Men det setter krav til helhetsforståelse og til kommunikasjonsevner. Designeren må evne å sette seg inn i tekniske muligheter, i forretningsmessige, strategiske mål og sikkert en rekke andre ting. Designeren må også evne å formidle sitt fag, hva de visuelle elementene kan bidra med, hvordan ulike grep kan løse ulike utfordringer.

Og virksomheten må på sin side legge til rette for at designeren får mulighet til å bidra: Design må involveres tidlig. Kommunikasjonen mellom de ulike fagdisiplinene må være så bra at alle vet hva som er teknisk mulig å gjøre, hva brukerne etterspør, hvordan designelementer fungerer, hvilket ressurspådrag ulike løsninger fører med seg osv.

Det krever samarbeid og læring over tid = Modenhet.

Nivå 5 – Design = strategi

Design gjennomsyrer organisasjonen og er styrende for den strategiske tankegangen.

Her går design fra å være en måte å løse strategiske utfordringer på til å være det som styrer hva strategien skal være. Design blir organisasjonskultur. Steve Jobs bor her.

I følge Jess McMulin så er dette også hvor disruptiv innovasjon blir til, og selv om jeg ikke er helt enig, ser jeg poenget: God design handler ofte om å forenkle. Men disruptiv innovasjon er en annen diskusjon.

Apple er jo stjerne-eksempelet på en designmoden/designdreven bedrift, men jeg tror nok også virksomheter som IKEA, Finn.no (selv om designen der er småstygg – så er den veldig bevisst) og flere bilprodusenter er der. Sikkert andre også.

En slags advarsel

I mine øyne er det er umulig for alle å komme til nivå 5. Umulig er kanskje et for sterkt ord, men det krever altså et enormt fokus fra ledelsen, antagelig en designsterk toppleder, masse tålmodighet, sterk økonomi, lærevillige kunder og dedikerte folk i alle ledd.

Det er få forunt å ha alt det på plass. Men vi begynne med å involvere design tidligere i webutviklingsprosjektene.

Hva tror du? Kan denne modellen bidra til å bevistgjøre folk om designs betydning?

Min første kveld med iPad

Victor Sanchez Barrera — Tue, 20 Apr 2010 14:54:51 +0000

I går fikk jeg min iPad. Jeg hadde gledet meg til dette, ikke fordi jeg virkelig trenger den – jeg har iPhone og MacBook fra før – men fordi produktet så supersexy ut. Jeg har vært en ivrig bruker av iPod, iPhone og MacBook de siste ti årene. Jeg måtte bare ha den og ta på den. Hva jeg skulle bruke den til kunne jeg finne ut senere.

Det finnes en del norske og internasjonale omtaler om produktet som du kan lett google deg til. Dette er bare min subjektive opplevelse og ikke ment som noe mer enn det.

Toys for boys… and girls?

Jeg bor sammen med fire jenter som er 4 måneder, 6 år, 13 år og 36 år. Når jeg åpnet den fine esken til iPad hjemme ble den mottat med generelt skepsis. Borsett fra 6 åringen som bare sa Kuuuult!.

De andre jentene var mest opptatt av; baby smokken, prisen av iPad, og om jeg kunne hatt brukt pengene på noe mer fornuftig. Disse er vel kjente reaksjoner til nye produkter og innovasjon generelt.

Jeg fikk ikke mulighet til å leke litt med det med en gang. Desverre måtte jeg være voksen man og gjør det voksen man gjør på en vanlig mandag; lage middag, hjelpe med lekser og trøste minste man som var både sulten, trett og trengte ny bleie samtidig.

Apples uovertrufne brukervennlighet

Hva skjedde med den stakkars iPaden da? Ble den stående alene?.

Vel 13 åringer begynte å sjekke opp hennes favoritt nettsiden for tiden, Facebook. Hun surfet litt rundt og lekte seg litt. Det så ut som hun hadde brukt iPaden hele livet sitt. Trengte hun hjelp med grensesnittet? Nope.

6 åringer brukte den første sjansen hun fikk, til å ta iPaden fra store søsteren til å sjekke ut Real Racing HD. Hun hadde aldri spilt den før, men hun kunne bare spille det som hun hadde ikke gjort noen annet i hennes 6 års langt liv. Apples uovertrufne brukervennlighet.

iPaden hadde funnet sitt plass i huset raskere en microwaven og grandiosaen hos en 19 åring.

Hva med 36 åringen? Hun syntes at iPad så fint ut men ikke noe mer. Mac mini kan være noe for henne.

Etter hvert gikk barna endelig til sengs. Jeg satt i sofa. Satt med iPaden på fanget og… de neste to timer ble en total digital opplevelse.

Etter min mening, har Apple kommet med et produkt som, mest sannsynligvis, kommer til å endre den måte vi konsumerer web innhold hjemme eller når vi er på ferie. Men jeg kan ta feil.

Kjøp eller ikke kjøp?

Bør alle kjøpe den? Kansje ikke. Kommer mange til å kjøpe den i 2010-11? Helt kart.

Hvorfor det? Den er sexy, fin å se på, ta på og man kan bruke den til mye moro.

Produktet er hypet som hvert eneste Apple produkt. En del “Innovators? har allerede bestilt. Early adopters kommer til å bestille til sommeren. “Laggards? kommer til å si noe slik om 2-3 år: “æ skal kjøpe meg en iPad æ og. Det skjer gang på gang.

Skal iPad ersatte andre hardware? Jeg tror ikke det og det er ikke poenget heller. Du kommer til å bruke iPhonen og laptopen din fremdeles. Man kommer til å bruke de forskellige maskinene (iPad, iPhone og Macbook) etter behov, takket være synkroniseringen med iTunes. Du kommer til å bruke iPhone og laptopen mindre og kansje ser mindre på TV vil jeg tro.

Jobb og underholdning smelter sammen. Google sier “Du kan være seriøs uten dress? og “Du sitter ikke alltid på kontoret ditt når du trenger et svar?. Apple tar dette en skritt videre. Du kan sitte i sofa i pysjamas, jobbe litt, chatte litt, se på video ha det litt gøy. Med andre ord… Why not mix business with pleassure?

Trengte jeg iPaden? Selvfølgelig ikke. Trenger jeg den fremover? you bet! Jeg gleder meg til mange sofa surfe kvelder. Det ser ut som jeg kan komme til å trenge flere av dem.

Har du hatt din første iPads opplevelse? Hører gjerne om den.

Design to sell

Victor Sanchez Barrera — Sun, 28 Mar 2010 22:30:53 +0000

The Smashing Book

Jeg har nettopp lest “The smashing book“ (2009). Boken er skrevet av folka bak The smashing magazine. The smashing magazine er kanskje et av de mest interessante prosjekter innen webdesign som har kommet de siste årene. For dere som ikke kjenner til denne boken er det sagt følgende “The Smashing Book is a printed book about best practices in modern Web design?.

Boken kommer ikke med noe revolusjonerende nytt, men har mange interessante temaer. Har du lest “Don´t make me think” og “The elements of user experience” kommer du til å nikke gjenkjennende til en del ting, men The Smashing Book kommer med en del gode nye eksempler.

Kapitlene “Design to sell? og “Usability principles for modern websites” likte jeg veldig godt. Design to Sell viser til den velkjente salgsmodellen AIDA, og forklarer hvordan man kan gjøre det enklere for dine kunder å handle hos deg. Noen av disse prinsippene er hentet fra boken Call to Action, en bok som først og fremst er rettet mot markedsførere. Men i The Smashing Book er endelig disse prinsippene også rettet mot designere.
Dette temaet har det også vært skrevet om i Kuttisme allerede i desember 2008 http://www.kuttisme.no/2008/09/15/call_to_actio/.

Som sagt er dette et tema som det har blitt referert til og skrevet mye om før, men en god ting kan sjelden sies for ofte. Jeg opplever til stadighet i prosjekter at det er alt for lite eller ingen fokus på hva målet med nettstedet egentlig er. Dette kan virke som en selvfølgelighet for alle som jobber til daglig med dette i bransjen. Men det er overraskende hvor lite bevisst eierne av nettsidene er på at de kan tjene penger og bygge merkervare på denne kanalen.

Har du lest til det refererte innlegget i Kuttisme kan du hoppe over neste avsnitt og fortsette på “13 aktiviteter fra Design to sell-kapittelet som hjelper dine kunder til å kjøpe noe fra ditt nettsted.

AIDA eller AIDA-S
En svært populær tilnærming til salg kalles AIDA, som står for “Attention, Interest, Desire, Action and Satisfaction. AIDAS er en guide til å strukturere salgstriks. I alle salgstriks er målet å lukke salget. Når du nærmer deg slutten på din salgsprosess skal du få din potensielle kunde til å bli en kunde i kjøpsmodus, og når kunden er i kjøpsmodus må du sørge for at han kan klikke på knappen “Send bestilling”. AIDA metoden som først og fremst er rettet mot en standard fysisk salgstrakt kan også konverteres til salg på nettet, hvor nettsiden, i stedet for selgeren, spiller nøkkelrollen i salget.

Trinn1 – Attention
Attention = oppmerksomhet. Dette er spesielt viktig for nettsteder på grunn av hastigheten som potensielle kunder har når de surfer på nettet. Du har bare et kort øyeblikk på å fange deres oppmerksomhet, og du må holde den lenge nok for å kunne lukke salget. Det første øyeblikket er helt avgjørende fordi resten av salgsprosessen vil bli ubrukelig dersom den potensielle kunden forlater nå.

Hva kan du gjøre for å fange oppmerksomhet?

Forklar hvordan produktet eller tjenesten vil gjøre den besøkendes liv bedre
Gjør det på en konsis måte
Gjør det klart hvorfor ditt produkt er viktig for dem

Trinn 2 og 3 – Interest og Desire
Dette er den delen som selger produktet. Hvis du har gjort en bra jobb på oppmerksomhetsfasen, er tiden inne for å backe dette opp ved å fange deres interesse. Klart og konsist forklarer du hva produktet gjør, og hvordan det vil gi de besøkende virkelig verdi.

Hvordan skal du få kunden til å ønske seg dette produktet?
Det enkleste er ofte det beste. Fokuser på kundenytten. Snakk om de fordelene som produktet vil føre til hos kunden.

Trinn 4 – Action
På dette stadiet må du lukke salget, så oppfordringen til handling er helt avgjørende. Hvis du skal selge et produkt må du invitere kunden til å kjøpe det og fortelle dem hvordan de kan betale for det. Hvis produktet er en web-app eller en tjeneste, inviter den besøkende til å registrere seg. Folk som er villige til å kjøpe trenger bare den siste bit av retning på hvordan de skal betale eller registrere seg. De som fortsatt sitter på gjerdet trenger bare den siste lille push.

Trinn 5 – Satisfaction
Å få kunder er flott, men å få dem til å komme tilbake eller til å fortelle om ditt produkt til sine venner er enda bedre. Du gjør dette ved å sørge for at de er tilfredse med servicen du har gitt. Det betyr ikke at tjenesten eller produktet må være perfekt, men det betyr at du bør gi god kundeservice. Å løse kundeservice problemer er en fin måte å bygge opp en lojal kundekrets fordi det viser at din bedrift er til å stole på også når ting ikke går som planlagt.

“13 aktiviteter fra Design to sell-kapittelet som hjelper dine kunder til å kjøpe noe fra ditt nettsted”

1. Show the product and do it good

Når du er i en fysisk butikk har du mulighet til å se og ta på produktet. Det er kritisk at ditt nettsted gir en like verdifull opplevelse som den du kan få i den fysiske verden.

Bruk video.
Jeg har ikke tatt på en Ipad. Men Apple sine websider får meg til å drømme om at jeg sitter i sofaen hjemme og har en kjempeopplevelse med deres nye produkt.

2. Gjør det enkelt å skumme gjennom produktegenskapene

Å lese om produktets egenskaper kan være kjedelig for de fleste mennesker som ikke er utviklere. Sørg for at din besøkende kan “svelge”informasjonen. Bruk ikoner, “white space” og konsise headinger og kontrast.

3. Gifts make you want to reciprocate

30 Day trial? Kuponger og smaksprøver osv er kjente teknikker som vanligvis funker. Min datter elsker å gå til Centra på Høvik fordi hun får smaksprøver, og det gjør jeg også.

4. Monkey see monkey do

Når vi er usikre på om vi skal kjøpe noe føler vi oss tryggere når vi vet at andre vil synes vi er kule, smarte, pene osv om vi hadde hatt dette produktet, eller om noen anbefaler det. Derfor bruker Amazon og mange andre denne teknikken “Customers who bought this item also bought these”. Bruk mulighetene som finnes i sosiale medier for å maksimere dette.

5. Bruk bilder, symboler, film som underbygger produktets eller firmaets identitet

Dette trenger vi kanskje ikke å forklare nærmere.

6. Bruk alltid “Next Action”

Når skal du lukke salget? Du skal alltid lukke salget med de gode kjente “Call to Action” knappene; “Kjøp nå” “Send” “Ta kontakt”.

7. Urgency

Det er viktig å skape urgency når det er mulig. Kåre Garnes skrev et bra innlegg om dette for ikke så lenge siden på http://www.kuttisme.no/2010/03/19/urgency-hvorfor-og-hvordan-skape-urgency-online/

Å få en invitasjon fra Google wave var et privilegium. Det samme gjorde Google med gmail og Apple med iphone. Bruk dette med måte og vær alltid ærlig.

8. Pengene tilbake hvis du ikke er fornøyd

Risiko er en vanlig show stopper. Kan de stole på din bedrift? Hva hvis produktet ikke funker eller kunden rett og slett ikke er fornøyd? Har du opplevd at et firma ga deg pengene tilbake fordi du ikke var fornøyd? Hva gjorde du da?

9. Let people try it

En av de beste måtene å selge et produkt på er å få kundene til å teste produktet. Er produktet bra vil de fleste som testet det også kjøpe det.

10. Betaler kunden for forsendelsen?

Gjør prosessen enkel og på en transparent måte.

11. Gjør det enkelt å ta et valg

Når kunden blir presentert for mange udifferensierte valg blir han paralysert. Kjøpsprosessen blir forsinket eller avviklet. Bruk design effektivt for å forenkle valget.

12. Gutenberg diagram

Hvor skal du plassere “Call to action” knappen

13. Gjør det enkelt to sign up

Sign up forms er en barriere. Ingen liker dem.
Spar brukerne for validering ved hvert felt.
Plasser feilmeldinger godt synlig ved det feltet som er feil, og sørg for at feilen kan rettes opp uten at han må fylle in alle feltene på nytt. Sørg også for at feil blir rettet opp før skjemaet blir sendt inn.

Konklusjon

De fleste nettsteder er ikke bygget for kunstens eller designeres skyld. De er bygget for å utføre en bestemt oppgave. Veldig ofte for å tjene penger. Direkte eller indirekte.

Hvordan vet du at din nettside hjelper dine kunder til å gjøre det de kom for å gjøre?

Hvert enkelt nettsted har sitt mål og er designet for å treffe en eller flere målgrupper. Hvordan kan du finne ut av hva som er best for din målgruppe? Brukertest! Juster litt og selg som bare f…!

Hvis du ønsker å lese mer, les The Smashing Book sider 212-233.

Interaksjonsdesign gone wrong

Kåre Garnes — Wed, 17 Mar 2010 15:08:20 +0000

Huskeregel: Når du lager elementer som skal hindre folk å misbruke systemet/nettløsningen din – Tenk igjennom alle konsekvensene…

Hva to babyboomere lærte meg om iPhone!

Alf Tore Meling — Mon, 04 Jan 2010 10:22:00 +0000

Julesamtalene er ikke som før – den gang besteforeldre fortalte om sin harde oppvekst og om hvordan de såvidt overlevde krigen. Nei. Nå handler det om ting vi har gjort, ting vi skal gjøre, om ting vi har kjøpt og om ting vi absolutt ikke skal kjøpe.

Det var i en slik julesamtale to babyboomere – med stor overbevisning – lærte meg at en iPhone koster minst 12000 kroner, at den er fryktelig dyr i bruk og at det koster 2000 kroner å skifte skjerm – når skjermen knuser. Ergo: De ville ikke kjøpe iPhone til sin 16 år gamle datter, som forøvrig ikke mangler stort annet enn en iPhone.

Som ihuga Apple fan gikk jeg i forsvar og argumenterte heftig for at disse påstandene er feil. En iPhone koster ikke minst 12000 kroner og det koster ikke 2000 kroner å skifte skjerm – dersom den knuser.

I ettertid har jeg tenkt over dette og lurt på hvor de egentlig hadde tallene og argumentene sine fra. Tok derfor en rask tur innom kelkoo.no, nettbutikk.telenor.no og shop.netcom.no. På nettbutikk.telenor.no fant jeg denne tabellen som faktisk viser at en iPhone faktisk kan koste 13978 kroner og at månedlig bruk koster 1099 kroner:

Kan det være med utgangspunkt i tolkning av en slik tabell de har fått sine tall? Enten ved å ha sett en slik tabell selv, eller ved å ha blitt formidlet slike tall av venner og kjente? Jeg vet ikke, men med et negativt utganspunkt antar jeg at en slik tabell, i enkeltes hoder, kan omformes til følgende budskap:

Isåfall er det ikke rart at de får inntrykk av at iPhone er dyr i innkjøp og dyr i bruk.

Uansett har de skaffet seg argumenter som de kan bruke til å rasjonalisere at de ikke kjøpte iPhone til sin datter. Disse argumentene dukker så opp rundt julebordet der jeg – som ihuga Apple fan – gikk i forsvar og argumenterte heftig for at disse påstandene er feil.

At jeg argumenterer for iPhone og Apple er nok en ganske annen historie. En historie som startet i 1992, da jeg fikk min første Mac. En historie som handler om en kompleks følelse av tilhørighet og overbevisning om at Apple rett og slett er “konge”.

Bli kvitt "design"-fokuset!

Kåre Garnes — Tue, 13 Oct 2009 12:50:38 +0000

Warning: Har funnet ut at jeg har klart å få dette innlegget til å bli både arrogant og delvis misvisende. Beklager det.

Jeg oversatte deler av en større blogg og falt for for fristelsen til å tabloidisere. Det har gjort at bloggen har mistet helhetsbildet og ser ut som et angrep på grafisk design. Det var ikke meningen. Suksess på nett handler om å bry seg like mye om både innhold, design og kode.

Anbefaler deg derfor å heller lese orginalinnlegget denne er oversatt fra.

MVH Kåre Garnes.
—

Det er mange som bruker en haug med penger på designelementer og grafiske profiler, men de glemmer at suksess på nett i svært liten grad avhenger av at ting ser pent ut.

Websuksess = trafikk x konvertering

Eller hvor mange du får inn på nettstedet – og gjennom salgstrakten/måltrakten.

Her er en opplisting over noen av teknikkene du bør bruke FØR du gir designbyrået oppdrag om ny profil.

Teknikker for å øke trafikk

On-site SEO (Søkemotoroptimalisering)

PPC (Pay per click markedsføring/Google Adwords)

Link-bygging

~~Godt~~ Veldig godt innhold (som folk vil linke til og dele med andre)

Gode produkter / Gode tjenester

Sosialt innhold (Gjør det enkelt for folk å dele innholdet ditt på sosiale nettverk)

Merkevarebyging

Tilgjengelighet (Sørg for at alle kan finne og lese innholdet ditt, uansett handikapp (Blindhet, skjelvende hender, IE6 osv)

Teknikker for å øke konvertering

Call to Action (motiver folk til å bevege seg gjennom nettstedet)

Skap oppmerksomhet mot det du tilbyr (Vær tydelig på de tingene du ønsker at folk skal gjøre)

Motiver til kjøp (Spill på både fornuft og følelser)

Bygg tillit og troverdighet (Ha trygghetselementer som garantier eller “Verified by Visa”)

Brukervennlighet (gjør det så enkelt som mulig å bruke nettstedet og gjennomføre transaksjonene)

Gi mer informasjon til den som trenger det (Noen liker å sjekke alle bauger og kanter. Gi skeptikerne alt de trenger for å gjøre det det du vil at de skal gjøre)

Tilgjengelig innhold (Presenter bilder og tekst på en måte som er lett fordøyelig)

Ikke bland design og “kunst”!

Det er veldig lite på disse listene om ting som får nettstedet til å se bra ut. Men det er ikke tvil om at brukeropplevelsen blir bedre når innholdet presenteres på en lekker måte. God design forsterker brukeropplevelsen.

Men pent “design” for designets skyld – altså design som ikke drar brukeren mot og gjennom innhold – klassifiseres som “kunst“.

Kunstens oppgave er å inspirere og få deg til å tenke, mens (web)design handler om å kommunisere og oppfordre til handling. Eller som Steve Krug sier – om å “Don’t make me think“!

Ser du på nettsuksesser som Craigslist, Amazon, Ebay eller Google, så er det ikke akkurat det pene designet som har sikret veksten.

Men det går selvsagt an å kombinere funksjon og form, Apple er et strålende eksempel på akkurat det. Men ikke vær i tvil om hvor de har fokuset. Hør bare på dette sitatet fra Apple-sjefen Steve Jobs:

“Design is NOT how it looks and feels,
Design is how it works.”

Så bruk pengene på å lage interaksjonsdesign og kjøpsprosesser som fungerer, og sørg for at “design” handler om å gjøre det enklere for kunder og brukere å få til det de skal.

Gjør du tilpasninger på webben fordi reklamebyrå eller designere (eller toppledere) mener at ting ikke ser pent nok ut eller har de rette “profilelementene”.. så skyter du deg selv i foten.

—
Dette innlegget er rappa fra Londonbyrået Scratchmedia og oversatt og “krydret” av meg.

Enkelhet i kjøpsprosessen øker konverteringen

Kåre Garnes — Thu, 30 Jul 2009 15:52:51 +0000

Konvertering etter at kjøpsbeslutningen er tatt = Keep it simple, stupid!

Det er tre ting som skal til for å utløse atferd, eller et kjøp for å være mer konkret.

Kunden må

Være motivert til å kjøpe

Evne å gjennomføre kjøpet

Bli trigget til å gjøre kjøpet nå!

Når kunden har bestemt seg for å kjøpe og er kommet inn i et bestillingsløp, handler konvertering stort sett om å gjøre det så enkelt som mulig å gjennomføre bestillingen. (Gjennomføre den ønskede atferden)

Derfor vil du se at dyktige webfolk og kremmere fjerner informasjon og begrenser alternativene jo nærmere betaling du kommer. (Når du er ferdig å handle vil vi helst ha deg gjennom kassen så fort som mulig.)

Hvilke elementer kan du fjerne i din kjøpsprosess? Mersalgsproduktene ingen vil ha? (flytt dem til kvitteringssiden!) Produktbeskrivelsen i handlekurven? Navigasjonen?

Ikke fjern for mye informasjon i kjøpsprosessen

Too much of anything will kill you.

Jeg fikk inspirasjon til å ta for meg enkelhet i kjøpsprosessen da jeg skulle bestille nye eksemplarer av to kanadiske favorittplater.

Kanadisk indie er umulig å finne i norske platehyller, men jeg har funnet et nettsted som har det meste: MapleMusic.

Maplemusic har en ganske ok kjøpsprosess, med en ok handlekurv:

Alt vel så langt. 2 fantastiske plater er snart på vei over sjøen, jeg må bare gjennom “check out”.

Men på siste steget – der alt som gjenstår er å bekrefte betalingen – altså et kritisk konverteringspunkt – så tuller de det til og fjerner for mye informasjon:

-”Live CD ?? Med hvem? Var ikke Serena Ryder-plata en EP?”

Ved å fjerne artistnavnet gjør Maplemusic det vanskelig for meg å vite hva det er jeg er i ferd med å kjøpe. Jeg mister tillit, og må ty til back-knappen for å sjekke om jeg har gjort rett.

Steve Krugs mantra: Don’t make me think! er kanskje det viktigste å ha med seg når en designer kjøpsprosesser.

Don’t make me think – about anything other than å få kjøpet gjennomført.

Don’t make me think – about om det er noe galt med bestillingen.

Keep it simple, but not too simple!

Noen andre som har noen eksempler fra kjøpsprosesser som er blitt overforenklet?

Hvordan tjene MYE penger på web med enkle og kosteffektive grep: business case ROI

Jose Redondo — Fri, 17 Jul 2009 08:17:36 +0000

Se for deg at du er en selger med begrenset tid (budsjett) . Det finnes bare to måter å gjøre jobben din på:

enten ringer du til flere (nye) folk (cold calling) .It is a number game, ikke sant? Jo flere du ringer, jo flere som kjøper

eller så jobber du videre med de prospektene du allerede har, som du vet allerede er litt interesserte og prøver å få salget. Mao øke din konverteringsrate.

Om du skulle velge kun en, hvilke skulle det være? Om målet er å selge mest på den mest både tids- og kostnadseffektivemåte , da ville du valgt å bruke tiden på de eksisterende prospektene (øke konvertreringsraten din), ikke sant? Det er jo en nobrainer.

Men allikevel velger mange å gjøre akkurat det motsatte på nett!

La oss se på et enkelt (og forenklet) eksempel som kan illusterere denne saken.

Nåværende (bunnlinje) på en fiktiv nettsted

Trafikken: 1.000.000

Konverteringsrate: 2%

Konvertering (salg): 20.000

Gjennomsnitt salg: NOK 100

Total salg: NOK 2.000.000

Som nevnt før, vi har et fast budsjett (NOK 100.000) og to valg:

Bruke vårt budsjett til å kjøpe epostadresser og skaffe mer trafikk (cold calling): “epost markedsføring“.

Videreutvikle nettstedet (bedre interaksjonsdesign og brukervennlighet) slik at vi øker konverteringsrate.

For å se hvilket tiltak som er mest lønnsom og kosteffektiv, særlig i disse finanskrise dager, bruker vi ROI (Return Of Investment):

Netto gevinst = fortjeneste – investering

ROI = netto gevinst / investering.

1. ROI analyse: kjøpe mer trafikk (100.000 epostadresser)

Det ser ikke så dårlig ut, ikke sant? Med samme konverteringsrate (2%), får man 2.000 flere kunder og økt NOK 200.000 i salg, med en ROI av 100%.

2. ROI analyse: øke konverteringsrate (bedre interaksjonsdesign og brukervennlighet)

Men dette ser enda bedre ut

I “worst case scenario” med en bitte liten økning i konverteringsraten (2,1%), får vi en ROI på 0%. Dvs at vi har dekket vår investering.

Men, allikevel, i det lange løp, viser det seg at det beste er å fokusere på å øke konverteringsraten siden dette bringer stadig eksponensiell mer inntekt hver eneste måned!! Det er ikke one-shot deal som kun å kjøpe mer trafikk.