<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Brukskvalitet &#187; brukervennlighetsbommert</title>
	<atom:link href="http://www.brukskvalitet.no/category/brukervennlighetsbommert/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brukskvalitet.no</link>
	<description>Gjør livet lettere</description>
	<lastBuildDate>Tue, 29 Jun 2010 12:34:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Hvorfor må innlogging i Altinn være så vanskelig?</title>
		<link>http://www.brukskvalitet.no/2010/hvorfor-ma-innlogging-i-altinn-v%c3%a6re-sa-vanskelig/</link>
		<comments>http://www.brukskvalitet.no/2010/hvorfor-ma-innlogging-i-altinn-v%c3%a6re-sa-vanskelig/#comments</comments>
		<pubDate>Fri, 21 May 2010 07:00:48 +0000</pubDate>
		<dc:creator>Ram Yoga</dc:creator>
				<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[altinn]]></category>
		<category><![CDATA[innlogging]]></category>
		<category><![CDATA[minid]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=1207</guid>
		<description><![CDATA[Altinn er et system som brukerne elsker å hate. Hele 30% av henvendelsene på Altinns telefonsenter dreier seg om innloggingsproblemer. Det er mange grunner til at innloggingen på Altinn har blitt slik den er. De viktigste er en komplisert sikkerhetsmodell, mange innloggingsvalg og at løsningen ikke tar høyde for at det er mange som bare [...]]]></description>
			<content:encoded><![CDATA[<p>Altinn er et system som brukerne elsker å hate. Hele 30% av henvendelsene på Altinns telefonsenter dreier seg om innloggingsproblemer. Det er mange grunner til at innloggingen på Altinn har blitt slik den er. De viktigste er en komplisert sikkerhetsmodell, mange innloggingsvalg og at løsningen ikke tar høyde for at det er mange som bare bruker den av og til. Hvis systemet hadde håndtert mer av den bakenforliggende kompleksiteten hadde mange av brukernes innloggingsproblemer vært løst.<span id="more-1207"></span></p>
<p>Altinn liker å <a href="https://www.altinn.no/no/Toppmeny/Om-Altinn/Arsmeldinger---statistikk---brosjyrer/Brukerundersokelser-sporreundersokelser-om-Altinn/Brukerundersokelse---sommeren-2009/">skryte</a> av at de fleste synes Altinn er bra. Men det er mange problemer med løsningen om vi skal tro på brukerne. Her er noen av reaksjonene jeg fant på Twitter i 2009, i forbindelse med selvangivelsen:</p>
<div id="__ss_4003955" style="width: 425px;"><strong><a title="Altinn Innloggingsproblemer På Twitter" href="http://www.slideshare.net/ramyoga/altinn-innloggingsproblemer-p-twitter">Altinn Innloggingsproblemer På Twitter</a></strong><object id="__sse4003955" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=altinninnloggingsproblemerptwitter-100507053343-phpapp02&amp;stripped_title=altinn-innloggingsproblemer-p-twitter" /><param name="name" value="__sse4003955" /><param name="allowfullscreen" value="true" /><embed id="__sse4003955" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=altinninnloggingsproblemerptwitter-100507053343-phpapp02&amp;stripped_title=altinn-innloggingsproblemer-p-twitter" name="__sse4003955" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/ramyoga">ramyoga</a>.</div>
</div>
<p>Hvis du ikke vil ta folk på Twitter på alvor kan du ta en titt på denne <a href="http://www.karde.no/UU-autentisering-sluttrapport.pdf2">rapporten fra Norsk regnesentral</a> (PDF) som så på universell utforming for registrering og autentisering. På side 17 står det:</p>
<blockquote><p>&#8220;[...] Statistikken som ble bekreftet i samtalene viser at innloggingsproblemer relativt konstant i 2007 og frem til<br />
desember 2008 har stått for ca. 30 % av det totale antallet henvendelser til brukerservice.&#8221;</p></blockquote>
<p>Rapporten diskuterer flere grunner til hvorfor 3 av 10 henvendelser dreier seg om innlogging (rapporten er forøvrig anbefalt lesing!). Det vil alltid være en del henvendelser rundt innlogging (f.eks. vil det alltid skje at folk glemmer passord). Men det er klart at Altinns innlogging er spesielt komplisert. Bare se på hva som møter brukerne når de skal logge inn (klikk for større versjon):</p>
<div style="text-align: left;"><a href="http://www.brukskvalitet.no/wp-content/uploads/2010/05/2-min-ide.png"><img src="http://www.brukskvalitet.no/wp-content/uploads/2010/05/2-min-ide.png" border="1" alt="2-min ide.png" width="425" /></a></div>
<p>Dette er de viktigste årsakene til at innloggingen i Altinn er komplisert:</p>
<ul>
<li>Altinn tar ikke hensyn til sporadiske brukere</li>
<li>Brukerne må ta stilling til hele 7 innloggingsvalg</li>
<li>Altinn eksponerer en komplisert sikkerhetsmodell med hele fire sikkerhetsnivåer</li>
</ul>
<p>La oss se på hva som kan gjøres for å gjøre innloggingen enklere.</p>
<h2>Ta hensyn til sporadiske brukere</h2>
<p>Altinn ble opprinnelig laget som en portal for næringslivet — ikke privatpersoner. Etterhvert har det også kommet inn skjemaer for privatpersoner, primært fra Skatteetaten. Dette betyr at Altinn i dag skal tilfredsstille to veldig forskjellige målgrupper</p>
<ul>
<li>Profesjonelle som bruker løsningen daglig/ukentlig (regnskapsførere og revisorer)</li>
<li>Sporadiske brukere som bruker løsningen 1-2 ganger i året (primært bruk av selvangivelsen)</li>
</ul>
<p>De som bruker løsningen sporadisk har dårligere forutsetning for å komme seg inn i løsningen, siden de både blir forvirret av alle valgene, ikke skjønner forskjellen på sikkerhetsnivåene, og heller ikke skjønner forskjellen på alle kodebrevene som flere (!) offentlige instanser sender ut.</p>
<p><strong>Løsning: Altinn bør redesigne innloggingssiden slik at den primært tar hensyn til de sporadiske brukerne.</strong></p>
<p>Da må Altinn kutte ned på antall innloggingsvalg, prioritere de resterende valgene og tone ned mindre viktige valg. Det tydeligste innloggingsvalget bør være det som sporadiske brukere skal benytte seg av (i skrivende stund, MinID).</p>
<p>Profesjonelle brukere kan fortsatt ivaretas ved at løsningen viser hvilket innloggingsvalg brukeren benyttet innenfor siste måneden (f.eks. gjennom cookies). Dermed vil f.eks. regnskapsførere måtte lete <em>litt</em> mer for å finne innlogging med smartkort første gangen første gangen, men etter det vil det virke strømlinjeformet også for dem.</p>
<h2>Kutt ned på antall innloggingsvalg</h2>
<p>Når du åpner innloggingssiden til Altinn blir du presentert med <em>syv</em> innloggingsvalg — og alle ser like viktige ut. Det store antallet valg skyldes primært sikkerhetsnivåene, men også at brukerne skal kunne bruke forskjellige innloggingsmekanismer. Dette er et problem som spesielt rammer førstegangsbrukere og sporadiske brukere av Altinn. Så mange valg å forholde seg til gjør brukerne paralyserte, spesielt når de ikke klarer å velge mellom alternativene (se &#8220;<a href="http://en.wikipedia.org/wiki/Decision_theory#Paradox_of_choice">paradox of choice</a>&#8220;).</p>
<p>Poenget med innlogging er å autentisere brukeren, slik at rett person får tilgang til informasjon. Dette bør gjøres så fort og effektivt som mulig. Alle disse valgmulighetene vanskeliggjør dette.</p>
<p><strong>Løsning: Kutt ut unødvendige valg (alt på sikkerhetsnivå 1) og fjern valg som likner på hverandre.</strong></p>
<h2>Kutt ned på antall sikkerhetsnivåer</h2>
<p>Altinns sikkerhetsmodell er delt inn i fire sikkerhetsnivåer og er basert på <a href="http://www.regjeringen.no/nb/dep/fad/dok/lover-og-regler/retningslinjer/2008/rammeverk-for-autentisering-og-uavviseli/4.html?id=505929">sikkerhetsnivåer for autentisering og uavviselighet</a> i dokumentet Rammeverk for autentisering og uavviselighet i elektronisk kommunikasjon med og i offentlig sektor.</p>
<p>Det er opp til <em>hver enkelt etat</em> å vurdere hvilket nivå deres skjemaer/tjenester skal kreve, men etatene selv kan altså velge mellom fire nivåer. Dette medfører kompliserte innloggingsvalg for sluttbrukerne. <em>Hvorfor</em> skal mannen i gata måtte ta stilling til om han skal logge inn med sikkerhetsnivå 2 eller 3?</p>
<p><strong>Løsning: Her må det offentlige sentralt ta større ansvar og kutte i antall sikkerhetsnivåer.</strong></p>
<p>Gjør som bankene; foreta en helhetsvurdering og si hva minstekravet er for å bruke offentlige nettløsninger. Gi færre valg og oppgrader enkle tjenester til høyere sikkerhetsnivå, slik at alle kommer i gang med de sikrere alternativene.</p>
<p>Hvis myndighetene sliter med at brukerne ikke tar i bruk tjenestene, trengs det incentiver. F.eks: hva med å tilby kortere saksbehandlingstid eller høyere prioritet i køen? Myndighetene må tørre å tenke litt utradisjonelt om de skal nå <a href="http://www.regjeringen.no/nb/dep/fad/aktuelt/taler_og_artikler/minister/taler-og-artikler-av-fornyings--og-kirke/2010/En-ny-digital-dagsorden.html?id=593644">målet om digitalt førstevalg</a>. Det første hinderet for digitalt førstevalg er å finne tjenestene, det andre hinderet er innlogging. Ta resten senere.</p>
<p>I Altinns tilfelle trenger ikke alle sikkerhetsnivåene være tilgjengelig. Kutt ut nivå 1. Nivå 2 kan fases ut nå som MinID 3.0 (som har sikkerhetsnivå 3) er lansert og endelig blitt brukbart (selv om <a href="http://sveino.blogspot.com/2010/05/brukartesting-av-minid.html">MinID fortsatt har sine utfordringer</a>).</p>
<p>Da står vi igjen med nivå 3 og 4. Det ideelle fra et sikkerhetsperspektiv er at alle kjører på nivå 4, men det krever en viss infrastruktur (kortlesere, kodebrikker eller mobiltelefon som støtter PKI) som ikke alle har tilgang til (enda). Hvordan kan dette håndteres? Gjør disse to valgene mer forståelige. Døp om navnene på valgene slik at brukerne får lyst til å oppgradere til det høyeste nivået. Kall nivå 3 for &#8220;sikkert&#8221; og nivå 4 for &#8220;ekstra sikkert&#8221;. Ved å bruke forståelige navn i stedet for kryptiske tall gjør dere brukerne tryggere og de vil lettere forstå forskjellen mellom valgene.</p>
<h2>Oppsummering</h2>
<p>Det er så klart mange rammefaktorer som har skapt en så vanskelig innlogging som finnes i Altinn. Men hva kan vi lære av dette?</p>
<ul>
<li>Tenk på brukernes prosess: Fokuser brukervennlighetsarbeidet på de hindrene brukerne <em>først</em> støter på, deretter tar du fatt i neste hinder</li>
<li>Har du en komplisert underliggende modell? Prøv å forenkle modellen!</li>
<li>Hvis ikke du kan forenkle modellen, kan du prioritere valgene som blir presentert for brukerne
<ul>
<li>Fjern uvesentlige valg</li>
<li>Gjør de mest brukte valgene enkelt tilgjengelig, ton ned sekundære valg</li>
</ul>
</li>
<li>Prioritér de sporadiske brukerne når skjermbildet utformes</li>
<li>Ivareta de &#8220;proffe&#8221; brukerne ved å bruke andre teknikker (f.eks. ved at systemet husker de sist brukte valgene og at systemet støtter hurtigtaster)</li>
</ul>
<p><strong>Har du eller noen du kjenner hatt problemer med å logge inn i Altinn eller andre offentlige nettløsninger? Del historiene dine i kommentarfeltet!</strong></p>
<h2>Relevant stoff</h2>
<ul>
<li><a href="http://www.karde.no/UU-autentisering-sluttrapport.pdf2">Rapport fra norsk regnesentral om universell utforming og autentisering</a> (PDF)</li>
<li><a href="http://www.duo.uio.no/sok/work.html?WORKID=29203&amp;lang=no">Masteroppgaven min om brukeropplevelsen i Altinn</a> (fra 2005, men overraskende relevant selv i 2010)</li>
<li><a href="http://www.regjeringen.no/nb/dep/fad/dok/lover-og-regler/retningslinjer/2008/rammeverk-for-autentisering-og-uavviseli/4.html?id=505929">Dokumentasjon rundt de fire sikkerhetsnivåene</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2010/hvorfor-ma-innlogging-i-altinn-v%c3%a6re-sa-vanskelig/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Redd miljøet med bedre informasjonsdesign</title>
		<link>http://www.brukskvalitet.no/2010/redd-milj%c3%b8et-med-bedre-informasjonsdesign/</link>
		<comments>http://www.brukskvalitet.no/2010/redd-milj%c3%b8et-med-bedre-informasjonsdesign/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 22:44:45 +0000</pubDate>
		<dc:creator>Eli Toftøy-Andersen</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[bussrute]]></category>
		<category><![CDATA[bærekraftig design]]></category>
		<category><![CDATA[Informasjonsdesign]]></category>
		<category><![CDATA[miljø]]></category>
		<category><![CDATA[transport]]></category>
		<category><![CDATA[Universell utforming]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=1077</guid>
		<description><![CDATA[I høst har det vært store problemer med luftkvaliteten i Bergen sentrum. Tiltak som kompiskjøring og annenhverdagkjøring har vært prøvd ut. Et tiltak som trolig ville fått flere i Bergensområdet til å reise kollektivt er rett å slett å forbedre bussrutene. Denne bloggposten viser eksempler fra kryptiske rutetabeller og gir forslag hvordan de kan forbedres.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="size-full wp-image-1115 aligncenter" src="http://www.brukskvalitet.no/wp-content/uploads/2010/02/Bussrute-utsnitt-2.png" alt="Utsnitt fra bussrute med kryptiske piler i ulike retninger" width="293" height="293" /></p>
<p style="text-align: center"><em>Vil du gå opp eller ned? Dette er<br />
informasjonsdesign a la Extra Joker Nord.</em></p>
<p>I vinter har det vært store problemer med <a href="http://www.bt.no/system/topicRoot/Luftforurensningen/">luftkvaliteten i Bergen sentrum</a>. Kompiskjøring, annenhverdagkjøring og bedre innfartsparkering har vært prøvd ut for å bedre situasjonen. Et tiltak som trolig ville fått flere i Bergensområdet til å reise kollektivt er rett og slett å gjøre det lettere å finne ut når bussene går.<br />
<span id="more-1077"></span><!--more--><br />
Østlendinger som er irritert på at <a href="http://www.trafikanten.no/sis/">sanntidssystemet</a> er ute av drift  eller <a href="http://www.brukskvalitet.no/2008/rotete-rutetabeller-i-trondheim/">trøndere som strever med å regne ut hvor lenge der er til bussen kommer</a> skulle bare visst hva slags bussruter folk på vestlandet må stri med.</p>
<p><strong>Motivert for å reise kollektivt<br />
<span style="font-weight: normal">En utenbys kar var nylig i Bergen i forbindelse med et forskningsprosjekt. Han skulle besøke flere skoler i Bergen og omegn, deriblant en skole på Osterøy. Han ville gjerne reise kollektivt og hans verter i Bergen gjorde helhjertede forsøk  for å hjelpe mannen å tolke de lokale bussrutene.</span></strong></p>
<p><strong><span style="font-weight: normal">Konklusjonen ble</span><br />
<span style="font-weight: normal">1.   Du må ha detaljert lokalkunnskap for i det hele tatt å ha en sjangs<br />
2.   Du må ikke ha dysleksi, konsentrasjonsvansker eller være morgentrøtt<br />
3.   Du må ha et intenst ønske om å ta buss og finne ut når denne går</span></strong></p>
<p><strong>Informasjonsdesign a la Extra Joker Nord<br />
<span style="font-weight: normal">Piler opp og ned, innramming, kursiv, understreking og fargelegging er bare noen av virkemidlene som er brukt i disse bussrutene.  Selv med pågangsmot og høy motivasjon er det vanskelig å lese bussruten for linjen 390/900. Klarer <em>du </em>å finne ut hvordan du kommer deg fra Nesttun til Hatland ungdomsskole innen kl 09.30?</span></strong></p>
<p style="text-align: center"><a href="http://www.tide.no/uploads/documents/ruter/osteroey/Arna_390900.pdf"><img class="size-full wp-image-1078 aligncenter" src="http://www.brukskvalitet.no/wp-content/uploads/2010/02/Bussrute.png" alt="Bussrute med informasjonsdesign a la Extra Joker Nord" width="435" height="224" /></a></p>
<p>Se <a href="http://www.tide.no/uploads/documents/ruter/osteroey/Arna_390900.pdf" target="_blank">pdf-versjon av bussruten her</a>.</p>
<p><strong>Legg merke til fotnotene<br />
<span style="font-weight: normal">Fotnotene i disse ruteheftene er et kapittel for seg. Her tas nesten hele alfabetet i bruk. <a href="http://www.tide.no/uploads/documents/ruter/osteroey/Arna_380.pdf" target="_blank">Rute 380 Bergen &#8211; Lonevåg &#8211; Tyssebotn</a> inneholder også rutetider for Hatland ungdomsskole. Følgende fotnoter og tilleggsopplysninger er hentet fra denne ruten:</span></strong></p>
<p><strong><span style="font-weight: normal"><strong><span style="font-weight: normal"> </span></strong></span></strong>X = Berre når det er reisande dit. a) Korresp. b) Skuledagar 3 min. seinare. e) Går etter førehandstinging tlf. 56 39 38 42 E) Ekspressbuss for reisande til Osterøy. g) Snur v/ungdomsskulen.</p>
<div>k) Reis med linje 270, 280, 285, 80 eller 90. Beregn 25 min. frå Bergen til bussbytte på Åsane terminal. For detaljar sjå ruteheftet for Bergen. j) Korresp. ved Hauge skule. Sjå rute 370/372. L) Linje 285 til Breistein kai.</div>
<div>N) Går berre natt til laurdag. S) Skuledagar. T) I skuleferiar vert rutene til Njåstad og Flatås berre kjørt etter førehandstinging i god tid på tlf. 56 39 38 42. V) Går ikkje i skulen sin sumarferie. Y) Linje 270 Ytre Arna.</div>
<div> </div>
<div><span style="font-weight: normal">Merk</span></div>
<div>
<div>
<ul>
<li>Rutetidene i Åsane er ca. passeringstider</li>
<li>
<div>
<div><span style="font-weight: normal">Ruter Bergen – Haus – Valestrand, sjå rute 390.</span></div>
</div>
</li>
<li>Vidare om Borleitet Myking dersom reisande</li>
</ul>
<div><span style="font-weight: normal">Vil du fremdeles ta buss eller tenker du på taxi eller leiebil som bedre alternativ? </span></div>
</div>
</div>
<p><strong>Løsningsforslag<br />
<span style="font-weight: normal">Bedre informasjondesign vil gjøre det lettere å ta buss i Bergen og omegn. Følgende kan gjøre bussrutene mer leselige</span></strong></p>
<ul>
<li>Gi rutene forståelige navn</li>
<li>Ikke dekk over det faktum at det finnes få avganger ved å plassere mange ruter på samme side i ruteheftet</li>
<li>Ikke si for mye på en gang</li>
<li>Lag egne ruter for ferier og skolefri</li>
<li>Ikke gi publikum i oppgave å regne ut når bussen går fra deres stoppested</li>
<li>Forklar hvor man evt må bytte buss og hvor lang ventetiden er</li>
<li>Kutt ned på bruken av fotnoter</li>
<li>Kutt ned på bruken av ulike &#8220;grafiske&#8221; elementer</li>
<li>Gjør bussrutene mest mulig forutsigbare</li>
</ul>
<p>Med andre ord, det beste vil være å gjøre slik Haakon Halvorsen foreslår i en kommentar til denne bloggposten: &#8221; kast den og lag den på nytt fra bunnen av. Den er ikke til å redde slik den ser ut nå.&#8221;  I Bergen har gatekunstnere derfor <a href="http://www.ba.no/nyheter/politikk/article4990610.ece">tatt saken i egne hender</a>.</p>
<p>Følgende vil også være til stor hjelp for passasjerene</p>
<ul>
<li>Gi alle busstopp et navn</li>
<li>Heng opp et skilt på hvert busstopp som forteller hva det heter</li>
<li>Heng opp en ruteplan på busstoppet som forteller når bussen går fra dette stoppet</li>
<li>Annonser holdeplasser automatisk</li>
</ul>
<p>Jeg håper disse tipsene kan være til hjelp ved neste revisjon av bussrutene. Hyppigere avganger  og oppgradering av <a href="http://tide.no/Default.aspx?pageid=1251">søkemuligheten på Tide.no</a> er andre tiltak som kan vurderes for å få flere til å reise kollektivt og dermed gjøre luftkvaliteten i Bergen bedre. Har du andre informasjonsfaglige forslag? Skriv gjerne en kommentar til artikkelen.</p>
<p><strong>Relaterte lenker<br />
<span style="font-weight: normal"><a href="http://www.brukskvalitet.no/2008/rotete-rutetabeller-i-trondheim/">Rotete rutetabeller i Trondheim<br />
</a><a href="http://www.underdusken.no/Nyhet/2010/3/1503365/bussomveltning+like+rundt+svingen">Bussomveltning like om svingen</a> (i Trondheim)<br />
<a href="http://www.brukskvalitet.no/2008/hvilken-nedgang-skal-jeg-velge/">Hvilken nedgang skal jeg velge?</a> (om t-baneskilting i Oslo)<br />
</span></strong><strong><span style="font-weight: normal"><a href="http://www.tide.no/View.aspx?mid=1265&amp;itemid=438&amp;pageid=1192&amp;moduledefid=55">Flere morsomme bussruter fra Tide<br />
</a><a href="http://www2.nrk.no/spill/?spill=jokernord">Spille Extra Joker Nord<br />
</a><a href="http://motveggen.blogspot.com/2010/02/tidig.html">Bussruteparodien Ventetid</a> (legg merke til fotnotene i stor versjon )</p>
<p></span></strong><strong><span style="font-weight: normal"><br />
<em><strong>Start en  grasrotaksjon<br />
</strong>Via en kollega har jeg en oppfordring til dere som bor i Bergen; Start en grasrotaksjon som går ut på å navngi alle busstopp uten navn og henge opp navneskilt på disse. Det burde være et overkommelig sted å begynne. Noen som tar utfordringen? Jeg skal med glede legge ut lenker til bilder av nye busstoppnavneskilt.</em></span></strong><strong><span style="font-weight: normal"><br />
<em>Tusen takk til venner i Bergen for inspirasjon og innspill til denne bloggposten.<br />
</em></p>
<p></span></strong></p>
<p><a href="http://twitter.com/elitatt">Følg meg på Twitter på @elitatt</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2010/redd-milj%c3%b8et-med-bedre-informasjonsdesign/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Betalingstull med betalingsterminaler</title>
		<link>http://www.brukskvalitet.no/2009/betalingstull-med-betalingsterminaler/</link>
		<comments>http://www.brukskvalitet.no/2009/betalingstull-med-betalingsterminaler/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 22:21:04 +0000</pubDate>
		<dc:creator>Ole Andreas Alsos</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[bank]]></category>
		<category><![CDATA[bankkort]]></category>
		<category><![CDATA[betalingsterminal]]></category>
		<category><![CDATA[kortterminal]]></category>
		<category><![CDATA[kunder]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=966</guid>
		<description><![CDATA[Leverandørene av betalingsterminaler har liten grunn til å være stolte av produktene sine. For meg blir hver eneste handletur en observasjonsstudie i hvordan andre (og meg selv) prøver og feiler med betalingsterminalene og hvordan butikkene klistrer opp uhøflige lapper for å få kundene til å bruke dem rett. Her er et lite utdrag av det [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Leverandørene av betalingsterminaler har liten grunn til å være stolte av produktene sine. For meg blir hver eneste handletur en observasjonsstudie i hvordan andre (og meg selv) prøver og feiler med betalingsterminalene og hvordan butikkene klistrer opp uhøflige lapper for å få kundene til å bruke dem rett.</strong></p>
<p><strong><img class="alignnone size-medium wp-image-968" title="Bilde 223" src="http://www.brukskvalitet.no/wp-content/uploads/2009/12/Bilde-223-400x174.png" alt="Bilde 223" width="400" height="174" /><br />
</strong></p>
<p>Her er et <em>lite</em> utdrag av det jeg har sett:<span id="more-966"></span></p>
<ul>
<li>Kunder <strong>stapper kortet inn der kvitteringen skal komme ut</strong>, fordi det var der chipleseren var på den forrige terminalen de brukte.</li>
<li>De s<strong>tikker kortet inn feil vei</strong> fordi korthologrammet og chipen har samme form, omtrent samme størrelse og nesten samme farge.</li>
<li>De stikker kortet inn med <strong>chipen pekende fra seg </strong>når de egentlig skal stikke den mot seg (eller motsatt).</li>
<li>De følger anvisningen på skjermen om å <strong><em>dra kort</em> når de egentlig må bruke chip</strong>.</li>
<li>De<strong> <a href="http://www.brukskvalitet.no/2009/design-som-om-vi-var-kognitivt-utviklingshemmede/">glemmer kortet i kortleseren</a> </strong>fordi kortet som står på høykant ser nesten usynlig ut fra kundens synsvinkel.</li>
<li>De leter og leter, men <strong>finner ikke kortleseren</strong> på betalingsterminalen.</li>
<li>På restauranter taster de koden der totalbeløpet (regningen pluss tipsen) skal tastes inn.</li>
<li>Plastikkskyggen som skal forhindre at uvedkommende snapper opp pin-koden er så liten at kunder med helt normale pølsefingre <strong>ikke treffer de rette tastene</strong>.</li>
<li>Plastikkskyggen er så effektiv at kunden<strong> ikke ser hvilke knapper hun taster</strong>.</li>
<li>De glemmer å taste koden eller de <strong>glemmer å kaste ”klar”.</strong></li>
<li>De <strong>taster <em>avbryt</em> i stedet for <em>klar</em></strong> fordi knappene ikke har noen konsistent plassering mellom ulike betalingsterminaler.</li>
</ul>
<p>Det er også interessant å se på butikkeiernes iherdige strategier for å forhindre at trege kunder skaper betalingskluss og kø:</p>
<ul>
<li>De <strong>limer piler og forklaringer på betalingsterminalene</strong> for å vise hvor chipleseren og magnetstripeleseren er fordi de er så godt gjemt at ingen finner dem.</li>
<li>De <strong>klistrer på tekstforklaringer og figurer</strong> i alle mulige varianter om hvilken vei kortet skal være eller dras fordi forklaringene som finnes ikke er gode nok (de er ikke redd for å bruke utropstegn).</li>
</ul>
<p>Feilen er ikke hos kunden. I liten grad også hos butikkeieren (selv om de ofte har et ansvar når de velger leverandør). Feilen ligger hos <a href="http://www.brukskvalitet.no/2009/tvetydlig-bankid-kode-bankn%C3%A6ringen-sliter-fortsatt-med-brukervennligheten/">banknæringen</a>, men først og fremst hos leverandøren av betalingsterminaler.</p>
<ul>
<li><strong>Alle betalingsterminalmodeller fungerer ulikt. </strong>Til og med innen samme leverandør har forskjellige modeller ulik virkemåte. På den ene skal kortet stikkes inn fra oversiden, på den andre skal kortet inn nedenfra.</li>
<li><strong>Tre typer (godt gjemte) kortinnstikk</strong>; fra overkant, nedenifra og fra oversiden. Det varierer selvfølgelig om chipen skal opp eller ned, fra deg eller mot deg.</li>
<li><strong>Utallige typer magnetstripelesere</strong>; på oversiden, venstresiden og høyresiden. Det varierer selvfølgelig om magnetstripen skal mot høyre eller venstre.</li>
<li><strong>Utallige konfigurasjoner av tallayout</strong> uten konsistent fargebruk.</li>
<li>Opptil <strong>fire sprekker som ser ut som kortinnstikk</strong> (bare et er rett).</li>
<li><strong>Ingen/dårlige/usynlige forklaringer </strong>om hvilken vei kortet skal.</li>
</ul>
<p>Det finnes heldigvis løsninger, noen enkle og noen utfordrende (for leverandørene):</p>
<ul>
<li>Gå sammen om en<strong> standard betalingsmåte</strong>, for eksempel kort inn ovenfra med chipen ut.</li>
<li><strong>Fjern alle andre sprekker</strong> som feilaktig ligner på kortinnstikk fra oversiden.</li>
<li>Lag et <strong>standard talltastatur </strong>med konsekvent plassering av tall og OK/Avbryt knapper.</li>
<li>Gjør tastene og skjermingen <strong>store nok</strong> for pølsefingre.</li>
<li>Fjern eller <strong>flytt hologrammet</strong> på bankkortet – det ligner for mye på chipen.</li>
<li>Gi <strong>lydtilbakemelding</strong> om du stikker eller drar kortet feil vei.</li>
<li>Bruk lys eller <strong>tydelig fargemerking</strong> viser vei til kortinnstikk.</li>
<li><strong>Ikke vis beskjeden <em>dra kort</em></strong> på displayet når kunden egentlig skal bruke chip.</li>
</ul>
<p>Ikke la ingeniørene bestemme designet &#8211; <strong>få en god produktdesigner til å lage betalingsterminaler med <a href="http://en.wikipedia.org/wiki/Affordance"><em>affordances</em></a> eller<a href="http://en.wikipedia.org/wiki/Mobile_phone_form_factors"> <em>form factor</em></a> </strong>som gjør at kunden ikke <em>kan</em> stikke kortet inn feil vei eller gjøre noen av de andre unødvendige feilene som jeg har beskrevet over.</p>
<p>Har dere noen interessante observasjoner? Har dere noen artige eksempler på butikkeiere som har ”fikset” betalingsterminalen? Har dere noen andre forslag til løsninger? Bruk kommentarfeltet under eller send meg bilder på e-post så skal jeg legge de ut her.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2009/betalingstull-med-betalingsterminaler/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Design som om vi var kognitivt utviklingshemmede</title>
		<link>http://www.brukskvalitet.no/2009/design-som-om-vi-var-kognitivt-utviklingshemmede/</link>
		<comments>http://www.brukskvalitet.no/2009/design-som-om-vi-var-kognitivt-utviklingshemmede/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 11:57:13 +0000</pubDate>
		<dc:creator>Ole Andreas Alsos</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[bankkort]]></category>
		<category><![CDATA[betaling]]></category>
		<category><![CDATA[betalingsterminal]]></category>
		<category><![CDATA[chip]]></category>
		<category><![CDATA[designideer]]></category>
		<category><![CDATA[gjenglemt]]></category>
		<category><![CDATA[kognitivt utviklingshemmet]]></category>
		<category><![CDATA[parkeringsautomat]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[sikkerhet]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=737</guid>
		<description><![CDATA[I dag kom nyheten jeg forutså og ventet på. NRKs radiosendinger melder om en mangedobling i antall gjenglemte bankkort. Hovedårsaken til den kraftige økningen er at nye kort er utstyrt med en chip og at brukeren må sette i fra seg kortet i en sprekk i kortkortterminalen før man taster kode. Jeg er ikke overrasket. [...]]]></description>
			<content:encoded><![CDATA[<p>I dag kom nyheten jeg forutså og ventet på. <a href="http://www.nrk.no">NRK</a>s radiosendinger melder om en mangedobling i antall gjenglemte bankkort. Hovedårsaken til den kraftige økningen er at nye kort er utstyrt med en chip og at brukeren må sette i fra seg kortet i en sprekk i kortkortterminalen før man taster kode.</p>
<p style="text-align: center;"><img class="size-full wp-image-738 aligncenter" title="Bilde fra http://www.betalingsterminal.no/" src="http://www.brukskvalitet.no/wp-content/uploads/2009/03/bilde-84.png" alt="Bildet er hentet fra http://www.betalingsterminal.no/" width="291" height="235" /></p>
<p>Jeg er ikke overrasket. I stressede og støyende situasjoner blir vår evne til å få med oss det som skjer rundt oss sterkt redusert. Faren for å glemme igjen ting mangedobles. Når det nye kort- og kortterminaldesignet krever at brukeren setter fra seg kortet i butikken, ber man nærmest om at det skal bli glemt igjen. Derfor må vi for slike brukssituasjoner <strong>designe som om vi var glemske, nærmest kognitivt utviklingshemmede</strong>.</p>
<p><span id="more-737"></span></p>
<p><a href="http://www.trondheimparkering.no/">Parkeringsautomatene i Trondheim</a> er allerede designet for glemske folk. Med kuppelformet ”tak” er det umulig å legge igjen bilnøkler, mobiltelefon eller lommebok oppå automaten. Dessuten, bruker man kort som betalingsmiddel så stikker man inn og tar ut kortet FØR man velter parkeringslengde. Sjansen for gjenglemt kort eller nøkler er sterkt redusert.</p>
<p>De &#8220;gamle&#8221; kortterminaler der man drar kortet gjennom en kortleser er nesten designet for kognitivt utviklingshemmede. Bortsett fra at det finnes 4 mulige kombinasjoner man kan dra kortet gjennom leseren på, noe som svært ofte skaper små feilsituasjoner, så er risikoen for å glemme igjen kortet ganske liten fordi designet nærmest krever at brukeren drar med seg kortet.</p>
<p><a href="http://ikea.no">IKEA</a> forteller at de løste problemet med de nye betalingsterminalene med et lydsignal når kortet hadde stått for lenge i kortleseren. Det førte til litt nedgang i antall gjenglemte kort. Men kilden til problemet er fortsatt ikke borte: brukeren setter fra seg kortet og løper i fra det.</p>
<p>Med stor fare for å komme med en løsning som ikke er teknisk gjennomførbar: En løsning som kan redusere antall gjenglemte kort og som ikke krever nye kort eller nye terminaler, er å kreve at brukeren tar med seg kortet før hun taster koden. Kortet er altså tilbake i hånden til brukeren før betalingen er gjennomført.</p>
<p>Teoretisk skal det være sikrere med chip, men det er forskjell på sikkerhet i teori og praksis. Hvis folk langt oftere glemmer igjen kortet sitt hele tiden er man like langt. Jeg tviler dessuten på at det nye kortterminaldesignet ble testet i realistiske omgivelser før utrulling. I rolige omgivelser i testlaboratoriet var det sikkert ingen som glemte igjen kortet. I støyende og stressende omgivelser der brukeren har det travelt er situasjonen en helt annen.</p>
<p>Har du eksempler på andre hverdagsting som burde ha vært designet for kognitivt utviklingshemmede, altså helt vanlige folk i stressede situasjoner?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2009/design-som-om-vi-var-kognitivt-utviklingshemmede/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Flybussen er ikke fremme på nett</title>
		<link>http://www.brukskvalitet.no/2009/flybussen-er-ikke-fremme-pa-nett/</link>
		<comments>http://www.brukskvalitet.no/2009/flybussen-er-ikke-fremme-pa-nett/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 10:56:47 +0000</pubDate>
		<dc:creator>Jon Gunnar Wold</dc:creator>
				<category><![CDATA[Teknikker]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[brukertesting]]></category>
		<category><![CDATA[brukervennlighet]]></category>
		<category><![CDATA[brukervennlighetsproblemer]]></category>
		<category><![CDATA[Flybussen]]></category>
		<category><![CDATA[merkevarebygging]]></category>
		<category><![CDATA[navngiving]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=688</guid>
		<description><![CDATA[Her sitter jeg og skal bestille reise tur/retur Bergen med fly.  Til og fra flyplassen velger jeg det miljøvennlige og nyttige alternativet flybuss &#8211; men splitte mine bramseil for en brukervennlighet! Med bruk av www.flybussen.no får gamle Wold en opplevelse verdig en bloggpost her på brukskvalitet. Flybussen.no tilbyr både elendig innhold, visuell støy og djevelinteraksjon [...]]]></description>
			<content:encoded><![CDATA[<p>Her sitter jeg og skal bestille reise tur/retur Bergen med fly.  Til og fra flyplassen velger jeg det miljøvennlige og nyttige alternativet flybuss &#8211; men splitte mine bramseil for en brukervennlighet! Med bruk av <a href="http://www.flybussen.no">www.flybussen.no</a> får gamle Wold en opplevelse verdig en bloggpost her på brukskvalitet. Flybussen.no tilbyr både elendig innhold, visuell støy og djevelinteraksjon -et usabilitykinderegg fra helvete.<span id="more-688"></span></p>
<p>På Flybussen sine sider blir jeg møtt av blide ansikter-  hele 10 tilsammen og mange er animerte. Søkefeltet som drukner i dette visuellet orgiet av ansikter er også et syn for seg. Under de 10px store dropdown-kontrollene finnes en vannrett gradestokk av enorme dimensjoner. Er det 11 grader kvikksølvet viser?<br />
<img class="alignnone size-medium wp-image-689" title="flybussen_1" src="http://www.brukskvalitet.no/wp-content/uploads/2009/02/flybussen_1-400x232.jpg" alt="flybussen_1" width="400" height="232" /><br />
Nei, det er en slider for å velge klokkeslett. Og hvor er søkeknappen? Så grundig som dette er det sjelden jeg står fast på noe nettsted. Jeg VET at det går en buss til og fra Sonsveien, men Son er ikke noe sted å finne. Så i dette skjemaet velger jeg som følger:<br />
<img class="alignnone size-medium wp-image-690" title="flybussen_2" src="http://www.brukskvalitet.no/wp-content/uploads/2009/02/flybussen_2-400x358.jpg" alt="flybussen_2" width="400" height="358" /><br />
Se så. Der kom det et resultat, det bare skled ned fra den hengepuppen som tidligere ble vist under gradestokken. I listen vises alle ruter på valgte tidspunkt (ca 16 grader) fra Gardermoen &#8211; til gardermoen, med reisetid på 0 minutter. Fantastisk! Dropdown-kontrollen &#8220;til flyplass&#8221; lar deg i steden velge &#8220;fra flyplass&#8221;. Det gjorde jeg, i den tro at jeg fikk se avganger fra Gardermoen når det var ca. 16 grader. Den gang ei, da fikk jeg samme resultat en gang til. Stedslisten viser bare de store byene så jeg har nå forstått av flybussen.no er en merkevare som ikke favner alle busser som går fra Gardermoen. Litt googling avslører at det er Flybussekspressen som går til Son. Men nå er jeg nysgjerrig på hva slags tilbud flybussen.no har og leter videre for å se hva mer flybussen.no har å tilby.</p>
<p><strong>Du kommer hvertfall ikke frem med flybussen.no</strong><br />
Du er ikke fremme før du er fremme, <a href="http://www.flybussen.no/index.asp?menuid=2135">skryter de på sine nettsider</a>. Denne noe kryptiske påstand underbygges av deres nye nettløsning, lansert 29. september i fjor <a href="http://www.flybussen.no/index.asp?menuid=2137&amp;dokid=5929">iflg</a>. nevnte nettside. Siden som informerer om lanseringen nevner bl.a.:</p>
<blockquote><p><em>&#8220;Hurtigsøket gir deg anledning til å finne rutetider for Flybussen med noen få tastetrykk&#8221;</em></p></blockquote>
<p>Hva slags hurtighet de har målt det til vites ikke, erfaring fra brukertester viser at dropdown-kontrollere er notorisk vanskelige å bruke og dersom du måler antall klikk, så er de noe av det mest klikk-krevende jeg vet om. Dessuten foregår hurtigsøket HELT uten tastetrykk.</p>
<blockquote><p><em>&#8220;Sist men ikke minst, har du også mulighet til å bruke vår karttjeneste. Denne finner du øverst til høyre på hver enkelt avdeling sin underside. Dersom du skal på et møte kan du skrive inn adressen, så vil vi vise deg hvilke holdeplasser som er nærmest. Du kan også planlegge hvilken bussavgang du skal benytte med kartløsningen&#8221;</em></p></blockquote>
<p>Dette høres nyttig ut. Men si meg en ting,  hvor er &#8220;øverst til høyre på hver enkelt avdeling sin underside&#8221; om jeg tør spørre? Jeg ser et grønt kart på forsiden, det kalles &#8220;detaljert søk&#8221; og gjør følgende: Du kan velge et sted, og deretter får du det samme skjema som for hurtigsøk, men da kun for det stedet du valgte i kartet.</p>
<p><strong>Er det pinlig nok, eller skal jeg fortsette?</strong><br />
Jeg kunne latt godt nok få være godt nok og slippe flybussen.no ut av gapestokken. Jeg er tross alt ikke ond, så jeg kunne vendt det andre kinnet til som vanlig. Men det var helt til jeg klikket på en link og oppdaget at den åpnet samme side, men da inne i et frameset:</p>
<p><img class="alignnone size-medium wp-image-692" title="flybussen_3" src="http://www.brukskvalitet.no/wp-content/uploads/2009/02/flybussen_3-400x250.jpg" alt="flybussen_3" width="400" height="250" /></p>
<p>Det var dråpen. Nå er det fengselsregler som gjelder. Flybussen, kjære snille Flybussen, fortell meg hvorfor dere lar meg oppleve alt dette, i 2009:</p>
<p><strong>Tomme sider</strong><br />
Menyvalget &#8220;Flybussene i Norge&#8221; inneholder kun et gigantisk banner med reklame for Flybussen, med teksten &#8220;Du er ikke fremme før du er fremme&#8221;</p>
<p><strong>Elendig informasjonsarkitektur</strong><br />
&#8220;Kontakt&#8221; og &#8220;selskapene&#8221; i hovedmenyen er samme ting, men splittet opp og ikke linket mellom hverandre. Det finnes også en tredje side som heter &#8220;kontaktinfo&#8221;. Se om du klarer å finne den, den har nemlig et annet innhold&#8230;</p>
<p><strong>STORE BOKSTAVER og floskler</strong><br />
I venstremenyen, som jeg ikke helt har forstått hvor og når dukker opp, BRUKES UTELUKKENDE STORE BOKSTAVER. Se f.eks. menyvalget &#8220;BEFORDRINGSVEDTEKTER&#8221; som ikke har noe innhold, men som henviser til et sted (ikke linket) hvor disse kan leses.</p>
<p>Under menypunktet &#8220;VELKOMMEN TIL VÅRE NYE NETTSIDER&#8221; finner man enda mer informasjon om de tidligere omtalte &#8220;web sidene&#8221; (overlagt ord delings feil, red. anm)</p>
<blockquote><p><em>SAS Flybussen har sammen med flybusser i 14 norske byer etablert nye nettsider. Dette for at du som kunde skal oppleve våre sider som mer brukervennlig og informative.</em></p></blockquote>
<p>Nei kjære dere, men jeg finner det hele svært interessant rent faglig&#8230; Tanken er god, men akk så brukerfiendtlig gjennomførst. Her er det de beste intensjoner om å skape gode opplevelser, de er til og med uttalt på nettstedet &#8211; Brukervennlige og informative skal de være. Så hva med å la brukerne medvirke neste gang? Se for <a href="http://www.brukskvalitet.no/2009/slik-skaper-du-en-god-brukeropplevelse/">øvrig mine 10 bud for gode brukeropplevelser.</a></p>
<p><strong>Døde linker</strong><br />
Sist, men ikke minst: under &#8220;KJØP BUSSBILLETTEN PÅ NETT&#8221; kan man klikke på linken &#8220;Klikk her for kjøp&#8221; og få følgende beskjed:</p>
<blockquote><p><em>&#8220;Siden er ute av drift.<br />
Billetter kan kjøpes på bussen.&#8221;</em></p></blockquote>
<p>Og med det får flybussen i Oslo siste ord i denne omgang. <em><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2009/flybussen-er-ikke-fremme-pa-nett/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Bank bytt bank bytt bankbytte</title>
		<link>http://www.brukskvalitet.no/2009/bank-bytt-bank-bytt-bankbytte/</link>
		<comments>http://www.brukskvalitet.no/2009/bank-bytt-bank-bytt-bankbytte/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 12:24:00 +0000</pubDate>
		<dc:creator>Jon Gunnar Wold</dc:creator>
				<category><![CDATA[Visuell design]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[navigasjon]]></category>
		<category><![CDATA[navngiving]]></category>
		<category><![CDATA[skriftstørrelse]]></category>
		<category><![CDATA[tilgjengelighet]]></category>
		<category><![CDATA[visuelt hierarki]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=641</guid>
		<description><![CDATA[Det er med glede jeg leser på dinside.no og Digi.no at finansportalen.no tilbyr å forenkle prosessen med å bytte bank eller orientere seg i markedet for banktjenester.  Det offentlige hjelper Ola og Kari forbruker å få presset rente og gebyrer. Det høres ut som en god plan men dessverre må en rekke brukervennlighetshindre passeres på [...]]]></description>
			<content:encoded><![CDATA[<p>Det er med glede jeg leser på <a href="http://dinside.no/802448/ikke-noe-familieselskap">dinside.no</a> og <a href="http://www.digi.no/php/art.php?id=802452">Digi.no</a> at finansportalen.no tilbyr å forenkle prosessen med å bytte bank eller orientere seg i markedet for banktjenester.  Det offentlige hjelper Ola og Kari forbruker å få presset rente og gebyrer. Det høres ut som en god plan men dessverre må en rekke brukervennlighetshindre passeres på veien. Det begynte med at jeg skulle endre skriftstørrelse også ballet det på seg. Og da klarer ikke Wold å sitte på henda: Dette er feil med finansportalen.no: <span id="more-641"></span></p>
<div id="attachment_643" class="wp-caption alignnone" style="width: 310px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/skjermdump.png"><img class="size-medium wp-image-643" title="skjermdump" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/skjermdump-300x188.png" alt="Finansportalen.no " width="300" height="188" /></a><p class="wp-caption-text">Finansportalen.no </p></div>
<p><strong> 1. Endre skriftstørrelse gjør ikke som forventet</strong><br />
Jeg er ikke svaksynt, men jeg har en bitteliten PC. Det første som slår meg er at jeg har et behov for større skrift, og klikker på &#8220;endre skriftstørrelse&#8221; på toppen av siden. Overraskelsen er stor når jeg blir forflyttet til forsiden og klikker gjentatte ganger før jeg innser at utviklerne ikke har sett for seg det scenario at <em>jeg ikke står på forsiden når jeg skal endre skriftstørrelse</em>. Jeg gikk tross alt inn via en link på et annet nettsted og det må være vanskelig å se for seg at noen gjør, eller?<br />
Løsning: Det finnes design patterns for endring av skriftstørrelse. Bruk dem.</p>
<p><strong>2. Tekststøy og dobbel navigasjon forstyrrer meg</strong><br />
Som overskriften sier, så gjentas ordene &#8220;bytt&#8221; og &#8220;bank&#8221; til det ekstreme.  Brødsmulestien på toppen av siden forteller meg at jeg befinner meg på &#8220;Bank&#8221;, og &#8211; er det mulig &#8211; at jeg kan bytte bank under &#8220;bytt bank&#8221; siden.</p>
<div id="attachment_644" class="wp-caption alignnone" style="width: 310px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/bytt-bank.png"><img class="size-medium wp-image-644" title="bytt-bank" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/bytt-bank-300x287.png" alt="Bytt bank bytt bank bytt bank. Bankbytte?" width="300" height="287" /></a><p class="wp-caption-text">Bytt bank bytt bank bytt bank. Bankbytte?</p></div>
<p>For å gjøre vondt verre finnes det flere linker til nøyaktig samme side.  Navigasjonen dobles og tredobles dersom man regner med brødsmulestien. En hløsning bør være å fjerne hierarkiet i venstremenyen slik at navigasjonen ligger i hovedsiden eller omvendt, en av dem er unødvendig. Den som lager det vet at linkene er like men vi som bruker det for første gang kan ikke vite det.</p>
<div id="attachment_645" class="wp-caption alignnone" style="width: 310px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/dobbel-navigasjon.png"><img class="size-medium wp-image-645" title="dobbel-navigasjon" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/dobbel-navigasjon-300x263.png" alt="Dobbel navigasjon" width="300" height="263" /></a><p class="wp-caption-text">Dobbel navigasjon</p></div>
<p>Løsning: Bruk <a href="http://www.sensible.com/">Steve Krug&#8217;s</a> formel for webtekster: Omit <span style="text-decoration: line-through;">needless</span> words. Skriv det du vil si, kutt halvparten og kutt deretter halvparten igjen. Da har du passe lang tekst.</p>
<p><strong>3. Tilgjengelighet via &#8220;leseweb&#8221; er ufin mot meg</strong><br />
Det er prisverdig å ha en funksjon som leser opp innholdet på siden men den glemmer å nevne at bruker først må markere det som skal leses opp, og deretter trykke &#8220;play&#8221;. Og når jeg ikke vet det så svarer den med å rope DET ER IKKE MARKERT NOEN TEKST! i et prompt. Å unnskyld kjære system, jeg prøvde bare å bytte bank bank bytte bankbytte, jeg skal aldri gjøre det mer.</p>
<div id="attachment_646" class="wp-caption alignnone" style="width: 310px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/leseweb.png"><img class="size-medium wp-image-646" title="leseweb" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/leseweb-300x172.png" alt="Leseweb for svaksynte" width="300" height="172" /></a><p class="wp-caption-text">Leseweb for svaksynte er slem</p></div>
<p>Under innstillinger finner jeg også begrepsforvirring, &#8220;Min linekapasitet&#8221; tolket jeg i all min dårskap til å være hvor mange linjer jeg ville høre på om gangen, eller &#8220;takk for at du spør men linjeavstander var helt grei, det er ikke derfor jeg vil ha teksten lest opp&#8221;.  Jeg gjør meg litt dum nå men linjekapasitet er et ord vi sjelden benytter.</p>
<div id="attachment_647" class="wp-caption alignnone" style="width: 168px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/min-linjekapasitet.png"><img class="size-full wp-image-647" title="min-linjekapasitet" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/min-linjekapasitet.png" alt="Min linjekapasitet" width="158" height="166" /></a><p class="wp-caption-text">Min linjekapasitet</p></div>
<p>Løsning: Bruk kjente begreper.</p>
<p><strong>4.Mistenkelig interaksjon for veiledning og manglende hjelp når jeg trenger det<br />
</strong></p>
<div id="attachment_648" class="wp-caption alignnone" style="width: 208px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/ord-begreper.png"><img class="size-medium wp-image-648" title="ord-begreper" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/ord-begreper-198x300.png" alt="ORD OG BEGREPER" width="198" height="300" /></a><p class="wp-caption-text">&quot;ORD OG BEGREPER&quot;</p></div>
<p>En slik har jeg aldri sett før, men når man plasserer en stor blå klump på siden på denne måten kan man ikke unngå å legge merke til den. Visuelt sett er denne spøkelseskladden svært viktig på siden så en nysgjerrigper som meg må undersøke hva den gjør. Hele alfabetet er representert, det er da noe.  Her kan man klikke på bokstaven, for å se hva kryptiske faguttrykk som Kasko, Kredittkort og Kontofon betyr. Men hva skal jeg med det? Må jeg lese om det før jeg bytter bank med bankbytte? Nei, men den store blå boksen rakk å avlede meg fra min oppgave med å bytte bank med bankbytte før jeg innså at den ikke var til noen hjelp &#8211; nå i hvertfall. Men den inneholder også veivisere, hele sider fulle av tekst som avskrekker meg. En av dem kan fortelle om hvordan jeg &#8220;sender en henvendelse til en ny bank gjennom bytt bank&#8221; &#8211; dersom jeg skal bytte bank, naturlig nok.</p>
<p>Nysgjerrigheten fører meg videre &#8211; hvor opptrer egentlig alle disse ordene som de som har laget finansportalen tror at brukerne behøver hjelp til?</p>
<div id="attachment_649" class="wp-caption alignnone" style="width: 310px"><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/01/hjelp-borte.png"><img class="size-medium wp-image-649" title="hjelp-borte" src="http://www.brukskvalitet.no/wp-content/uploads/2009/01/hjelp-borte-300x171.png" alt="Hvor er hjelpen når du trenger den?" width="300" height="171" /></a><p class="wp-caption-text">Hvor er hjelpen når du trenger den?</p></div>
<p>Aha! I skjemaet for å bytte bank (!) skjuler det seg en skog av bankbegreper. Her fråtser vi i Fastrente, rentetak, mellomfinansiering osv. Men når nøden er som størst, finnes ingen hjelp å få.</p>
<p>Løsning: Unngå svære hjelpeklumper som denne. Sørg for relevant kontekstuell hjelp, som f.eks. på skjema (helt ned på felt-nivå). En sentral inngang til hjelp må også åpne i et eget vindu. Da kan brukerne skrive det ut, ha det åpent mens de jobber med et skjema og du slipper å klikke back 7-8 ganger bare for å finne ut at nettleseren ikke gidder å post&#8217;e data på nytt slik at du mister innholdet i skjemaet ditt.</p>
<p><strong>Verden er urettferdig</strong></p>
<p>Det er selvsagt urettferdig av meg å henge ut en enkelt nettside på denne måten. Men verden er urettferdig. Mange nettsider begår slike synder. Jeg ser det hver dag:  Bittesmå avvik fra etablerte design patterns.  Å vasse gjennom en urskog av tekst for å komme til poenget. Ufin oppførsel. Sære begreper og fagguttrykk. Så kanskje ved å statuere et eksempel i ny og ne vil jeg kunne inspirere noen til å gjøre noe med det.</p>
<p>Bytt gjerne bank med <a href="http://www.finansportalen.no/Bank/Bytt+bank">bankbytte på finansportalen.no</a>. Tross alt er det en flott tjeneste.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2009/bank-bytt-bank-bytt-bankbytte/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Rotete rutetabeller i Trondheim</title>
		<link>http://www.brukskvalitet.no/2008/rotete-rutetabeller-i-trondheim/</link>
		<comments>http://www.brukskvalitet.no/2008/rotete-rutetabeller-i-trondheim/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 14:16:38 +0000</pubDate>
		<dc:creator>Ole Andreas Alsos</dc:creator>
				<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[buss]]></category>
		<category><![CDATA[rutekart]]></category>
		<category><![CDATA[team trafikk]]></category>
		<category><![CDATA[trondheim]]></category>

		<guid isPermaLink="false">http://brukskvalitet.wordpress.com/?p=509</guid>
		<description><![CDATA[I anledning Verdens brukervennlighetsdag 2008, der årets tema er transport, ønsker vi å sette fokus på problemer med dagens offentlige transport. I Trondheim har innbyggerne i årevis levd med rutetabeller som ikke er brukervennlige. De har stort forbedringspotensiale på mange områder, men det største problemet er at du må selv regne ut når bussen din [...]]]></description>
			<content:encoded><![CDATA[<p>I anledning <a href="http://www.worldusabilityday.org/">Verdens brukervennlighetsdag 2008</a>, der årets tema er transport, ønsker vi å sette fokus på problemer med dagens offentlige transport.</p>
<p>I Trondheim har innbyggerne i årevis levd med rutetabeller som ikke er brukervennlige. De har stort forbedringspotensiale på mange områder, men det største problemet er at <strong>du må selv <em>regne ut</em> når bussen din kommer. </strong>Det er ikke alltid like lett hvis man er stressa, sliten eller svak i hoderegning<strong>.</strong> Du risikerer dermed at bussen din har passert før du har regnet ut når den kommer.</p>
<p>Under ser du en typisk rutetabell til <a href="http://team-trafikk.no">busselskapet </a>som opererer i Trondheim. Den består av tre deler. Øverst finner du rutenavn og rutenummer. I midten ser du selve rutetabellen. Nederst vises et slags rutekart.</p>
<p><img class="size-full wp-image-512 alignnone" title="rutekarttrondheim" src="/wp-content/uploads/2008/11/rutekarttrondheim.jpg" alt="Rutetabellene i Trondheim krever at du selv regner ut når bussen din kommer" width="450" height="319" /></p>
<p><span id="more-509"></span><img class="size-full wp-image-513 alignright" style="margin: 0pt 10px;" title="detalj1" src="/wp-content/uploads/2008/11/detalj1.jpg" alt="detalj1" width="309" height="176" />Rutetabellen i midten viser det man skulle tro var avgangstider fra bussholdeplassen du befinner deg på. Hvis du befinner deg på Heimdal Sentrum kl 0952 en onsdags morgen, så ville du sannsynligvis trodd at bussen din er ventet om 3 minutter.</p>
<p>Men rutetabellen er ikke <em>så </em>enkel. For å finne ut når bussen din går må du lese videre i rutetabellen. Under tabellen vises et rutekart med nummererte stasjoner. Dette nummeret må du <em>plusse sammen</em> med tallet fra rutetabellen.</p>
<p><img class="alignnone size-full wp-image-514" title="detalj2" src="/wp-content/uploads/2008/11/detalj2.jpg" alt="detalj2" width="450" height="198" /></p>
<p>Det vil si, befinner du deg i Heimdal Sentrum må du gjøre en rask hoderegning og legge til 17 minutter til oppsatte avgangstid. Det betyr at bussen som du kanskje trodde kom til din holdeplass om 3 minutter <em>egentlig</em> går fra Munkegata M2 om 3 minutter og kommer til din stasjon først <em>om </em>20 minutter. Etter en ny, litt mer krevende hoderegning finner du ut at den ankommer om 55 + 17 = 72 minutter. 72 modulo 60 = 12 minutter over neste time, altså 1012.</p>
<p>Da kanskje du rekker bussen før? Du gjør en ny hoderegning med tidspunkte før i tabellen: (35 + 17) modulo 60 = 52 minutter over denne timen, altså 0952. Men før du har rukket å regne ut dette er klokken blitt 0953 og du ser akkurat skyggen av bussen din passere i øyekroken mens du står bøyd over rutetabellen i busskuret&#8230;</p>
<p>Utregningen blir enda mer komplisert om du skal reise fra Heimdalsveien en lørdags morgen. Bussen som er merket med A, og det betyr at bussen tar en annen rute enn standardruten. Da må du først beregne hvor lang tid ekstraturen tar (22 minutter), trekke fra hvor lang standardturen til de møtes tar (17 minutter), legge til resultatet (5 minutter) til passeringstidspunktet etter Munkegata M2 (18 minutter). Da vet du når bussen passerer (23 minutt etter Munkegata M2) og du kan beregne deg til at bussen passerer 0753. Du bør ha god tid eller være lynrask i hoderegning for å finne svaret.</p>
<p>Hvis flere av busselskapets ruter passerer bussholdeplassen du står på blir situasjonen enda mer komplisert. Du må da gjøre gjøre beregningen for hver av rutene for å finne ut når neste buss går.<strong> Hvis du er stresset, sliten eller er svak i hoderegning kan du bare glemme å finne ut når bussen går.</strong></p>
<p>Når vi skriver 2008 forventer i hverfall jeg at det skal være langt enklere. Løsningen er jo selvfølgelig spesiallagde rutekart for hvert busstopp. Årsaken til at busselskapet ikke allerede har gjort det er sannsynligvis økonomi. De tror kanskje at det koster mer å lage rutetabeller som er spesialtrykt for hver enkelt busstopp? Men busselskapet kan godt droppe de fancy rutetabellene og skaffe seg et enkelt dataprogram eller regneark som gjør utregningene en gang for alle. Med en portabel printer i servicebilene kan man enkelt få rett rute på rett plass. <strong>Så slipper vi reisende å løse mattenøtter hver eneste gang vi tar bussen.</strong></p>
<p>Hva er deres meninger om rutekartene i Trondheim?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2008/rotete-rutetabeller-i-trondheim/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Dobbel scrollbar</title>
		<link>http://www.brukskvalitet.no/2008/dobbel-scrollbar/</link>
		<comments>http://www.brukskvalitet.no/2008/dobbel-scrollbar/#comments</comments>
		<pubDate>Thu, 28 Aug 2008 09:33:18 +0000</pubDate>
		<dc:creator>Jon Gunnar Wold</dc:creator>
				<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[SAS]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[skjermstørrelse]]></category>

		<guid isPermaLink="false">http://brukskvalitet.wordpress.com/?p=148</guid>
		<description><![CDATA[SAS er blitt flinke &#8211; veldig flinke. Å sjekke inn på nettet, med god hjelp fra &#8220;Eva&#8221; som kunne fortelle alt om hvor stor håndbaggasje man kunne ha er blitt en fryd. Helt til seteplasseringen. Med min lille PC (størrelsen betyr ikke noe&#8230;) er oversikten over flyseter for lang til at jeg ser alt, så [...]]]></description>
			<content:encoded><![CDATA[<p>SAS er blitt flinke &#8211; veldig flinke. Å sjekke inn på nettet, med god hjelp fra &#8220;Eva&#8221; som kunne fortelle alt om hvor stor håndbaggasje man kunne ha er blitt en fryd. Helt til seteplasseringen. Med min lille PC (størrelsen betyr ikke noe&#8230;)  er oversikten over flyseter for lang til at jeg ser alt, så jeg scroller febrilsk etter &#8220;Confirm seating&#8221; knappen for å komme videre. Men akk! Den er ikke der. Eller er den det?<br />
<span id="more-148"></span><br />
<div id="attachment_151" class="wp-caption alignnone" style="width: 470px"><img src="/wp-content/uploads/2008/08/sas_3.jpg" alt="Setebestilling på SAS.no" width="460" height="377" class="size-full wp-image-151" /><p class="wp-caption-text">Setebestilling på SAS.no</p></div><br />
Neida, det er jeg som ikke ser at det er hele to scrollbars, og jeg har bare dratt i den ene som gjelder iframe&#8217;n med seteoversikten. Den andre, som skjulte de to knappene overså jeg fullstendig. Pass på SAS &#8211; legg heller flyet på siden. Da vil knappene alltid være synlige. Husk at skjermene til folk vokser i bredden og ikke i høyden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2008/dobbel-scrollbar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rader eller kolonner? Design av søkeresultat</title>
		<link>http://www.brukskvalitet.no/2008/rader-eller-kolonner-design-av-s%c3%b8keresultat/</link>
		<comments>http://www.brukskvalitet.no/2008/rader-eller-kolonner-design-av-s%c3%b8keresultat/#comments</comments>
		<pubDate>Mon, 25 Aug 2008 11:30:40 +0000</pubDate>
		<dc:creator>Jon Gunnar Wold</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[Visuell design]]></category>
		<category><![CDATA[brukervennlighetsbommert]]></category>
		<category><![CDATA[kolonner]]></category>
		<category><![CDATA[rader]]></category>
		<category><![CDATA[resultatliste]]></category>
		<category><![CDATA[søkeresultat]]></category>
		<category><![CDATA[tabeller]]></category>

		<guid isPermaLink="false">http://brukskvalitet.wordpress.com/?p=193</guid>
		<description><![CDATA[Dette heispanelet er ubrukelig. Det er et tydelig eksempel på feilslått visuell organisering som er noe av det som syndes svært ofte mot i applikasjoner og på internett. Men hva er løsningen? Les videre for å se hvordan du kan presentere innholdet i dine søkeresultater for at de skal være enkle og oversiktlige. Legg merke [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_194" class="wp-caption alignnone" style="width: 490px"><img src="/wp-content/uploads/2008/08/dsc00159.jpg?w=480" alt="Rader eller kolonner? Bilde av kontrollpanelet til en heis" width="480" height="360" class="size-large wp-image-194" /><p class="wp-caption-text">Rader eller kolonner? Bilde av kontrollpanelet til en heis</p></div><br />
Dette heispanelet er ubrukelig. Det er et tydelig eksempel på feilslått visuell organisering som er noe av det som syndes svært ofte mot i applikasjoner og på internett. Men hva er løsningen? Les videre for å se hvordan du kan presentere innholdet i dine søkeresultater for at de skal være enkle og oversiktlige.</p>
<p><span id="more-193"></span></p>
<p><div id="attachment_211" class="wp-caption alignnone" style="width: 489px"><img src="/wp-content/uploads/2008/08/heis_rader.gif" alt="Heisknappene ser ut til å være gruppert i rader" width="479" height="360" class="size-full wp-image-211" /><p class="wp-caption-text">Heisknappene ser ut til å være gruppert i rader</p></div><br />
Legg merke til grupperingen av knapper i heispanelet. Hvis du ignorerer teksten (ved å f.eks. myse på bildet) ser du at de er tydelig organisert i tre rader. Men når vi tar for oss hvilke etasjer de ulike knappene faktisk tar deg til, ser du at rekkefølgen er fire kolonner. &#8220;Start&#8221; er øverst til venstre, der finner vi de to kjeller-etasjene. Så går vi nedover (!) for å komme oppover i etasjene, og det fortsetter på 1b i toppen av 2. kolonne. For å gjøre forvirringen total finnes det en &#8220;2b&#8221; ved siden av &#8220;1&#8243;. Dette gjør lesing av dette panelet forvirrende for mange.</p>
<p><div id="attachment_212" class="wp-caption alignnone" style="width: 489px"><img src="/wp-content/uploads/2008/08/heis_kolonner.gif" alt="Den faktiske grupperingen er slik" width="479" height="360" class="size-full wp-image-212" /><p class="wp-caption-text">Den faktiske grupperingen er slik</p></div>
<p>Om vi oppfatter ting som rader eller kolonner kommer an på mange faktorer. Se f.eks. her: <div id="attachment_196" class="wp-caption alignnone" style="width: 410px"><img src="/wp-content/uploads/2008/08/rad_eller_kolonne.gif" alt="Rader eller kolonner?" width="400" height="234" class="size-full wp-image-196" /><p class="wp-caption-text">Rader eller kolonner?</p></div><br />
Bildet viser tre rader og tre kolonner. De med fargesyn kan se begge deler, mens f.eks. fargeblinde ville kanskje sett tre kolonner? Trekantenes plassering antyder at det er kolonner, mens fargen antyder rader.</p>
<p>Her blir det tydeligere. De fleste vil oppfatte bildet under som tre kolonner: <div id="attachment_196" class="wp-caption alignnone" style="width: 410px"><br />
<img src="/wp-content/uploads/2008/08/rad_eller_kolonne2.gif" alt="" width="400" height="234" class="alignnone size-full wp-image-197" /><p class="wp-caption-text">Rader eller kolonner?</p></div></p>
<p>Her antyder plasseringen rader: <div id="attachment_198" class="wp-caption alignnone" style="width: 410px"><img src="/wp-content/uploads/2008/08/rad_eller_kolonne3.gif" alt="Rader eller kolonner?" width="400" height="234" class="size-full wp-image-198" /><p class="wp-caption-text">Rader eller kolonner?</p></div><br />
Men det kommer an på øyet som ser: Er det fargen eller plasseringen som er det sterkeste visuelle virkemidlet?</p>
<p>Eksempler fra den virkelige verden ser man oftest i presentasjon av søkeresultater. Mange designere tegner én rad i en liste og utviklerne lager en iterasjon som presenterer resultatet for brukeren. Ta ikke slike lettvinte løsninger! Når man presenterer søkeresultater i tabellform må man se på dataene. Hva er sammenlignbart? Hvordan fasilitere at brukeren kan scanne listen for å få oversikt? Svaret finner du ved å sette deg inn i de visuelle virkemidlene for å presentere innholdet i lister, ta hensyn til rader og kolonner og lag brukerscenarier som kan gi deg tips om hvordan brukerne vil lese innholdet. Tips: De vil IKKE lese én og én rad i din liste eller tabell.</p>
<div id="attachment_199" class="wp-caption alignnone" style="width: 410px"><img src="/wp-content/uploads/2008/08/komplett_liste.gif" alt="Søkeresultat fra komplett.no" width="400" height="152" class="size-full wp-image-199" /><p class="wp-caption-text">Søkeresultat fra komplett.no</p></div> I dette eksempelet fra <a href="http://www.komplett.no/k/search.aspx?q=Asus+Eee">Komplett.no</a> ser vi at dataene er presentert i rader, men at innholdet er stilt opp slik at brukeren kan scanne pris-kolonnen og sammenligne. I tillegg har bilder og tekst samme marg som gjør det lett å lese produktnavnene. Fin bruk av ulike skrifttyper (fet, blå tekst) skaper kontrast og gir et effektivt <a href="http://www.lukew.com/resources/articles/PageHierarchy_LukeW_06232008.pdf">visuelt hierarki</a> på hver rad. Men det kunne vært gjort ytterligere, f.eks lagerstatus ville latt seg lett sammenligne dersom de ble presentert tydeligere som en kolonne.</p>
<p>Når man <a href="http://www.finn.no/finn/car/used/result?CAR_MAKE=749&amp;CAR_MODEL=2132">søker etter biler hos FINN</a> ser man samme metode i bruk. Resultatene presenteres som rader (1 rad= 1 bil) men for at bruker skal kunne sammenligne data ved å scanne listen er nøkkeldata presentert i tydelige kolonner. Radene fremheves med bakgrunnsfarge og nøkkeldata er uthevet med fet blå skrift. <div id="attachment_200" class="wp-caption alignnone" style="width: 410px"><img src="/wp-content/uploads/2008/08/finn_liste.gif" alt="Søkeresultat fra FINN bil" width="400" height="493" class="size-full wp-image-200" /><p class="wp-caption-text">Søkeresultat fra FINN bil</p></div>
<p>Søker man derimot etter <a href="http://search.euro.dell.com/results.aspx?s=gen&amp;c=no&amp;l=no&amp;cs=&amp;k=Inspiron&amp;cat=all&amp;x=11&amp;y=8">Dell Inspiron</a> tvinges vi til å lese én og én rad. Når data presenteres i klumper på denne måten fremstår det tydelig som rader, og vi det er umulig å scanne. <div id="attachment_202" class="wp-caption alignnone" style="width: 410px"><img src="/wp-content/uploads/2008/08/dell_inspiron.gif" alt="Dell søkeresultat" width="400" height="571" class="size-full wp-image-202" /><p class="wp-caption-text">Dell søkeresultat</p></div></p>
<p>Ser man nøye på dataene kommer det fram flere ting som kan forbedres, b.l.a. presenteres innhold fra ulike kategorier i samme liste (bærbare og stasjonære PC&#8217;er, minnebrikker m.m.) men det er også fint lite som kan sammenlignes. Om vi tar for oss det som finnes tilgjengelig kan vi i det minste presentere det slik:<br />
<img src="/wp-content/uploads/2008/08/dell_inspiron_ny.gif" alt="" width="400" height="331" class="alignnone size-full wp-image-209" /><br />
Her er det laget en delelinje som skiller bærbare fra stasjonære. I tillegg er vekt og operativsystem plassert i egen kolonne slik at de kan sammenlignes. Ved å skille beskrivelse fra tekniske detaljer gjøres hver rad enda mer lesbar og selv om de tekniske dataene ikke er direkte sammenlignbare kan avanserte brukere lett plukke ut hvor &#8220;tekstklumpen&#8221; med teknikken finnes. I tillegg har jeg fjernet de doble linkene (linken, overskriften og knappen går til samme side). Det gir oss mer plass og mindre visuell støy.</p>
<p>Jeg hører gjerne fra brukere som har gode eller mindre gode eksempler på søkeresultater. Bla. <a href="http://www.viewzi.com/">Viewzi.com</a> har laget fascinerende måter å visualisere søkeresultat på.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2008/rader-eller-kolonner-design-av-s%c3%b8keresultat/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
