<?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>Blog om webudvikling &#187; Brugervenlighed</title>
	<atom:link href="http://www.nielsgamborg.dk/wordpress/category/brugervenlighed/feed" rel="self" type="application/rss+xml" />
	<link>http://www.nielsgamborg.dk/wordpress</link>
	<description>Niels Gamborgs online notesbog</description>
	<lastBuildDate>Mon, 06 Sep 2010 12:47:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Anmeldelse af Designing the Obvious. En bog om brugervenlighed</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/anmeldelse-designing-the-obvious-bog-brugervenlighed.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/anmeldelse-designing-the-obvious-bog-brugervenlighed.htm#comments</comments>
		<pubDate>Sun, 05 Oct 2008 16:37:38 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[anmeldelse]]></category>
		<category><![CDATA[boganmeldelse]]></category>
		<category><![CDATA[litteratur]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/?p=352</guid>
		<description><![CDATA[Jeg vil lave en lidt forsinket anmeldelse af Robert Hoekman&#8217;s bog &#8220;Designing the Obvious &#8211; a common sense approach to web application design &#8220;. Bogen har fokus på brugervenlige online applikationer.  Webapplikationerne fylder meget i web 2.0 og på Internettet. Der dukker dagligt nye applikationer op på nettet, og brugervenligheden halter ofte bagefter. Derfor opfylder Hoekman&#8217;s  &#8220;Designing the Obvious&#8221; et [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Jeg vil lave en lidt forsinket anmeldelse af Robert Hoekman&#8217;s bog &#8220;Designing the Obvious &#8211; a common sense approach to web application design &#8220;. Bogen har fokus på <strong>brugervenlige online applikationer</strong>. </p>
<p>Webapplikationerne fylder meget i web 2.0 og på Internettet. Der dukker dagligt nye applikationer op på nettet, og brugervenligheden halter ofte bagefter. Derfor opfylder Hoekman&#8217;s  &#8220;Designing the Obvious&#8221; et stort behov.<span id="more-352"></span></p>
<p>Jeg har i denne anmeldelse udvalgt et par af Robert Hoekmans hovedpointer, som jeg kort vil ridse op, så du kan et danne dig overblik over bogens indhold.</p>
<h3>Kun 20% af funktionerne</h3>
<p>Et af Hoekman&#8217;s vigtigste budskaber er, at vi skal skrue ned for antallet af funktioner i vores applikationer. Brugerne benytter kun de allermest nødvendige funktioner, og hæver sig meget sjældent op til et ekspert niveau, der gør at de kan udnytte det hele. Derimod er for mange funktioner med til at forvirre den gennemsnitlige bruger, og gør altså mere skade en gavn.</p>
<p>Rådet er at alle &#8220;nice to have&#8221; funktioner bliver stillet i bero, og man koncentrerer sig om &#8220;need to have&#8221; funktionerne i den første udvikling. Når de nødvendige funktioner er færdigudviklet, vil flertallet af &#8220;nice to have&#8221; funktionerne have mistet deres tiltrækning.  Man kan nu med større overblik gennemgå, hvilke af dem der er nødvendige for en vellykket webapplikation.</p>
<p>Budskabet er langt fra nyt, men Hoekman har sin  argumentation på plads, hvilket medfører, at han taler/skriver med stor vægt.</p>
<h3>Design til de gennemsnitlige brugere</h3>
<p>Mange applikationer er designet til ekspertbrugere. Der er for mange og for indviklede funktioner. Disse er ofte designet af programmører og tekniknørder.</p>
<p>Andre applikationer er designet til begyndere. Disse er typisk designet af brugervenlighedseksperter, der er gået i den modsatte grøft.</p>
<p>Robert Hoekman argumenterer for at vi istedet <strong>designer til de gennemsnitlige brugere</strong>, da langt det største potentiale ligger her. Hvis brugerne først går igang med vores applikationer er der stor sandsynlighed for at de hurtigt bliver gennemsnitlige brugere.</p>
<p>Så istedet for at designe til begynderen, mener Hoekman, at vi skal arbejde på, at hurtigt få begynderen op på et gennemsnitligt niveau. Det skal ske ved at:</p>
<ul>
<li>tilbyde inline instruktioner inde i applikationerne. Altså ikke i form af videoer, tutorials eller wizzards, der foregår i seperate vinduer.</li>
<li>vise konkrete eksempler.  Igen inde i selve applikationen.</li>
<li>vælge gode og relevante default værdier, så brugeren slipper for at tage stilling, men kan komme hurtigt igang.</li>
</ul>
<p>Når brugeren er nået op på et gennemsnitligt niveau, skal begynder-hjælpen fjernes igen. Dels er den nu overflødig og dels vil brugeren opleve at vi taler ned til ham.</p>
<p>&#8220;Designing the Obvoius&#8221; byder på mange konkrete forslag til at løse helt konkrete problemer indenfor hele dette område.</p>
<h3>Øvrigt indhold</h3>
<p>Derudover indeholder bogen bla. afsnit om:</p>
<ul>
<li>Brugertests og brugerforståelse</li>
<li>Ensartethed og konsistens</li>
<li>Understøttelse af brugerens mentale modeller (læs Normans: &#8220;Design of everyday things&#8221; for en grundig indførsel i brug af mentale modeller i designarbejde)</li>
</ul>
<h3>Konklusion</h3>
<p>Det kan være utaknemmeligt, at skulle skrive bøger om brugervenlighed, da man naturligt nok vil holde forfatterens budskab op imod hans stil.</p>
<p>&#8220;Designing the Obvious&#8221; starter med  for meget tekst, for mange gentagelser af kendt viden og lidt for meget tomgang. Men efterhånden kommer bogen op i tempo, og byder på mange gode pointer og anderledes vinkler på brugervenlighedsarbejdet.</p>
<p>En af bogens styrker er, at den er nyere end mange af de andre bøger om usability, og har sit fokus på brugervenlige applikationer. Mange tidligere usabilitybøger har haft deres fokus på mere traditionelle hjemmesider.</p>
<p>Mange problematikker i brugervenligt webdesign og brugervenligt applikationsdesign er selvfølgelig overlappende. Men når jeg kigger på brugergrænsefladen på nogle nyere tjenester som f.eks. MySpace, Facebook, Flikcr etc kan jeg sagtens se behovet for en bog med fokus på  brugervenlige applikationer.</p>
<p>Derudover indeholder &#8220;Designing the Obvious&#8221; mange konkrete forslag til løsning af konkrete problemer, og dette er  en anden af bogens styrker.</p>
<p>Alt i alt er &#8220;Designing the Obvious&#8221;  absolut anbefalelsesværdig. Så hvis du interesserer dig for brugervenlighedsarbejde generelt eller hvis du designer online applikationer, skal bogen bare læses.</p>
<p>Desværre kommer &#8221;Designing the Obvious&#8221; ikke op på &#8220;<a title="Don't Make me Think. En anmeldelse." href="http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm">Don&#8217;t Make me Think</a>&#8221; meget høje niveau. Dertil indeholder bogen i visse afsnit for meget snik-snak.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/anmeldelse-designing-the-obvious-bog-brugervenlighed.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Brugervenlig tekst</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenlig_tekst.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenlig_tekst.htm#comments</comments>
		<pubDate>Fri, 27 Jun 2008 17:43:31 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[brugervenlig tekst]]></category>
		<category><![CDATA[læsbarhed]]></category>
		<category><![CDATA[læselighed]]></category>
		<category><![CDATA[læseværdi]]></category>
		<category><![CDATA[læsevenlig]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenlig_tekst.htm</guid>
		<description><![CDATA[Jeg giver i denne artikel en koncentreret oversigt over de vigtigste principper for læsevenlig og brugervenlig tekst. Brugervenlig tekst eller læsevenlig tekst kan overordnet opdeles i 3 begreber: Læseværdi. Er teksten værd at læse? Læsbarhed. Er teksten til at forstå? Læselighed. Er teksten fysisk til at læse? For at teksten kan karekteriseres som brugervenlig, skal den leve op til alle 3 [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Jeg giver i denne artikel en koncentreret oversigt over de vigtigste principper for læsevenlig og brugervenlig tekst.</p>
<p><strong>Brugervenlig tekst</strong> eller læsevenlig tekst kan overordnet opdeles i 3 begreber:</p>
<ul>
<li>Læseværdi. Er teksten værd at læse?</li>
<li>Læsbarhed. Er teksten til at forstå?</li>
<li>Læselighed. Er teksten fysisk til at læse?</li>
</ul>
<p>For at teksten kan karekteriseres som brugervenlig, skal den leve op til alle 3 kategorier.<span id="more-151"></span></p>
<h3>Læseværdi</h3>
<p>Den vigtigste forudsætning for brugervenlig tekst er <strong>læseværdien</strong>. Hvis det skrevne er ligegyldigt, banalt eller ikke indeholder de infomationer vi leder efter, er både læselighed og læsbarhed uden betydning.</p>
<p>Det er også selvindlysende, at læseværdien er en meget subjektiv størrelse. Men vi kan hjælpe brugeren til hurtigt at afgøre læseværdien af vores tekst:</p>
<ul>
<li>Brug beskrivende overskrifter. Så kan brugeren hurtigt danne sig et overblik over indholdet.</li>
<li>Skriv det vigtigste først. Ifølge <a title="Nyhedsbrev om brugervenlige tekster" href="http://www.useit.com/alertbox/percent-text-read.html">Jakob Nielsen</a> læser brugerne kun ca. 20-30 % af indholdet, så derfor skal vi skrive det vigtigste i starten af teksten.  Jakob Nielsen nyhedsbreve kan selv ses  som et lysende eksempel på hvordan en 2-3 linjers konklusion i starten af artiklerne, gør at brugeren lynhurtigt, kan afgøre om artiklen indeholder de informationer han leder efter.</li>
</ul>
<h3>Læsbarhed</h3>
<p><strong>Læsbarhed</strong> handler om hvorvidt vores tekst er til at forstå. Det er sværere at læse på en skærm end på papir, derfor er der en række specielle hensyn, som vi kan tage, når vi skriver brugervenlig tekst til nettet.</p>
<p>Alle undersøgelser viser, at brugeren ikke læse vores tekster. De <strong>skimmer</strong> dem. Så en brugervenlig tekst vil understøtte skimning:</p>
<ul>
<li>Fremhæv nøgleord med f.eks. Fed eller Link</li>
<li>Brug mange og beskrivende overskrifter. Det gør det lettere hurtigt at finde det, brugeren leder efter.</li>
<li>Brug forskellige niveauer i overskrifterne. Det gør det tydeligere, hvilke hovedområder de enkelte afsnit beskæftiger sig med.</li>
<li>Brug punktopstillinger. Gør det igen lettere at finde de informationer, man leder efter, da lister er hurtigere at skimme. Endvidere kan lister bryde tunge brødtekster, og få dem til at fremtræde lettere.</li>
</ul>
<p>Læsbarhed og læsevenlig tekst handler også om den måde vi <strong>formulerer</strong> os på:</p>
<ul>
<li>Skriv kort og præcist. Brug korte afsnit og korte sætninger. Dette kan du tjekke ved at <a title="Lix, lixtal og læsbarhed" href="http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm">beregne dit lixtal</a>.</li>
<li>Brug talesprog. Gør dine tekster personlige og sprogbruget hverdagsagtigt. Skriv hellere ”du” end ”man”, og skriv  hellere ”jobmuligheder” end ”beskæftigelsesprognoser”.</li>
<li>Brug aktiv form i stedet for passiv form. Passiv form har den svaghed, at den ikke fortæller, hvem der skal handle. Så skriv hellere ”Du skal aflevere bøgerne inden” end ”Bøgerne afleveres senest”.</li>
</ul>
<h3>Læselighed</h3>
<p>God <strong>læselighed</strong> bygger i vid udstrækning på <a title="Typografi og typografiske regler" href="http://nielsgamborg.dk/index.php?p=typografi">typografi</a>, og der er mange konkrete regler, vi kan følge. Her er en hurtig checkliste:</p>
<ul>
<li>Det er vigtigt at lave mange afsnit og bruge luft mellem afsnittene. Det får teksten til at virke lettere og mere venlig. Store blokke af tekster på nettet kan tage pusten fra selv gode læsere.</li>
<li>Antallet af tegn per linje bør ikke overstige 65-70 tegn, ellers bliver det for svært for øjet at finde starten på den næste linje. </li>
<li>Brug altid venstrejusterede margener på brødtekster og menuer. Det gør det lettere for øjet at finde næste linje.</li>
<li>Skriftstørrelsen afhænger af skrifttypen, men 10 pixels er et absolut minimum. Til ældre læsere anbefaler man mindst 12 pixels ved f.eks. Verdana.</li>
<li>Skrifttypen skal være egnet til skærmbrug. Traditionelt anbefaler man Sans Serif skrifter, som f.eks. Verdana. Men med bedre skærme og skrifttyper, specielt udviklet til skærmbrug, er det ikke længere en betingelse. Vi kan sagtens bruge Serif skrifter, som f.eks. Georgia til skærmen, så længe skrifterne er åbne og har en stor x-højde.</li>
</ul>
<h3>Brugervenlig tekst og søgemaskineoptimering</h3>
<p>I vores Google afhængige verden, skal vi  nok indføre endnu et begreb, når vi snakker brugervenlig tekst, nemlig <strong>synlighed</strong>. For hvad hjælper læseværdi, læsbarhed og læselighed, hvis vores tekster ikke bliver set. Og ofte vil der være konlikt mellem at formulere sig kort og naturligt, og samtidig fremhæve sine søgeord på en fornuftig måde. </p>
<p>Her findes der desværre ingen regler eller lette løsninger. Man må simpelthen bruge sin sunde fornuft, og prøve at finde en fornuftig balance mellem brugervenlig tekst og søgemaskineoptimering.</p>
<h3>Mere om læsevenlig tekst </h3>
<p>Hvis du vil vide mere om læsevenlige tekster har jeg skrevet et par artikler, der går lidt mere i dybden:</p>
<ul>
<li><a title="Lix, lixtal og læsbarhed." href="http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm">Lix, lixtal og læsbarhed</a></li>
<li><a title="Typografi" href="http://nielsgamborg.dk/index.php?p=typografi">Typografi</a></li>
<li><a title="Skrifttyper til netbrug" href="http://nielsgamborg.dk/index.php?p=typografi&amp;u=skrifttyper">Skrifttyper</a></li>
<li><a title="Brugervenligt layout" href="http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenligt_layout.htm">Brugervenligt layout</a></li>
</ul>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenlig_tekst.htm/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Brugervenligt layout. 4 principper for brugervenligt webdesign</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenligt_layout.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenligt_layout.htm#comments</comments>
		<pubDate>Mon, 23 Jun 2008 06:45:14 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[brugervenligt]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenligt_layout.htm</guid>
		<description><![CDATA[Man kan overordnet dele brugervenligt webdesign op i to områder: brugervenligt layout og brugervenlige tekster. I denne artikel fokuserer jeg på brugervenligt layout. Jeg har  jeg samlet de 4 vigtigste principper for brugervenlighed i layout og webdesign. Valget af de 4 principper er 100% subjektivt og er baseret på studier af brugervenlighedseksperter som Jakob Nielsen, Rolf Molich og Steve Krug, krydret [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Man kan overordnet dele brugervenligt webdesign op i to områder: <strong>brugervenligt layout </strong>og <a title="Brugervenlige tekster" href="http://www.nielsgamborg.dk/?p=brugervenlige_tekster">brugervenlige tekster</a>.</p>
<p>I denne artikel fokuserer jeg på brugervenligt layout. Jeg har  jeg samlet de 4 vigtigste principper for brugervenlighed i layout og webdesign. Valget af de 4 principper er 100% subjektivt og er baseret på studier af brugervenlighedseksperter som Jakob Nielsen, Rolf Molich og Steve Krug, krydret med egne erfaringer.<span id="more-149"></span></p>
<h3>4  principper for brugervenligt layout</h3>
<p>I et brugervenligt layout er det vigtigt at: </p>
<ul>
<li>Sørge for tydelige hierarkier</li>
<li>Dele siden op i tydeligt definerede områder</li>
<li>Benytte konventioner, der er opstået omkring Internettet</li>
<li>Minimére støj</li>
</ul>
<h3>Tydelige hierarkier</h3>
<p>Med et tydeligt hieraki viser vi, hvad der er vigtigt og mindre vigtigt. Det gør det lettere for brugeren at overskue siden.  Brugeren skal hverken bruge energi på at finde det væsentlige, eller på at afgøre hvad, det væsentlige  er. Han kan gå direkte i gang med at undersøge, om det vi tilbyder, er det han leder efter.</p>
<p>Et tydeligt hierarki vil gøre brugeroplevelsen bedre og mere flydende, og typisk efterlade brugeren med mere energi og fokus til de væsentlige opgaver på siden.</p>
<p>Steve Krug: ”<em>A good visual hierarchy saves us work by preprocssing the page for us, organizing and prioritizing its contents in a way that we can grap almost instantly</em>.”</p>
<p>Hierarkier skaber vi f.eks. med bevidst brug af grafiske og typografiske <a title="Kontraster i webdesign" href="http://www.nielsgamborg.dk/?p=kontrast">kontraster</a>. F.eks. <a title="Størrelseskontrast" href="http://www.nielsgamborg.dk/?p=kontrast&amp;u=formkontraster">størrelseskontrasten</a>, som er den mest åbenlyse. Men også farvekontraster er gode til at skabe hierarkier med.</p>
<p>Kun tydelige kontraster skaber tydelige hierarkier. Brug af subtile kontraster kan være gode til signalere eksklusivitet og seriøsitet, men i forhold til at skabe tydelige hierarkier i et brugervenligt webdesign, er de ikke meget bevendt.</p>
<h3>Tydeligt definerede områder</h3>
<p>En side bliver mere overskuelig, hvis siden er opdelt i flere mindre og veldefinerede områder. Inden for hvert område anbringer man så beslægtede former for information. I et brugervenligt layout skal vi opdele en sides mange elementer i 4-7 overordnede kategorier.</p>
<p> 7 er et magisk tal i menneskelig perception.  Mennesker er maksimalt i stand til at overskue 7 elementer. Hvis der optræder flere skal vi f.eks. tælle for overskue, hvor mange der er. Det vil sige, at hvis vi arbejder med områder med mere end 7 elementer er det mest brugervenligt at dele op i kategorier. Det er også derfor man anbefaler at menuer max indeholder 7 punkter.</p>
<p>Eyetracking studier viser, at brugerne meget hurtigt bestemmer hvilke sektioner på en webside, der indeholder de brugbare informationer. De øvrige områder bliver ofte ignoreret. Et godt eksempel fra vores hverdag er vores evne til at ignorere bannerreklamer i toppen af en side. Den slags ”ubevidste” valg træffer vi mange af, især hvis siden samtidig følger konventionerne.</p>
<p>Når man skal inddele websiden i tydeligt definerede områder er <a title="Gestaltlovene" href="http://www.nielsgamborg.dk/?p=gestaltlovene">gestaltlovene</a>  et godt redskab at bruge.</p>
<h3>Konventioner på nettet</h3>
<p>I det brugervenlige webdesign, er det vigtigt at benytte sig af de konventioner, der findes på nettet. Nogle af de mest udbredte konventioner er:</p>
<ul>
<li>Understreget tekst er links</li>
<li>Vandrette lister i  toppen af sitet og lodrette lister i venstre side er menuer</li>
<li>Når man klikker på logo/navn kommer man til forsiden</li>
<li>Kontaktoplysninger kan findes i footeren</li>
</ul>
<p>Der er måske ikke meget prestige for webdesignere i at følge konventionerne, da layoutet og det grafiske udtryk  kan blive opfattet som kedeligt. Det webdesigneren laver i dag, ligner det han designede i går. Og ofte har kunderne også en forventning om, at professionelle webdesignere skal levere designs, der er anderledes og iøjnefaldende.</p>
<p>Men som brugere er vi som regel glade for traditionelle løsning, da de er lette at afkode. Funktionerne er lette at finde og vi føler os generelt trygge ved et websted med få overraskelser. Den grafiske oplevelse er oftest underordnet for brugeren. Flot grafisk design kan være lækkert, men det væsentligste er, at det ikke står i vejen for brugeroplevelsen på siden. </p>
<p>Ifølge Jakob Nielsen (<a href="http://www.useit.com/alertbox/20040913.html">http://www.useit.com/alertbox/20040913.html</a>) sikrer brug af konventioner og standarder at brugerne:</p>
<ul>
<li>ved hvilke funktioner de kan forvente</li>
<li>ved hvordan disse funktoner vil se ud på grænsefladen</li>
<li>ved hvor man kan finde funktionerne på siden og på sitet</li>
<li>ved hvordan man skal bruge funktionerne for at nå sine mål</li>
<li>behøver ikke at bruge tid på at gennemskue ukendte designelementer</li>
<li>overser ikke vigtige funktioner, fordi de ikke ligner standard design elementer</li>
</ul>
<p>Disse fordele øger brugerens muligheder for at opnå deres mål med besøget. Og det giver dem en fornemmelse af at beherske hjemmesiden og øger dermed deres tilfredshed med websitet.</p>
<h3>Minimér støj</h3>
<p>Jo flere forskellige elementer, der er på siden, jo højere er risikoen for støj. Støjen kan komme fra flere typer af elementer. Det kan f.eks. dreje sig om:</p>
<ul>
<li>Grafisk støj.<br />
Undgå unødig pynt. Grafik skal have en mening.</li>
<li>Multimedie-elementer.<br />
Det kan være musik, flash eller film, der starter op uden brugeren har klikket på dem.</li>
<li>For mange informationer.<br />
Der kan simpelt være for mange informationer på for lidt plads. Hvis et website er informationstungt er det vigtig at finde nogle gode overskuelige strukturer. Hvis for meget information bliver præsenteret for brugeren på engang risikere vi, at han mister overblikket. Hvis det ikke er muligt at bortsortere informationer, er det vigtigt at opdele informationerne i kategorier (se ovenfor).</li>
<li>For mange funktioner.<br />
Undgå funktioner for funktionernes egen eller din skyld. </li>
</ul>
<p>Rolf Molich om brugervenligt webdesign: ”…<em> mine samtaler med typiske brugere viser, at brugere typisk kun udnytter 20-30 % af funktionaliteten. Resten er set fra brugerens synspunkt overflødigt – eller direkte forstyrrende for den enkle betjening og det hurtige overblik</em>.”</p>
<h3>Mere om brugervenligt layout</h3>
<p>Der findes et hav af ressourcer til mere viden om brugervenligt webdesign. Læs Steve Krugs bog: &#8220;<a title="Anmeldelse af " href="http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm">Don&#8217;t make me think</a>&#8221; eller Rolf Molichs: &#8220;Brugervenligt webdesign&#8221;.</p>
<p>Når man snakker brugervenligt webdesign slipper man selvfølgelig heller ikke uden om Jacob Nielsens <a href="http://www.useit.com/">alert box</a>.</p>
<p>Min sammenfatning om brugervenligt layout og brugervenligt webdesign stammer fra min hovedopgave om <a title="Tilgængelighed på Internettet. En rapport." href="http://www.nielsgamborg.dk/download/tilgaengelighed.pdf">Tilgængelighed på Internettet</a> (pdf 0.7 mb).</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/brugervenligt_layout.htm/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Lix, lixtal og læsbarhed.</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm#comments</comments>
		<pubDate>Fri, 23 May 2008 13:12:35 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[læsbarhed]]></category>
		<category><![CDATA[læsbarhedsindex]]></category>
		<category><![CDATA[lix]]></category>
		<category><![CDATA[lixtal]]></category>
		<category><![CDATA[lixtalberenger]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm</guid>
		<description><![CDATA[Lix står for Læsbarhedsindex. Lixtallet siger altså noget om teksts læsbarhed. Vi kender lix og lixtal fra skolen. Lærerne bruger lixtal til at angive, hvor svære bøger, eleverne skal læse. På skolebibliotekerne er bøgerne mærket med lixtal, så eleverne selv kan finde frem til bøger på et passende niveau. Lix og lixtal på nettet Men lix og [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><strong>Lix</strong> står for Læsbarhedsindex. <strong>Lixtallet</strong> siger altså noget om teksts læsbarhed.</p>
<p>Vi kender lix og lixtal fra skolen. Lærerne bruger lixtal til at angive, hvor svære bøger, eleverne skal læse. På skolebibliotekerne er bøgerne mærket med lixtal, så eleverne selv kan finde frem til bøger på et passende niveau.</p>
<h3>Lix og lixtal på nettet</h3>
<p>Men lix og lixtal kan  også bruges til at give en indikation af, hvor brugervenlige vores tekster på nettet er.<span id="more-146"></span></p>
<blockquote><p>It-og Telestyrelse skriver om Lix og Lixtal: &#8220;<em>Man kan diskutere, hvorvidt meget faglige tekster kan gøres letlæselige, men generelle ikke-faglige tekster skal altid skrives i korte klare sætninger med et lavt lixtal&#8221;.</em></p></blockquote>
<p>Et lavt lixtal giver i sig selv ingen garanti for at teksten er forståelig. Men et højt lixtal viser, at teksten er svær at læse. Så lixtal er gode til at skaffe sig et overblik over, om ens tekster er brugervenlige og læsevenlige nok. Hvis lix er for højt kan vi ved at følge nogle simple regler for <a title="Brugervenlig tekst" href="http://www.nielsgamborg.dk/?p=brugervenlige_tekster">brugervenlig tekst </a>sænke tekstens  lixtal.</p>
<h3>Formel for beregning af Lixtal</h3>
<p>Beregn dit LIX i min <a style="cursor: pointer;" onclick="window.open('http://www.nielsgamborg.dk/indhold/lixberegner.htm','LIX',' width=550, resizable=yes, menubar=no, titlebar=no')"><strong>Online Lixberegner</strong>.</a> (åbner i nyt vindue)</p>
<blockquote><p>LIX = O/P + (L*100)/O</p>
<p>O = antal ord i teksten.<br />
P = antal punktummer i teksten.<br />
L = antal lange ord (over 6 bogstaver lange).</p>
<p>Lix&gt;55 Meget svær, faglitteratur på akademisk niveau, lovtekster.<br />
45-54 Svær, f.eks. saglige bøger, populærvidenskabelige værker, akademiske udgivelser.<br />
35-44 Middel, f.eks. dagblade og tidsskrifter.<br />
25-34 Let for øvede læsere, f.eks. ugebladslitteratur og skønlitteratur for voksne.<br />
Lix&lt;24 Let tekst for alle læsere, f.eks. børnelitteratur</p></blockquote>
<h3>Usikkerheder ved Lixtal beregninger</h3>
<p>Når man beregner lixtal er der en række usikkerheder</p>
<ul>
<li>Forkortelser som &#8220;bl.a.&#8221; give en masse ekstra punktummer i en tekst.</li>
<li>Forkortelsers længde afgøres af udtalen. F.eks er &#8220;etc&#8221; et langt ord.</li>
<li>Tal og årstals længe afgøres af udtalen. F.eks. er &#8220;1964&#8243; et langt ord.</li>
<li>Lixtallet tager ikke hensyn til længden af de lange ord. F.eks. vil ord som ferskvandsfiskeriinspektør og inspektør give samme resultat i en lix beregning.</li>
</ul>
<p>Så er en tekst meget kort og indeholder mange tal eller forkortelser kan udregningen blive upræcis.</p>
<p>Derfor giver Lixberegneren også de bedste resultater med lange brødtekster. Her vil usikkerhederne ofte have mindre betydning.</p>
<h3>Lix, læsbarhed og læselighed</h3>
<p>Lix og Lixtallet beskriver udelukkende tekstens<strong> læsbarhed</strong>, altså hvor let det er at forstå teksten.  Så langt flere forhold end ordenes længde og antallet af punktummer spiller ind. F.eks. siger Lixtallet ikke noget om dine tekster er lette at skimme eller om du får de vigtigste pointer op først i teksten.</p>
<p>Her kan du læse,  hvordan du skriver <a title="Brugervenlige tekster" href="http://nielsgamborg.dk/index.php?p=brugervenlige_tekster">brugervenlige tekster</a>.</p>
<p>Lix tager ikke hensyn til teksten <strong>læselighed</strong>, altså hvordan teksten er at læse rent fysisk.  Læseligheden handler blandt andet om <a title="typografi på nettet" href="http://nielsgamborg.dk/index.php?p=typografi">typografi</a> og <a title="skrifttyper" href="http://nielsgamborg.dk/index.php?p=typografi&amp;u=skrifttyper">skrifttyper</a>.</p>
<p>Så hvis man skal bruge lixtallet seriøst, er der en række andre faktorer der også skal tages hensyn til inden man endeligt kan konkludere noget om en teksts læsbarhed og læselighed. Men Lixtallet giver en god indikation på om man er på rette vej.</p>
<h3>Mit Lix</h3>
<p>Mit Lixtal for denne artikel er 36.</p>
<p>Udregn <strong>dit</strong> Lixtal i min <a style="cursor: pointer;" onclick="window.open('http://www.nielsgamborg.dk/indhold/lixberegner.htm','LIX',' width=550, height=700, scrollbars=no, resizable=yes, menubar=no, titlebar=no')"><strong>Lixberegner</strong>.</a> (åbner i nyt vindue)</p>
<h3>Program til udregning af Lixtal</h3>
<p>Hvis du synes det er mere handy med en offline Lixberegner. Har jeg programmeret en i Java. Det kan være praktisk, hvis du har brug for at udregne dit Lixtal, når du er offline.</p>
<p>Download <a title="Beregn dit Lixtal. Offline Lix beregner" href="http://www.nielsgamborg.dk/download/lix.jar">Lixberegner</a>.</p>
<p>Dobbeltklik filen (lix.jar) og lixberegneren starter op.</p>
<h3>Lix og Lixtal. Praktiske oplysninger om lixberegner.</h3>
<p>Jeg har opdateret både den online lix-beregner og java lix-beregneren til version 1.1. Smileys bliver nu fjernet inden lixtallet beregnes. Det betyder, at det endelige lix ikke påvirkes. Det gør lix-beregnerne mere præcise og velegnede til beregning af lixtal til tekster til nettet.</p>
<p>Alle afsluttende tegn som spørgsmålstegn, udråbstegn semikolon og kolon, beregner lix-beregnerne som punktummer. Ellers bliver lixtallet ikke præcist.</p>
<p>Lix-beregnerne fjerner også alle tegn som kommaer, paranteser etc. før antallet af lange ord udregnes, så de ikke renges med til ordets længde. Det er også nødvendigt for at opnå et præcist lixtal.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/lix_lixtal_laesbarhed.htm/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Tilgængelighed. Toolbars og andre værktøjer</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/tilgaengelighed-toolbar-vaerktoejer.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/tilgaengelighed-toolbar-vaerktoejer.htm#comments</comments>
		<pubDate>Wed, 30 Apr 2008 19:07:04 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[farveblind]]></category>
		<category><![CDATA[redskaber]]></category>
		<category><![CDATA[tilgængelighed]]></category>
		<category><![CDATA[toolbar]]></category>
		<category><![CDATA[værktøjer]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/brugervenlighed/tilgaengelighed-toolbar-vaerktoejer.htm</guid>
		<description><![CDATA[Når man arbejder med tilgængelighed, skal værktøjet være i orden. Der findes en lang række forskellige værktøjer, når man skal arbejde med et websites tilgængelighed. Lad os først se på den håndfuld toolbars, der findes.  Toolbarenes funktioner  Fælles for toolbarene, er at de indeholder et væld af nyttige funktioner, når en hjemmesides tilgængelighed skal testes. De har alle funktioner som: HTML validering. Validér siden [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Når man arbejder med <strong>tilgængelighed</strong>, skal værktøjet være i orden. Der findes en lang række forskellige værktøjer, når man skal arbejde med et websites tilgængelighed. Lad os først se på den håndfuld <strong>toolbars</strong>, der findes. <span id="more-141"></span></p>
<h3>Toolbarenes funktioner </h3>
<p>Fælles for toolbarene, er at de indeholder et væld af nyttige funktioner, når en hjemmesides tilgængelighed skal testes. De har alle funktioner som:</p>
<ul>
<li>HTML validering. Validér siden med et enkelt klik.</li>
<li>Script funktioner, hvor man f.eks. kan slå JavaScript og ActiveX til og fra</li>
<li>CSS funktioner, der viser siden med CSS slået til og fra, samt overblik over CSS</li>
<li>Farve funktioner, hvor man kan se websiden i gråtoner finde værktøjer til kontrol af kontraster</li>
<li>Struktur funktioner, hvor man f.eks. kan se overskriftsniveauer, tabeller,  liste og andre html elementers placering på siden og i DOM modellen</li>
</ul>
<h3>3+2  toolbarer til tilgængelighed og webudvikling</h3>
<p><a title="toolbar til tilgængelighed" href="http://www.visionaustralia.org.au/ais/toolbar/">AIS Web Accessibility Toolbar</a> er den bedste <strong>Internet Explorer toolbar</strong> til begynderen. Den er dansksproget, og der  findes også en omfattende <a title="Dokumentation tilgængelighed toolbar" href="http://www.wat-c.org/WAT/versions/dk/documentation.html">dansk dokumentation til toolbaren</a>.</p>
<p><a title="Internet explorer toolbar" href="http://www.paciellogroup.com/resources/wat-ie-about.html#intro">Web Accessibility Toolbar</a> er en anden god Internet Explorer toolbar til at undersøge tilgængelighed.</p>
<p>Til <strong>Firefox</strong> findes <a title="tilgængelighedstoolbar til firefox" href="https://addons.mozilla.org/da/firefox/addon/5809">Firefox Accessibility Extension</a>, som er den toolbar, jeg har brugt mest. Ikke fordi den er bedre end de andre, men hvis man kombinerer Firefox Accessibility Extension med  <a title="Firebug toolbar" href="https://addons.mozilla.org/da/firefox/addon/1843">Firebug</a>  og/eller <a title="webdeveloper toolbar firefox" href="https://addons.mozilla.org/da/firefox/addon/60">Webdeveloper</a>, har man et meget <strong>kraftigt og gratis webudviklingsværktøj</strong>. Både når man webudvikler med fokus på tilgængelighed, og når man laver mere generelt webdesign.</p>
<p>Der er variationer i antallet og kvaliteten af værktøjerne i de forskellige toolbars.  Så det endelig valg afhænger dels af personlig smag og dels af, hvilken tilgængelighedsproblematikker, der er mest relevante i forhold til den side, man udvikler eller tester.</p>
<h3>Tilgængelighed for farveblinde</h3>
<p>På <a title="farveblind redskab" href="http://vischeck.com/vischeck/vischeckURL.php">vischeck.com</a> kan man online tjekke sine designs tilgængelighed for farveblinde. Man kan se,  hvordan ens websted ser ud med en farveblinds øjne. Vischeck.com simulerer tre forskellige typer af farveblindhed.</p>
<p>Man kan også downloade et plugins til Photoshop (plugin findes både til Windows og Mac)  eller ImageJ (plugin til Linux) .  Plugin&#8217;et  kan også simulere 3 forskellige former for farveblindhed. Resultatet kan blive mere præcist med dette plugin, da vischecks online service kan svinge noget i kvalitet afhængig hvilken typer billeder, der skal behandles.</p>
<h3>Tabeller og tilgængelighed</h3>
<p>Her kan man finde <a title="Tilgængelighedsedskab til tabeller" href="http://www.accessify.com/tools-and-wizards/accessibility-tools/table-builder/">redskab til at lave tabeller</a>, der lever op til tilgængelighedsreglerne. Man starter med at vælge om tabellen er simpel eller kompliceret, og vælger derefter antallet af koloner, rækker, overskrifter etc. Redskabet laver både XHTML og CSS, som man enten kan bruge direkte eller udvikle videre på.  </p>
<h3>Mere om tilgængelighed</h3>
<p>Hvis du er interesseret i at læse mere om tilgængelighed kan du downloade hele min rapport &#8220;<a title="Rapport om Tilgængelighed på Internettet" href="http://www.nielsgamborg.dk/download/tilgaengelighed.pdf">Tilgængelighed på Internettet</a>&#8220;.</p>
<p>Den behandler tilgængelighed i brede træk med fokus på brugervenlighed og tilgængelighed.</p>
<p>Baggrunden for rapporten af en undersøgelse af tilgængelighed på Statsbibliotekets website. </p>
<p>Rapporten indeholder bland andet:</p>
<ul>
<li>Definition af tilgængelighed</li>
<li>Definition af målgrupper</li>
<li>Prioritering af tilgængelighed</li>
<li>Krav til tilgængelighed i den offentlige forvaltning</li>
<li>Metoder til afdækning af et websted tilgængelighed</li>
<li>Diskussion af konkurencen &#8220;Bedst på Nettet&#8221;</li>
<li>Brugervenligt lauoyt</li>
<li>Brugervenlige tekster</li>
<li>Diskussion af mulighederne for at øge fokus på tilgængelighed</li>
<li>Grundig litteratur liste med henvisning til både bøger, artikler og Internetressourcer.</li>
</ul>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/tilgaengelighed-toolbar-vaerktoejer.htm/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t make me think. Anmeldelse af bog om brugervenlighed</title>
		<link>http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm</link>
		<comments>http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm#comments</comments>
		<pubDate>Sun, 13 Jan 2008 10:35:09 +0000</pubDate>
		<dc:creator>Niels</dc:creator>
				<category><![CDATA[Brugervenlighed]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[boganmeldelse]]></category>
		<category><![CDATA[dont make me think]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm</guid>
		<description><![CDATA[Brugervenlighed Steven Krug&#8217;s bog om brugervenlighed blev udgivet for mange år siden og derfor er denne boganmeldelse meget forældet. Men bogen er kommet  i anden udgave i 2006, og jeg har først nu fået fat i den. Bogen er kort, velskrevet og meget velargumenteret. Steven Krug er uhøjtidelig i sin stil og nede på jorden. Selv [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h3>Brugervenlighed</h3>
<p>Steven Krug&#8217;s bog om brugervenlighed blev udgivet for mange år siden og derfor er denne boganmeldelse meget forældet. Men bogen er kommet  i anden udgave i 2006, og jeg har først nu fået fat i den.</p>
<p>Bogen er kort, velskrevet og meget velargumenteret. Steven Krug er uhøjtidelig i sin stil og nede på jorden. Selv om der er mange overvejelser at gøre i forhold til brugervenlighed og usability, formår Krug at overbevise om, at man ved at følge nogle ganske få og overskuelige regler, kan komme endog meget langt. </p>
<h3>Don&#8217;t make me think</h3>
<p>Steven Krug lægger hårdt ud i første kapitel, hvor han lancerer sin vigtigste lov om brugervenlighed: &#8220;<strong>Don&#8217;t make me think</strong>&#8220;. Vores brugere ikke skal brug tid og energi på at tænke over ligegyldige ting omkring f.eks. søgning, navigation og brug af siden generelt.</p>
<p>Min første AHA-oplevelse.  Jeg havde et menupunkt på min side, der hed &#8220;Quicklinks&#8221;, som var genveje til nogle af mine informationer. Med Krug i baghovedet rettede jeg det straks til &#8220;Genveje&#8221;.</p>
<h3>Vi læser ikke. Vi scanner</h3>
<p>Næste kapitel.  Vi læser ikke websider, vi scanner dem. Og ofte bare klikker på det første link, der bare ligner noget af det , som vi er på jagt efter. Resultetet er selvfølgelig at vi skal fjerne ord og tekst, og istedet skabe klare hierakier, der kan lede vores brugere hen til det de leder efter.  </p>
<p>Igen måtte jeg tilbage til min side. Teksterne på forsiden blev forkortet. Mine mest besøgte links gjorde jeg fede, så mine brugere hurtigere kunne se dem.</p>
<h3>Navigation og søgning</h3>
<p>Så fulgte et par store afsnit om navigation, formål med siden og søgning. Meget store emner med mange overvejelser bag. Men igen præsenteret med overbevisning og skåret ned til nogle få logiske retningslinier, det er let at følge.</p>
<p>Jeg måtte igen tilbage til min side. Denne gang skulle søgefeltet gives en mere tydelig placering. Og jeg tilføjede en tagline (&#8220;NielsGamborg.dk &#8211; Teoretisk webdesign og Praktisk programmering&#8221;), så mine besøgende i første øjekast kunne se, hvad jeg havde at tilbyde. &#8220;<strong>Don&#8217;t make me think</strong>&#8221;</p>
<h3>Lån den &#8211; Køb den &#8211; Stjæl den</h3>
<p>Jeg kan kun tilslutte mig skaren af begejstrede fans. <strong>Læs den</strong> før din nabo.</p>
<p><a title="Steven Krugs hjemmeside om brugervenlighed" href="http://www.sensible.com/">Steven krugs hjemmeside</a></p>
<p><a title="Video interview om brugervenlighed" href="http://www.devsource.com/article2/0,1895,2000433,00.asp">Video interview om brugervenlighed med Steven Krug</a></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.nielsgamborg.dk/wordpress/brugervenlighed/dont-make-me-think-anmeldelse-af-bog-om-brugervenlighed.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
