Gå til hovedindhold
Version2 it for professionelle
Forsiden

Hovedmenu

  • It-nyheder
  • Blogs
  • It-job
  • It-firmaer
  • Emner
  • Opret bruger
  • Log ind
Se kommentarer (5)
Emner Usability

God metode til forbedring af brugbarheden

Af Georg Strøm 12. januar 2010 kl. 11:10

Metoden bygger på et princip fra Edward R. Tufte. Han er en sand kunstner indenfor præsentation af information, og hans bøger er desuden så flotte at man kan have dem liggende fremme på sofabordet når der kommer gæster. Der er et link til mere om ham forneden. Selve princippet består i at man gør tætheden af relevant information så stor som mulig, vel at mærke uden at gøre bogstaverne eller stregerne så små at brugeren ikke kan opfatte indholdet.

Hvordan kan det forbedre brugbarheden?

Jo mere brugeren kan se på en gang, jo lettere er det for ham eller hende at finde noget. Overskueligheden bliver altså bedre. Jo færre gange brugeren skal klikke for at komme frem til et eller andet, jo hurtigere går arbejdet. Endelig ser det ud til at mennesker kan lide en informationsmæssig rigdom, hvor de føler at øjnene kan gå på opdagelse. På en konference tilbage i 99 mødte jeg Jaryl Wirth som havde brugt metoden til at forbedre grænsefladerne i et måleinstrument. Det var lykkedes ham at reducere antallet af skærmbilleder fra 9 til 3, og samtidig havde han øget tætheden af relevant information i det øverste skærmbillede med en faktor 28. Ikke blot var der langt færre skærmbilleder at finde rundt i. Brugeren havde også langt større chance for at finde hvad han skulle bruge allerede i det øverste skærmbillede. Wirth havde beregnet hvor meget relevant information der var pr. 1000 pixels i skærmen på instrumentet, og derefter systematisk arbejdet på at optimere tætheden. I stedet for at regne i pixels, kan man naturligvis regne i skærmbilleder og optimere mængden af relevant information som samtidig kan ses på skærmen. Det er i øvrigt snyd at lave skærmbilledet langt som en rulle toiletpapir ? så skal brugeren bare scrolle i stedet for at klikke, og man har reelt ikke øget tætheden.

Sådan optimerer man den relevante information

Den relevante information, er den som brugeren skal have ud af skærmbilledet, eller som fortæller hvad de forskellige funktioner er. Man kan diskutere om menuer og navigationstekster altid skal regnes som relevante eller ej, ligesom man skal finde et passende mål for hvordan et billede tælles med, ellers kan dets titusinder af pixels totalt vælte opgørelsen af informationstætheden. Præcist hvordan man gør er ikke nødvendigvis afgørende, bare man er konsistent i den enkelte opgave. Andre gange kan man forbedre grænsefladen ved at smide de dele af informationen væk som brugeren ikke anvender. Her så jeg et elegant eksempel på konferencen i 99.

Flyveledere har normalt et display i retning af det til venstre som viser det enkelte flys retning, fart, og acceleration med tal. Det kræver en ret god matematisk fornemmelse at opfatte hvor flyet er på vej hen. En af udstillerne viste i stedet et display i retning af det til højre. Her viste sporet af prikker hvor flyet havde været nogle sekunder før. Man kunne ikke læse hastigheden med to decimaler, til gengæld var det let at se hvor flyet var på vej hen og hvordan det ændrede retning og sænkede farten. Endelig kan man optimere procentdelen af relevant information på skærmen. Det er især aktuelt når man skal vise grafisk information. Hvis man begrænser det Tufte kalder 'chartjunk' eller i hvert fald sørger for at det ikke dominerer skærmen, bliver det lettere at opfatte den relevante information. Så kan man til gengæld præsentere mere relevant information på det samme areal, uden at det virker uoverskueligt, og endda gøre det lettere for brugeren at kombinere de forskellige typer af information. Bare se på et landkort. Det er informationstætheden så høj at den basker, samtidig med at de forskellige typer information støtter hinanden i stedet for at forvirre.

Der er mere om Edward R. Tufte og hans bøger på http://www.edwardtufte.com

Send Tweet
Udskriv
Billede af Georg StrømOm Georg Strøm

Kommentarer (5)

Opret en konto eller log ind for at følge indhold på Version2 - og bliv opdateret via e-mail eller rss

Følg kommentarer
Peter Hansen 12. jan. 2010 - 17.57
 
Andre kilder

Hej,

Spændende læsning.

Findes der andre kilder som bekræfter det Edward Tufte påstår.

Uden at skulle jogge i tid, så er dine informationer 10 år gamle? Er det stadigvæk sådan.

Der er undersøgelser som viser at flere skærme er sagen, at man skal have en referenceskærm (Som et ekstra papir på bordet)?

Venligst

Peter

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Erik Cederstrand 12. jan. 2010 - 22.56
 
Hvor er værktøjerne?

Så fuld internettet er af data, så undrer det mig, at der ikke er bedre værktøjer til visualisering. 99% af data på nettet præsenteres som tekst og tabeller, selv om der findes langt bedre måder for hjernen at tilegne sig information.

Der er naturligvis ting som Google Chart API og flashbaserede værktøjer, men i forhold til den rigdom af visualiseringsmåder der findes, og de muligheder for interaktivitet og animering, som computeren tillader, er det er et noget pauvert udvalg af de samme pie charts, histogrammer, scatter plots og dashboard-klichéen speedometeret. Google Maps er blevet en lille revolution for visualisering af geografisk relaterede data på nettet, men der er stadig kun to modes, og mulighed for at tilføje et par luftballoner. Hvordan laver jeg f.eks. en computerversion af det berømte 150 år gamle kort over Napoleons march: http://en.wikipedia.org/wiki/File:Minard.png ?

Så hvor er værktøjerne? Kom med nogle gode links!

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Torben Mogensens billede
Torben Mogensen 13. jan. 2010 - 09.50
 
Re: Hvor er værktøjerne?

Til visualisering af grafer, kan jeg foreslå Graphviz (http://www.graphviz.org/).

Til animationer, interaktion m.m., er JavaFX (http://www.sun.com/software/javafx/) ikke helt skeløjet.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Georg Strøms billede
Georg Strøm 17. jan. 2010 - 20.53
 
En heuristik - ikke andet

Svar til Peter. Du har ret i at et større skærmareal løser nogen af problemerne. Jeg har selv set hvordan man kunne øge brugbarheden og arbejdshastigheden ved at give brugerne større skærme.

Desværre er det her kun en såkaldt heuristik. Det vil sige et princip som ofte kan føre til det ønskede resultat. Samtidig tror jeg selv at en test vil være lidt meningsløs. Der er så mange parametre som kan have indflydelse på resultatet, at det kun vil være gyldigt - altså passe på - nogle få af de tilfælde som man kan komme ud for.

Svar til Erik: Det kan være at der ikke findes så mange værktøjer til visualisering af data, fordi en del visualiseringer ikke tilføjer så meget. Jeg kan huske en undersøgelse som viste at tabeller med talværdier faktisk klarede sig ret godt i forhold til forskellige grafiske præsentationer, både når det gjaldt datatæthed og løsning af en række opgaver, for eksempel at se tendenser.

Jeg kender godt kortet over Napoleons felttog mod Rusland. Det er næsten et kunstværk. Til gengæld har man nok have bedre muligheder for at analysere dets data, ved at have dem i en tabel med stednavne, afstande, tab af soldater og temperaturen i de forskellige faser af felttoget. Selv har jeg i hvert fald lettere ved at vurdere tabene i procent i de forskellige faser af felttoget, hvis jeg har en tabel med tal, end hvis jeg skal vurdere de forholdsvise ændringer i bredden af de linjer som viser hærens styrke. Det lyder noget indforstået, derfor er det en god ide at tage et kig på selve kortet i den link Erik kom med http://en.wikipedia.org/wiki/File:Minard.png

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Jon Bendtsen 22. jan. 2010 - 16.36
 
Realisme i UI design?

Denne artikel kunne du måske lige vurdere og så blogge om hvis den er brugbar Georg. http://ignorethecode.net/blog/2010/01/21/realism_in_ui_design/

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer

Tilføj kommentar

Opret en konto eller log ind for at følge indhold på Version2 - og bliv opdateret via e-mail eller rss

Følg kommentarer
Log ind herunder eller opret en bruger for at skrive kommentarer
Du kan logge ind med din e-mail-adresse
Der er forskel på store og små bogstaver i adgangskoden.
Glemt adgangskode?

Seneste nyt

4 gode sikkerhedsråd: Sådan gør du firma-pc'en vinterferieklar

Udgivet 10. feb 8.01Opdateret 10. feb 8.01

Konklusion af Polsag-review fra 2009: Elendig kode hånd i hånd med elendig kontrakt

Udgivet 10. feb 6.59Opdateret 10. feb 8.34

It skal spare kommunerne for 165 millioner kroner i 2012

Udgivet 9. feb 16.02Opdateret 9. feb 16.02

Adobe: Vi laver ikke Flash til Android-udgaven af Chrome

Udgivet 9. feb 15.15Opdateret 9. feb 15.15

Så oldnordisk er politiets it-miljø: Nostalgisk gensyn med 1980’erne

Udgivet 9. feb 14.22Opdateret 9. feb 15.12
Flere it-nyheder »
Få it-nyheder og blogs hver dag med Version2's nyhedsbrev.

Seneste debat

  1. Konklusion af Polsag-review fra 2009: Elendig kode hånd i hånd med elendig kontrakt

    4 comments.
    Last update 11 minutter 27 sekunder
    Skrevet af Jens Holm
  2. Så oldnordisk er politiets it-miljø: Nostalgisk gensyn med 1980’erne

    7 comments.
    Last update 17 minutter 58 sekunder
    Skrevet af Michael Erichsen
  3. Apple vildleder danske kunder med dårlig serviceordning

    16 comments.
    Last update 19 minutter 55 sekunder
    Skrevet af Jesper Poulsen
  4. 4 gode sikkerhedsråd: Sådan gør du firma-pc'en vinterferieklar

    1 comment.
    Last update 23 minutter 44 sekunder
    Skrevet af Maciej Szeliga
  5. Dansk it-firma: Befriende med e-mailfri januar

    4 comments.
    Last update 39 minutter 29 sekunder
    Skrevet af Morten Marquard
  6. Domæne-forening: Lov om .aarhus og .cph var for tynd

    12 comments.
    Last update 50 minutter 56 sekunder
    Skrevet af Nikolaj Brinch Jørgensen
  7. Opdateret liste over danske iværksættere

    2 comments.
    Last update 5 timer 1 minut
    Skrevet af Therese Hansen
  8. Stop SOPA, PIPA, ACTA, TPP og alle dem der kommer efter

    50 comments.
    Last update 9 timer 22 minutter
    Skrevet af Bjarne W. B. Petersen
Mere debat »

Information

  • Kontakt redaktionen
  • Job- og annoncesalg
  • Teknisk support
  • Om Version2
  • Brugerbetingelser
  • Privatlivspolitik

Aktuelle emner

  • Agil udvikling
  • Android
  • Bruttolønsordning
  • Business Intelligence
  • Cloud computing
  • Digitaliseringsstyrelsen
  • HTML5
  • Harddisk-priser
  • IE9
  • Intranet
  • It-sikkerhed
  • Kindle Fire
  • Multimedieskat
  • NemID
  • OS X Lion
  • Open source CMS
  • Projektledelse
  • Scrum
  • Sharepoint intranet
  • Storage
  • Ubuntu 11.10
  • Virtualisering
  • Windows 8
  • Windows Phone 7
  • iOS 5
  • iPhone 4S

Tjenester

  • Android-app
  • iPhone-app
  • RSS-feeds
Følg @version2dk
Få it-nyheder og blogs hver dag med Version2's nyhedsbrev.

Version2 udgives af

  • Mediehuset Ingeniøren A/S work Skelbækgade 4 1717 København V
  • Tlf. work 33265300