Posts Tagged ‘HTML’

Big is beautiful?

fredag, april 16th, 2010

Forleden besøgte jeg et website for et rejseselskab. Jeg skulle danne mit et indtryk af sitet. Jeg søgte naturligvis efter en rejse. Du ved, den der med afrejsedato, hjemrejsedato, antal rejsende og hvor man nu vil hen. Ikke noget særligt der. Pop-up datovælger, rullemenuer og automatiske forslag til at vælge den rette lufthavn. Man skal ikke besøge særligt mange sites af denne type for at finde lignende interaktionsdesign:

 

Så bliver jeg kreativ:

1) Hvorfor skal det være så småt?
2) Hvorfor skal jeg bruge tastaturet så meget?
3) Hvad nu hvis det var en iPhone app?
4) Er der ikke noget med Fitt's law?

Fitts lov siger at den tid det tager at føre musen til noget som er relativ mindre, tager relativt længere tid – som fx de små radioknapper i eksemplet herover. Det sker fordi man skal være særligt præcis med sin kontrol over musen – noget der bliver en ekstra besværlig handling – en kognitiv belastning. Og dem vil vi jo gerne minimere, remember?

Det med at det er småt, ser man mange steder, jeg har tidligere beklager mig over paginering, som jeg synes er et godt symptomatisk eksempel:

Jeg tror der er flere grunde. En kunne fx være at musen (altså den pil du fører rundt på skærmen) er så lille. På en iPhone er alting lidt større, fordi man brugere fingeren. Man kan ikke ramme, hvis det er for småt. Det kan man på en stor skærm, men det betyder ikke at det er nemt.

En anden grund kunne være at HTML standard elementerne ikke har skiftet størrelse. De er i forvejen små, men de bliver stadig "mindre" som oplæsningen stiger. De skalerer heller ikke pænt og har reelt ikke nogen attribut til at styre deres størrelse.

Alligevel ser man flere steder disse indtastningsdialoger vokser, de bliver større, fordi man forstår at – at når fokus er på at indtaste, så gør det ikke noget tingene er store, tydelige og hurtige at flytte musen til.

Hvis man nu bruger iPhone som sammenligning – hvor musen jo er en fingerspids, der trods alt er lidt federe end musens repræsentation. Det kunne fx være denne datovælger:

Datovælgere er efterhånden udført sådan at man kan vælge datoen med musen – og tak for det. Hvornår kommer valg af by med et verdenskort? Det behøver ikke være præcist, der kommer alligevel konkrete forslag bagefter, men jeg behøver ikke løfte hånden fra musen. Hvilket er lækker hvis jeg sidder og hyggerbrowser dovent efter den rigtige rejse.

Man kunne også lade sig inspirere af iPhonens rullemenuer. Hvis man tænker frem, kunne man så forestille sig at brugerne bruger musens scroll-hjul funktion til at vælge dato:

Og der er vel ikke noget i vejen for at lave web-versionen i den størrelse. Når man som bruger er gået igang med at vælge og indsætte oplysninger, så skal man ikke andet og derfor kan man godt argumentere for at det tager hele fokus.

Langt de fleste dialog online, der kræver indtastninger (fx logins, tilmelding til nyhedsbreve, periode valg) har kun få felter og derfor kan de godt fylde mere.

Det var i gamle dage at alting skulel være småt online. Det er ikke cool mere. Nu skal det være STORT! Design og brug går hånd i hånd, hvor usability er storebror og det grafiske design er med for hyggens skyld :-) Ellers sagt på en anden måde. Designet skal bare være i orden. Det er brugen der er den store værdi-skaber.

Hvornår kommer der en version af Google, hvor søgefelter er 3 gange så stort?

Bare vent og se…

(tilføjelse):

Det kan godt være at ovenstående ser stor og barnlig ud, men det er godt nok tydeligt og overskueligt at gå til.

Her er lige en mere fra AOK:

Hvad var det lige jeg var igang med? – nå jo, jeg søger. Hvad søger jeg efter?