Six Revisions har lavet en liste. Jeg elsker lister.

Det er ikke fordi, der som sådan er noget nyt i de usability guidelines, som Six Revisions stiller op. Men de er hver især koblet sammen med research-resultater, og tal er altid gode, når en kunde skal overbevises. Grafer er endnu bedre. Og begge dele er der rigeligt af i denne liste:

10 Usability Tips based on Research Studies

Den korte udgave:

1. Glem 3-kliks-reglen
Ingen undersøgelser tyder på, at brugerne har noget imod at klikke mere end tre gange. Det stemmer meget godt overens med mine egne erfaringer. Så længe brugerne kan se logikken i strukturen og hele tiden er sikre på, at de er på rette vej, er antallet af kliks (næsten) uden betydning.

2. Husk at brugerne skimmer indhold i et F-formet mønster
Øverste venstre hjørne er stadig et hit. Se selv.

3. Brugerne er utålmodige – speed dit website op
Og de nye generationer bliver næppe mere tålmodige. Nu lyder jeg ligesom min mor. (Men de er jo benhårde, de tweens dér)

4. Gør dit indhold let at læse
Brugerne læser kun 28% af teksten på dit website. Max.

5. Lad være at bekymre dig om vertikal scrolling
Åh. Min yndlings. Størstedelen af de brugere, jeg har haft inde til test (og især dem over 40), påstår at de ikke scroller og at det derfor er meget vigtigt, at det centrale indhold placeres over “folden” (det område af et website, der kan ses uden at scrolle). Men gentagne observationer viser, at de scroller på livet løs. Jeg har altid fundet det fascinerende.

6. Placér vigtigt indhold til venstre på sitet
Vi læser fra venstre til højre. Intet nyt der.

7. Sørg for rigeligt med luft omkring teksten
Vi læser umiddelbart hurtigere, når der ikke er nogen margin, men vi forstår så til gengæld ikke hvad det er, vi læser.

8. Vær opmærksom på de små detaljer
Heller ikke nogen nyhed. Lad mig tilføje: Vær opmærksom på at teste de små detaljer.

9. Lad ikke søgefunktionen fungere som en krykke for dårlig navigation
70% af brugerne starter med at klikke på et link snarere end at bruge søgefunktionen. Først når de ikke kan finde det ønskede, tages søgefunktionen i brug. Og så er de allerede blevet irriterede. (Ps: og så er brugervenligheden i forhold til søgeresultater i øvrigt et helt kapitel for sig selv).

10. Din forside er ikke så vigtigt som du tror
Rigtig mange af dine besøgende kommer direkte ind på en underside via enten søgemaskiner eller links fra andre sites. Så umiddelbart kan det nok svare sig at fokusere lidt mere på landing pages og lidt mindre på forsiden.

Se tal, grafer, billeder og uddybelser hos Six Revisions.

Et klassisk eksempel på anti-usability er at gøre det helt uigennemskueligt, hvordan man framelder sig et nyhedsbrev, hvilket formodentlig blot skaber irriterede brugere (og så er det i øvrigt også ulovligt).

Men der er mange andre måder at være lumsk på. Fx ved at lave mere eller mindre skjulte reklamer, som software download sitet Softpedia gør her, hvor det kan være svært at lure, hvilket link man skal klikke på for at hente sin fil (Darkpatterns hinter, at det rigtige link ikke indeholder ordet “Download”. Ville da også næsten være for nemt).

En anden metode beskrevet hos Darkpatterns er “Silent credit card roll-over”, hvor man for at få en gratis prøveperiode på et site, skal give sine kreditkortoplysninger. Når prøveperioden er slut, bliver man automatisk bonnet uden at blive spurgt, om man vil fortsætte med et betalt abonnement (i øvrigt behøver man slet ikke være online for at blive fuppet på den måde).

Se mange flere skurkede eksempler hos Darkpatterns.

Via Lisa Risager

Folkene bag projektet inddrager Google Street View på en ret kreativ måde, og før du går i gang, bliver du bedt om at indtaste adressen på dit barndomshjem (her skal det dog siges, at du kan rende ind i problemer, hvis du er vokset op på en lille villavej i provinsen. Fx. Men så prøv med en adresse i nærheden. Med mindre det er virkelig langt ude i provinsen. Så skal du måske bare vente et par år).

Anyway. Prøv det selv. Du skal nok bruge Google Chrome for at det bliver rigtig godt.

Læs mere om projektet her.

En ekstra ting, der er med til at gøre hele brugeroplevelsen lidt lækker i det, er den mail man modtager, når man har købt og betalt for sine varer. Et uddrag:

Hello

I’m Little MOO – the bit of software that will be managing your order
with moo.com. It will shortly be sent to Big MOO, our print machine who
will print it for you in the next few days. I’ll let you know when it’s
done and on its way to you.

[...]

Remember, I’m just a bit of software. So, if you have any questions
regarding your order please first read our Frequently Asked Questions
at. […]

Måske er det bare mig, men jeg synes det er meget hyggeligt og kan ikke lade være med at forestille mig Little MOO og Big MOO. Og hvis man kan få sine kunder til at smile bare en lille smule over en ordrebekræftelse, ligger man vist egentlig relativt lunt i visitkortsvinget.

Pattern Tap er en samling af interface designs sorteret i fine bunker med overskrifter som fx Breadcrumbs, Lists eller Search. Der er god inspiration at hente både for designeren og informationsarkitekten.

Der er vist også mulighed for at signe up (godt dansk udtryk) og lave sine egne samlinger eller følge andres. Så langt nåede jeg dog aldrig, da jeg faldt over mappen med 404 eksempler.

Den her brødrister ønsker jeg mig.

Det er jo seriøst mere reglen end undtagelsen, at brødet mangler “liiiiige lidt mere”.

Når det altså ikke lige har fået lidt for meget. Men det findes der trods alt ikke en knap til at håndtere.

Via City of Sound.

Anyway, det her er et screen shot fra en blanket, man skal udfylde, når man søger om at få udbetalt uhævede feriepenge. Så vidt jeg husker en temmelig almindelig – ikke specielt brugervenlig men heller ikke himmelråbende forfærdelig – digital blanket bestående af x antal sider, man skal klikke sig igennem.

Det interessante ved denne blanket var, at man ikke bare én men flere gange havnede på en side, hvor man ikke kunne komme videre, før man havde lovet, at man ikke sendte blanketten til Pensionsstyrelsen.

Det synes jeg er en lille smule fantastisk. En meget kreativ og lidt desperat løsning på et ikke-webrelateret problem. Man forestiller sig, hvordan de har revet sig selv i håret hos Pensionsstyrelsen, mens de har råbt: “Enough with the FE1 blanketter!! Vi drukner jo!! Hvad gør vi!?”.

Og her har en klarsynet medarbejder (jeg har tænkt over det og tør faktisk ikke komme med et bud på afdeling – men byd endelig ind!) med undertrykt stolthed i stemmen udbrudt: “Jeg har det!”

Gad vide om det har virket.

Jeg har puslet med at sætte et survey op de seneste dage og har derfor været nødt til at at arbejde ved et pc-lignende setup, da systemet ikke snakker med Mac (ingen grund til at hænge nogen ud, da det såvidt jeg har erfaret gælder for stort set al survey-software – men smid meget gerne en kommentar, hvis jeg tager fejl).

Anyway. Jeg skiftede fra pc til Mac for omkring to år siden, og det er jo fantastisk, hvordan den menneskelige hjerne fortrænger traumatiserende oplevelser som fx interaktionen med Windows.

Da jeg i går aftes sad og snerrede af skærmen, gik det op for mig, hvad det handler om. Ud over at være grim er Windows jo den irriterende lillebror! (jeg er næsten sikker på, at min bror ikke læser med her).

Den dér lillebror, der hele tiden prikker én på skulderen.

Se mig, se mig, se mig!

Hvad ehm …. skal du ikke opdatere – hva? hva? hva? Hvad med nu?

Er du sikker på at du vil lukke det vindue? hva? hva? Helt sikker?

Nåmen, du havde da ikke sagt gem. Tre gange. Hurtigt efter hinanden. Så nu har jeg helt glemt hvad du sagde.

Min egen lillebror har vokset sig helt fornuftig med tiden. Faktisk mistænker jeg ham for at være markant mere fornuftig end mig. Men hvor længe skal man vente på, at Windows finder ud af at hvile i sig selv?

Frank Spillers fra Demystifying Usability har lavet 7 trin til at minimere brugernes tilpasningsvanskeligheder i forbindelse med redesigns:

1. Tilbyd en “Preview det nye design” mulighed

2. Tilbyd en “Anvend gammelt design” mulighed

3. Gør et stort nummer ud af det nye design

4. Lancer det nye design som beta for at få feedback fra brugerne

5. Ret direkte henvendelser til brugerne – og gør det klart at de bliver hørt

6. Brugertest grundigt med forskellige målgrupper

7. Brug dagbogsstudier til at fange efter-effekterne

Læs den uddybede liste hos Demystifying Usability.

Ps: Man kan selvfølgelig også bare følge Jakob Nielsens eksempel: Undgå redesign.

PanorEmo er en web applikation, hvor man har mulighed for at sætte følelser på de ting man ser i forskellige miljøer. Via pile panorerer man, fx et supermarked, hvor man kan vælge at placere forskellige figurer på de ting man ser (drag&drop). Man kan vælge imellem otte forskellige figurer, der repræsenterer forskellige følelser – og man har mulighed for at knytte en kommentar til de enkelte figurer.

Det lyder lidt rodet, men det er i virkeligheden ret intuitivt, så lad være at forsøge at finde ud af hvad jeg mener og prøv det selv.

Jeg synes det er et fint lille værktøj – og en rigtig cool detalje, at der er lyd på de enkelte figurer.

Dog kan det være svært at se, præcis hvad de forskellige figurer udtrykker, men jeg tænker, at kommentarerne under alle omstændigheder er vigtigere, end den figur man har valgt. Èn af de ting, vi konstaterede under vores specialeskrivning var, at fok generelt har rigtig svært ved at sætte ord på deres følelser i forhold til produkter (i vores tilfælde software), det bliver ofte til meget konkret feedback på features og indhold. Derfor byggede vores metode, FeelIT, på en række billeder, da det ofte er lettere at tale følelser, hvis man tager udgangspunkt i noget visuelt. Det kunne være interessant at vide, hvad folkene bag PanorEmo har gjort sig af tanker om de aspekter.

Det ville desuden være spændende med nogle cases, hvor man kunne se hvordan resultaterne bruges i praksis.

Via Design & Emotion