Mobildesign: Tre knapper som kunne forbedret Toyota

Hvorfor mener Toyota at mobilbrukerne ikke fortjener den samme opplevelsen som vi får via desktop, på epost og face-to-face på verkstedet?

aygo

Hvorfor mener Toyota at mobilbrukerne ikke fortjener den samme opplevelsen som vi får via desktop, på epost og face-to-face på verkstedet? Med tre enkle knapper kunne Toyota og jeg fått et enda bedre forhold.

Jeg leaser en liten oransj Toyota Aygo. (Jeg har forresten tidligere blogget om Avensisen jeg leaset – om dens ulogiske displayknapper). Jeg har kun hatt én type kontakt med Toyota disse tre årene jeg har hatt leasingbiler fra dem: En gang i året bestiller jeg service på bilen. Er det noe utenom dét (for eksempel om jeg skal bytte inn en bil eller trenger en til) ringer eller mailer jeg leasing-kontakten min direkte.

For noen uker siden skulle jeg bestille Aygoens første servicetime. Jeg tok opp mobilen, siden den var nærmest, og tastet inn Toyota.no:

01

Fortsett å lese «Mobildesign: Tre knapper som kunne forbedret Toyota»

Netflix – redesignet på en time og testet

Jeg redesignet søkeresultatet på Netflix.com for å se om min kollegas teori stemte.

Forrige uke skrev min kollega, Espen Klem, et blogginnlegg om å bruke Phi-spiralen for å designe bedre søkeresultater. Jeg tenkte jeg skulle prøve ut teoriene hans.

Min kollegas blogginnlegg
Min kollegas blogginnlegg

Jeg bestemte meg for å bruke en nettside flere av oss bruker ofte; Netflix. Eller i det minste; et konsept folk klarer å tenke seg inn i: å lete etter film på nett.
Jeg redesignet altså søkeresultatet til Netflix – og brukte Phi-spiralen som modell.

Det første designet jeg lagde viser søkeresultatet på søket etter skuespiller Kevin Spacey.
Dette er designet:

Redesignet søkeresultat på netflix; med søkeordet Kevin Spacey

Da jeg testet dette designet på nettsiden FiveSecondTest.com viste de 15 første visningene at designet traff midt i blink. Yepp: Det hadde sikkert vært mer overbevisende med 150 og ikke 15 testpersoner, men erfaringene våre er at klare trender på så lite som 5-6 personer ofte er identiske med resultatet av ti ganger så mange.

Uansett. Her er resultatet fra testen, som viser hvor brukerne så først (og evt som sted nr 2):

Brukertest 1

Som resultatet viser: Kollegaen min sin teori ser ut til å stemme.

Men … vent litt. Titter du litt nærmere på resultatet ser du at de fleste klikkene er midt i ansiktet på Kevin Spacey. Brukerne våre visste at de lette etter mr Spacey. Kan det da hende at hjernen vår automatisk leter etter øynene hans?

Jeg lagde et nytt design. Denne gangen med søkeordet ”horror movies”, for å se forskjellen.

Her er designet:

Redesignet søkeresultat på netflix; med søkeordet Horrow movies

Og her er resultatet:

Brukertest 2

Som vi kan se fungerer spiraldesignet fortsatt – om enn ikke like tydelig som test nummer én. Samtidig ser vi jo at vi tiltrekkes av ansikter – noe som jo gjør at vi må tenke oss om en ekstra gang når vi bruker et søkeresultat bestående utelukkende av bilder .

Men uansett: Espen Klems myth: Confirmed!

Gmax.no redesignet på en time

En søkedrevet nettbutikk kan raskere la deg finne varen du vil kjøpe!
Jeg har redesignet Gmax.no for å vise hvordan.

En søkedrevet nettbutikk kan raskere la deg finne varen du vil kjøpe!
Jeg har redesignet Gmax.no for å vise hvordan.

Eksempel: Jeg er på jakt etter noen kule, nye sko jeg kan bruke til sommeren, og vet at Gsports gmax.no kan være stedet å begynne.

Jeg vet ikke engang hvordan jeg endte opp på den lyseblå Nike-skoen til 449, og jeg sliter faktisk med å finne den igjen. Det er skoen jeg vil ha. Problemet er at det er en barnesko. 

Det er her en søkedrevet nettbutikk hjelper meg videre. Fortsett å lese «Gmax.no redesignet på en time»

Jernia.no makeover – del 2

Etter fredagens innlegg om 1-hour-redesign av Jernia.no fikk jeg flere tilbakemeldinger både her på bloggen og på Twitter. Her er et av svarene, som ble for langt å gi på Twitter :-)

Etter fredagens innlegg om 1-hour-redesign av Jernia.no fikk jeg flere tilbakemeldinger både her på bloggen og på Twitter; blant annet fra Filip Elverøy (@filipelv) i SEB som skrev følgende:

Kult - 60 min Hva skjer med menyen når du har valgt noe, da vil ja ha hovedfokus på valgt kategori og ikke en utfoldet meny

I utgangspunktet tenkte jeg at å svare på dette ville være å ta et eksempel for langt. At Jernia.no-eksempelet ikke lenger ville være et eksempel, men ville oppfattes som et faktisk forslag til endring, fremfor å være et illustrativt eksempel på at de fleste nettsider kan bli bedre av en times finpussing og benyttelse av kjente “designregler”.

Jeg vil ikke ta Jernia-eksempelet videre. Men Filips spørsmål er noe jeg gjerne vil svare på med en konseptskisse fra et forprosjekt mine kolleger i Comperio gjorde for Dustin.se:

Wireframe Dustin.se
Klikk for større utgave. ©Comperio

Vi er veldig glade i søk som svaret på de fleste utfordringer. Det gjelder også i dette tilfellet. Vår tanke, for nettbutikker som Jernia.no eller Dustin.se, vil ofte være at et klikk på en kategori gir søkeresultatet for denne kategorien.

Det vil si, at om du klikker på ”Maling og utstyr” får vi nærmest en ny forside, som kun dreier seg om maling; med de beste malingstilbudene, de mest solgte produktene, de mest sette produktene, de beste malingstipsene, de som liker ”Jernia Maling” på Facebook, osv.

I tillegg gir et klikk på et menyvalg oss også litt mer informasjon om hvem personen som klikker er. Har vi gjort et godt forarbeid har vi mest sannsynlig en klar profil om hvilke kunder det er som klikker på ”Maling og utstyr”. Dermed vet vi kanskje også hvilke oppgaver, i tillegg til å få vite mer om maling, denne personprofilen har, og kan bygge opp hver underkategori utfra dette.

Eksempelet fra Dustin viser ikke et kategori, men et produkt. Likevel; det viser litt om hvordan vi tenker i forhold til å gi brukeren alternativer og veier videre, utfra hva vi vet han eller hun er på jakt etter.

Og hva skjer med menyen?, som Elverøy spør om. Jeg er stor fan av en ekspandert bunnmeny, med like mange valg som vises på Jernia-eksempelet. Da kan vi i hovedområdet, på øverste delen av siden, konsenterere oss om valget brukeren har tatt: Vi holder oss til Maling, og godtar at det er den kategorien, og ikke alle de andre, som er interessant for kunden … samtidig som vi lar han beholde navigasjonsmuligheten i en kjent bunnmeny.

Er dette et innsalg?

hvis dine 60 min (ikke bestilt) redesign er ment som prøvetimer/innsalg av konsulenttjenest...Elverøy stilte også på Twitter på fredag spørsmål om, som svar på et et litt letthendt og raskt svar fra meg (som jeg forstår kunne tolkes både hit og dit), om jeg gjorde dette som et ubestilt innsalg mot Jernia.

SÅ: er 1-hour-makeover-eksemplene for Finn.no og Jernia.no innsalg?
Ja, det er det.

Men; det er ikke kun et innsalg mot Finn og Jernia, men et (ubestilt) innsalg mot alle kunder jeg har og ikke har, og som kan trenge den kompetansen jeg og kollegene mine innehar. Alt jeg skriver på bloggen min, på Twitter, og på deler av Facebook og Google+ (dvs innlegg kun synlig for kundene mine) er ment som et «innsalg», altså å fremme tjeneste mine. Det er sjeldent jeg er i et innsalgsmøte, og ikke refererer til bloggen min.

Å bruke dyrebar arbeidstid på sosiale medier, uten å tenke at det til slutt vil gi noe tilbake, vil jeg anse som en dårlig strategi. Jeg ser ikke på bloggen min som en skrikende reklameavis med store prisbomber og ”bestill nå!”, men mer som et ledd i merkevarebyggingen av meg selv, Comperio og søk som en løsning på de fleste digitale utfordringer.

Og om Elverøy, som er Senior Director Digital media i SEB (han har etter at blogginnlegget ble skrevet blitt Country manager i NetOnNet Norway), mener at hans twitring ikke på sikt er til det beste for SEB … (dvs at de faktisk lønner seg enten økonomisk eller merkevaremessig – og dermed på sikt økonomisk) … så ville jeg anbefalt han å skifte strategi :-) Men jeg tror faktisk vi er enige.

Jernia.no redesignet på en time

For en stund tilbake redesignet jeg Finn.no på en time. Nå er det Jernia.no sin tur.

For en stund tilbake redesignet jeg Finn.no på en time. Nå er det Jernia.no sin tur.

Jeg setter pris på gode nettbutikker! Nettbutikker som lar meg drømme meg litt bort, selv om jeg ikke skal ha noe. Nettbutikker der jeg kan sammenligne ting jeg ikke hadde tenkt til å kjøpe, og som lar meg se detaljerte bilder av speilreflekskameraet kona har gitt meg klar beskjed om at jeg ikke har råd til.

En av disse nettbutikkene er Jernia.no – som har ting som passer for meg som er litt kjøkkenmann (les; matinteressert – evt tjukk). Jernia.no har potensiale, men faller i fellen ved å tro at de kan «overbevise meg om å lete etter noe annet enn det jeg faktisk er på jakt etter» (noe de sikkert til en viss grad kan).

Jeg satt meg ned i en time, for å se hvor mange forbedringer jeg kunne gjøre på forsiden deres i løpet av 60 minutter. Her er resultatet. (Klikk for store versjoner).

FØR:

Skjermdump av Jernia.no

ETTER:

Jernia.no redesignet

Hva er endret?

1. Gi meg det jeg er ute etter

Den største endringen er at forsiden er gjort om fra å være en reklameavis, til å bli en søkbar katalog for produktene – som jeg jo kommer dit for å finne og sammenligne.

  • Søkeboksen er gjort større og vist tydeligere
  • Søket er flyttet over kategori-flippene, for å vise at jeg kan søke i alt – og ikke bare i den kategorien jeg evt har valgt
  • Søkeboksen har fått en tydelig oppfordring til brukeren

2. Gi meg oversikten

I tillegg til å søke via en søkeboks, søker vi ofte etter triggerordet vårt med øynene våre. Derfor vil det være en fordel å få opp hele listen med underkategorier, som de i dag har i venstrekolonnen, over i hovedfeltet på nettsiden. Jeg har lagt alle underkategoriene under hver kategori-flipp, som jo i dag ligger dobbelt opp. (I tillegg har jeg fjernet disse firkantene foran underkategoriene, som for meg ser ut som check-bokser.)
Det jeg ikke har gjort, som bør gjøres, er å sortere disse listene alfabetisk. Det er nemlig sånn at lister på mer enn 5-6 valg blir vanskelig å lese om de ikke står i alfabetiske rekkefølge.

3. Bort med flashy reklame

Det er med glede jeg har fjernet reklamebyråets papirreklame-jpg, som rett og slett er en forstyrrende, ikke laget for web og uleselig for Google. Det nye designet viser fortsatt gode tilbud, men inkluderer det i resten av designet.

Det er likevel greit å nevne at jeg forstår argumentet om at en nettside også skal kunne påvirke oss emosjonelt. Men i dette tilfellet mener jeg at Jernia.no er et verktøy for å løse oppgaven vår; nemlig å se om Jernia har det jeg vil kjøpe (evt om de har ting som jeg drømmer om å kjøpe og bare vil se nøyere på), og ikke et sted man kommer uten mål og mening.

Jeg kunne sagt mye mer om dette …
men skal la være :-)

4. Gode argumenter

Det som derimot er gode salgsargumenter, nemlig at de gir meg 45 dagers returrett, frakt fra kr 50 og har over 3000 produkter, er jeg helt enig i at bør fremheves. Det vil være gode kjøpsargumenter for de fleste brukerne – uavhengig av hva de er på jakt etter.

5. Designjusteringer

Designer på produkter - før og etterI tillegg har jeg gjort noen designjusteringer, som rett og slett kan gi siden et mer harmonisk utseende:

  • Jeg har justert litt på margene på toppmenyen
  • Jeg har gjort om tilbudsprodukt-listen fra 4 til 3 produkter (fordi øyet vårt liker partall), og fremhevet det ene produktet (så øyet vårt vet hvor vi skal begynne)
  • Jeg har endret på utseende på produktlistene (bildet) nedover på siden, flyttet produktbildet til venstre for teksten og endret så alle priser og KJØP-knapper har like mye marg mellom seg og produktbeskrivelsen.
  • Jeg har fjernet den blå rammen, som bare var nesten lik blå som lenke-fargen, på Facebook-boksen
  • Jeg har fjernet en nærmest usynlig grå, stiplet linje som gikk mellom produktene – og erstattet dette med rene, grå linjer som strammer opp listen nedover på siden.

Når dét er sagt …

Det som er veldig viktig å presisere, er at dette kun er én times jobb og det er gjort på bakgrunn av kun den informasjonen om Jernia og kundene deres som jeg selv sitter inne med. I en ekte prosess tas avgjørelser som dette på bakgrunn av faktaopplysninger, brukertester og -undersøkelser, og vil selvsagt både ta mer enn én time og vil gi et bedre resultat.
Dette er kun gjort for å vise at noen få tanker om design og brukeropplevelse kan løfte de fleste nettsider, og at det på nett er viktigere å gi brukerne det de er på jakt etter (for å løse oppgaven sin), og ikke in-your-face-reklame.

Enig?

Redesign av Finn.no

På fredag hadde jeg en ledig time. Da tenkte jeg; «Hva er det mest klysete jeg kan gjøre før helga? Jo; redesigne et av Norges mest brukte nettsteder på 1 time.» Og dermed fikk Finn.no seg en «One-Hour-Makeover».

På fredag hadde jeg en ledig time. Da tenkte jeg; «Hva er det mest klysete jeg kan gjøre før helga? Jo; redesigne et av Norges mest brukte nettsteder på 1 time.»
Og dermed fikk Finn.no seg en «One-Hour-Makeover».

Jeg har sittet og sett på One-Hour-Makeover på TvNorge, og irritert meg over interiørdesignerne som skal redesigne en hel kåk på en time. Jeg nekter å tro at de gjør det på en time … bare å la malingen tørke tar tre timer.

Og å tro at man kan gjøre underverker ved å redesigne en nettside på en time, uten noen som helst research, statistikk eller brukerundersøkelser annet enn sine egne erfaringer, er omtrent like latterlig. Men dette er rett og slett et eksperiment for å se om noen små endringer kan gjøre ting bedre.

Fortsett å lese «Redesign av Finn.no»