ommadawn.dk - Usability

Lise, din nye kollega

Mon, 26 May 2014 00:00:00 +0200

Tags: Computere, Mine tekster, Usability

Den blog, du l�ser lige nu, handler mest om mine interesser, ogs� nogle gange de faglige. Men det er sj�ldent jeg skriver meget privat om mig selv.

Da jeg s�ger arbejde i �jeblikket, s� har jeg oprettet en ny blog, hvor jeg har t�nkt mig at beskrive mine kompetencer. Den hedder Lise, din nye kollega.

Lede og finde

Fri, 18 May 2012 00:00:00 +0200

Tags: Bog, Nick Musica, Shari Thurow, Usability

Tanker fra When Search Meets Web Usability af Shari Thurow og Nick Musica.

Bogen er inddelt i kapitler, der angriber det centrale problem fra forskellige vinkler: nogen er gode til s�gemaskiner, andre er gode til usability, men der er nogen, der skal v�re gode til begge dele, det er en vigtig opgave i sig selv.

I kapitel 1 bliver Scent of Information introduceret. Her lyder det som: i hvor h�j grad kan jeg "lugte" hvor jeg vil havne, hvis jeg klikker p� dette link? Jo st�rkere lugten er, jo mere sikker er jeg. (Jeg er lidt i tvivl om, hvorfor dette f�nomen skal have sit eget ord, men s� pyt da.)

I kapitel 2 bliver vi pr�senteret for en ny version af Scent of Information: det er den lugt jeg som bruger afgiver, n�r jeg taster nogle s�geord ind i Google. Okay, s� hvad er det s�? Tja, tilsyneladende er det begge dele ...

I kapitel 3-5 g�r vi t�ttere p� de 3 slags s�gninger, der er.

Nogle gange pr�ver jeg bare at finde vej. I den situation er det vigtigt, at URLen er tydelig, fordi jeg ogs� kigger p� den, n�r jeg kigger mig omkring. Det er vigtigt, at URLen er kort. Om n�dvendigt m� firmaet k�be nogle ekstra dom�ner, s� det f�r d�kket alle de muligheder, jeg kigger efter. Jeg benytter sandsynligvis ord som http eller www, dk eller com, navnet p� et firma eller m�rke, og i alt 1-2 ord.
Nogle gange er det information, jeg s�ger efter. Jeg bruger sandsynligvis ord i flertal (kameraer, fordi jeg s�ger information om kameraer f�r jeg beslutter hvilket jeg vil k�be), hv-ord, og i alt 4 eller flere ord. Det er vigtigt, at den side jeg havner p�, har en liste, og bruger flertalsordet "�verst".
Nogle gange �nsker jeg at gennemf�re en transaktion, fx et k�b. Jeg bruger sandsynligvis visse udsangsord (log ind, k�b, download ...) og visse navneord (film, musik, demo ...) og visse endelser (jpg, mp3, zip ...).

I kapitel 6 ser vi n�rmere p� den side, jeg lander p�, n�r jeg har klikket p� et link i s�ge-resultatet. Siden skal gerne have noget tilf�lles med mine s�geord. Call to action, den handling firmaet �nsker jeg foretager p� siden, fx "Put i indk�bsvogn", skal gerne v�re det mest tydelige p� hele siden.

De sidste 3 kapitler ser p� nogle andre aspekter af denne disciplin, jeg ikke vil se p� her.

Jeg synes emnet er interresant, men bogen er skrevet, s� jeg synes den kunne have v�ret meget tyndere. Ovenfor opridser jeg de vigtige punkter, man b�r tage med efter l�sning, og der er simpelthen ikke ret meget mere i bogen ... Et af de kapitler, jeg ikke omtaler, regner m�jsommeligt ud, at hvis en ekstra kunde pr. m�ned betyder 100 kr. mersalg, s� betyder det et mersalg om �ret p� 1200 kr., og lignende trivielle regnestykker.

Store, inkonsistente knapper

Mon, 30 Jan 2012 00:00:00 +0100

Tags: Spil, Usability

Jeg har spillet Bubble Witch Saga i et stykke tid, og er i det store og hele tilfreds med spillet. Men der er et punkt, hvor det irriterer mig gr�nsel�st. Lad mig demonstrere.

De 5 ovenst�ende sk�rmbilleder har at g�re med, at jeg gerne vil spille en bestemt bane. Enten er jeg klar til at spille banen, og f�r en stor, gr�n "Spil"-knap, eller ogs� har jeg lige spillet banen, og fik 0-3 stjerner. Afh�ngigt af hvor mange stjerner jeg fik kan jeg f� en stor, gr�n "Del"-knap (fordi jeg fik s� fantastisk et resultat, at det skal deles med resten af verden), en stor, gr�n "Forts�t"-knap (fordi jeg kom gennem banen, men ikke p� en m�de, der er v�rd at prale af) eller en stor, gr�n "Pr�v igen"-knap (fordi jeg ikke kom igennem banen). Bem�rk i �vrigt, at krydset foroven til h�jre p� pergamentet g�r det samme som "Forts�t": lukker det her billede ned, s� jeg kan v�lge en anden bane at spille. For dem, der kan se hvor jeg vil hen med det her: spring det n�ste afsnit over.

Der er store, gr�nne knapper, og afh�ngigt af situationen g�r de noget forskelligt. Det er ikke god brugervenlighed.

Egentlig kunne problemet fixes p� en enkel m�de. Jeg forestiller mig at den store, gr�nne knap erstattes af to lidt mindre knapper, der sidder ved siden af hinanden. (Farven p� dem vil jeg ikke blande mig i.) Den ene kunne s� v�re "Spil"-knappen, og den anden kunne v�re "Del"-knappen. Til n�d kunne "Spil"-knappen" hedde "Spil igen", hvis man lige havde gennemspillet banen, med eller uden succes. Til n�d kunne "Del"-knappen ikke v�re aktiv, hvis ens resultat var skammeligt. Men i det mindste ville den samme funktion altid sidde det samme sted. (Jeg har sparet "Forts�t" v�k. Den sad jo allerede et andet sted.)

Ypperligt edderkoppe-udseende

Sun, 03 Apr 2011 00:00:00 +0200

Tags: Anmeldelse, Bog, Jakob Nielsen, Usability

Anmeldelse af Godt webdesign, af Jakob Nielsen.

Skitse: Hvordan ser godt design af hjemmesider ud?

Den version af bogen, jeg havde fat i, var fra 1999, oversat til dansk 2001. S� p� godt og ondt er det en klassiker. Godt, fordi nogle af r�dene er eviggyldige. D�rligt, fordi alt det tekniske (b�ndbredde, sk�rm-st�rrellser osv.) har �ndret sig. Jeg vil g�tte p�, at brugerne ogs� opf�rer sig anderledes i dag. Ikke desto mindre er der som sagt mange eviggyldige r�d at tage fat i og anvende, og "onkel Jakob" er jo i h�j grad stadig spillevende, og skriver stadig b�ger, s� man ogs� kan f�lge med i hvilke af r�dene, der siden har �ndret sig. Jeg har konkret fundet 5-6 steder, hvor jeg tror denne blog kan blive bedre. I �vrigt tror jeg mange af disse r�d kan bruges af alt fra brugere (jeg synes ikke denne hjemmeside fungerer godt, og nu kan jeg ogs� s�tte ord p�, hvorfor den ikke g�r det) over bloggere (der ikke koder selv, men stadig skal tage stilling til farver, billeder osv.) til dem, der foretr�kker at skrive deres HTML selv. (De sidstn�vnte kan l�se den anden bog, der udkom sammen med den her omtalte.)

Nogle punkter af pudsige. Hvordan n�r man frem til, at design B er 124% bedre end design A? Hvis det virkelig var sandt, at ingen turde bede om vine med indviklede franske navne, hvorfor havde de dem s� i butikken? Hjemmesider skal v�re bedre end den virkelige verden -- p� alle punkter? Andre pudsigheder opst�r, fordi overs�tteren ikke fanger alle nuancer. Og s� er bogen skarpt rettet mod dem, der gerne vil s�lge noget (et produkt, en avis osv.), og knapt s� meget mod dem, der tiltr�kker brugere, uanset hvor d�rligt designet er, fordi indholdet er s� vigtigt.

Er det godt? I det store og hele er det her stadig en rigtig god bog.

7. International brug: Servicering af et globalt publikum

Sat, 02 Apr 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Man har en genial side p� dansk. Hvad g�r man s�, hvis den ogs� skal eksistere p� engelsk? Eller m�ske japansk?

Her noterer jeg mig for alvor �t tip: lyt til dine brugere, test der hvor du nu lige er, eller hvordan det ser ud i din situation. Altid et godt r�d, og stadig noget jeg er n�dt til at k�mpe for at g�re. Men det sker jo fra tid til anden, at jeg ser til, mens en ven eller bekendt pr�ver at finde vej p� min blog. Og s� er det jeg skal holde �rerne spidse: hvor har de problemer? Helt generelt g�lder det samme, hvis man nu lige er i England (eller Japan).

For dem, der gerne vil finde ud af mere om hvordan man designer internationale sider, er der masser af guf at hente i Godt webdesign, kapitel 7.

6. Adgang for handicappede

Fri, 01 Apr 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Okay, jeg indr�mmer det. Jeg er ikke specielt god til at t�nke p� handicappede, n�r jeg designer sider. Det er sv�rt at forholde sig til et problem, der ikke findes i ens liv i �vrigt. Jeg har ikke ligefrem horder af d�ve og blinde, der banker p� min d�r hver dag, og kr�ver bedre design af mine sider.

Det er ikke nogen undskyldning. Jeg burde jo nok kunne finde ud af det alligevel. Men det er en form for forklaring.

S�. En enkelt ting jeg vil notere mig fremover: jeg skal blive bedre til at bruge alt-tekster eller alternativ-tekster. De tekster, der dukker op, hvis et billede ikke bliver vist. De fleste af mine billeder, forestiller ikke noget, men s� kan jeg bruge en tom alt-tekst! Og n�r de forestiller noget vigtigt, s� er det en god ting, at have den tomme alt-tekst i min skabelon, s� jeg lige kan skrive noget i den.

For dem, der gerne vil finde ud af mere om hvordan man designer for handicappeede, er der masser af guf at hente i Godt webdesign, kapitel 6.

5. Design af intranet

Thu, 31 Mar 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Noget internet er m�rkeligt, fordi det slet ikke er internet, men intranet. Er der noget specielt, jeg skal holde mig til s�?

Jeg bider m�rke i, at hvis intranettet er l�kkert, s� bliver medarbejderne glade. "Okay, der er nogen, der s�tter pris p� os ogs�."

Jeg kom til at t�nke p� de intranet, jeg har v�ret udsat for indtil nu. Automatisering er s� nemt, at det ogs� burde v�re nemt at sige, at n�r et projekt bliver oprettet eller en ny medarbejder starter, og en eller anden computer alligevel skal have det at vide (der er timer at registrere, l�n at udbetale osv.), s� bliver der ogs� oprettet en side p� intranettet. Desuden bliver alle forbindelserne oprettet: denne medarbejder arbejder p� dette projekt. Og selvom projektet er slut, beholder vi informationen: denne medarbejder har arbejdet p� dette projekt. Nu har vi problemer, s� lad os st�ve vedkommende op, og pr�ve at l�se problemet sammen. Og n�r nu man alligevel har en side for hvert projekt / hver medarbejder, s� er der jo sikkert et par andre ting, der kan ligge p� den side ogs�: fremtidsplaner i fine dokumenter, der sikkert allerede findes, men er sv�re at finde.

Det mest velfungerende jeg har oplevet var en wiki. Hvem som helst kunne bidrage med ny information, eller opdatere den gamle, n�r den var blevet forkert. Og alle tog ansvaret alvorligt. Derfor fungerede det. Men jeg tror stadig mere p� ovenst�ende model.

For dem, der gerne vil finde ud af mere om hvordan man designer intranet, er der masser af guf at hente i Godt webdesign, kapitel 5.

4. Design af websted

Wed, 30 Mar 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Jeg har designet til den enkelte side, og jeg har det perfekte indhold. Hvordan skal hele websitet s� designes, for at man f�ler sig p� netop det site, uanset hvilken side man er havnet p�, og s� man nemt kan finde pr�cis den side man leder efter? S�gning og navigation er to gode ord her.

Min egen hjemmeside har ikke s�gning. Men jeg tror jeg bliver n�dt til at ombestemme mig p� det punkt. Der er simpelthen for mange, der st�tter sig s� h�rdt til s�gning. Heldigvis b�r det ikke v�re sv�rt at indf�re det.

"Splash-sk�rme m� d�." Og jeg lader udtalelsen st� et �jeblik.

Sitets navn skal st� p� alle sider. Den er vist ogs� smuttet for mig. Men jeg har en id� om, hvor jeg kan anbringe det, s� det f�r jeg ogs� bragt i orden.

Der er noget der tyder p�, at navigationen p� mit gamle site var ret god.

Fordele ved denne navigation: den har en slags br�dkrumme i form af de m�rkebl� felter (man kan se hvor man er henne, og hvad ruten derhen var), og man kan se s�ster-siderne til den side man er p� nu, og s�ster-siderne p� de andre niveauer. Ulemper: jeg har endnu ikke m�dt nogen, der syntes det her system var over-m�gtig-fantastisk godt. Eller med andre ord: det er ikke ret udbredt, og man stejler altid over ting, der ikke er udbredte. S� jeg gik v�k fra den.

G�r URL'er forst�elige. Er adressen http://www.ommadawn.dk/design2.php?fkt=side&id=1170 nem at huske? Fort�ller den noget om, hvor man havner hvis man klikker? Nej vel. Jeg har overvejet at g�re noget ved det, men fornemmer at det bliver lidt at udfordring. S� lad mig skrive det p� huskelisten, og komme tilbage til det en dag, jeg har medvind.

Endelig: URL'er m� ikke d�. Hvis http://www.ommadawn.dk/lise_design2.php?fkt=side&id=1170 p� et tidspunkt har f�rt et sted hen, skal det blive ved med at f�re et sted hen. M�ske ikke det samme sted, men s� t�t p� som muligt. Den nye sides design har vel noget, der ligner?

Todo: se p� at indf�re s�gning, at tilf�je site-navn p� alle sider, og at g�re URL'er forst�elige.

For dem, der gerne vil finde ud af mere om hvordan man designer et site, er der masser af guf at hente i Godt webdesign, kapitel 4.

3. Design af indhold

Tue, 29 Mar 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Okay, s� det gode design for web-siden er p� plads. Hvad for en slags indhold skal der s� placeres p� siden?

Brugere p� nettet er ut�lmodige, s� som hovedregel skal indhold, der er beregnet p� at man s�tter sig ned og l�ser det fra ende til anden, v�re kort. Yderligere er det en god ting, hvis det er inddelt, s� man nemt kan hoppe ned hvor det interessante (for netop den bruger) er. Her hj�lper det med sm� afsnit og fremh�vede ord.

Der kan jeg jo kun erkl�re mig helt enig. Det er nogle principper, jeg har brugt l�nge, bl.a. fordi jeg godt kan lide sider, der er indrettet p� den m�de, og man skal jo stj�le fra de bedste.

For dem, der gerne vil finde ud af mere om hvordan man designer indholdet til sin hjemmeside, er der masser af guf at hente i Godt webdesign, kapitel 3.

2. Design af websider

Mon, 28 Mar 2011 00:00:00 +0200

Tags: Bog, Jakob Nielsen, Usability

Hvordan designer man en web-side? Alts�, en god �n. Der er en hel del ting, at tage hensyn til. Lad mig her kigge p� et par af dem.

For det f�rste: hvor meget af siden bliver egentlig brugt til indhold? Jeg ser p� en af mine egne sider som eksempel. Den ser s�dan her ud:

Hvis man farvel�gger indholdet gr�nt, navigationen gul og browseren bl�, ser den s�dan her ud:

Hvis man derefter t�ller pixler kommer man frem til:

Indhold (gr�nt)	24 %
Navigation (gult)	14 %
Browser (bl�t)	22 %
Resten (hvidt)	40 %

Og her burde jeg s� blive ked af, at mit indhold kun fylder 24%. Det ved jeg s� �rligt talt ikke helt, om jeg bliver. Jeg har pr�vet at lave et design, der ogs� virker p� smallere sk�rme, og her ville "resten"-procenten falde v�sentligt. Desuden skal mit indhold ikke v�re for bredt, s� bliver linjerne for lange. Man kunne s� m�ske kritisere, at jeg absolut vil have det hele til at ligge indenfor nogle p�ne rammer. Men, n� ja, det synes jeg alts� er p�nt, og det er ikke s� forskelligt fra hvad s� mange andre har. S� alt i alt er jeg ikke ked af "kun" at have 24% indhold.

En sidel�ns tanke her: p� TV er det nemt 33% der ryger til reklamer, og jeg kan ikke rigtig lave noget, mens der er reklamer p� (jeg kan ikke komme til at se resten af programmet f�r reklamerne er forbi). Det f�les helt vildt irriterende. S� selvom "indholdet" her alts� er 67%, kan jeg ikke ignorere reklamerne, og det g�r, at de 33% f�les st�rre. P� de fleste websider kan jeg trods alt overse det, jeg ikke har brug for lige nu.

N�ste sp�rgsm�l: virker min side ogs� p� en meget mindre sk�rm?

Ovenfor ses hvordan det ser ud i den indbyggede browser p� en Android-telefon. Lidt klemt, og mine fine kanter er der ikke alle sammen. Men i det store og hele rigtigt. V�rre bliver det n�r jeg kigger p� Opera p� Android-telefonen.

Designet ser p�nt nok ud, men man n�r f�rst ned til det, efter at have rullet mere end en sk�rmh�jde. I begge tilf�lde er det noget med, at designet ikke har det godt med at blive vist p� en sk�rm, der er for smal. Det skal jeg have set p�.

For det tredje: hvor lang tid tager det, f�r der er indhold. En ganske utilregnelig test siger 3 sekunder. Jeg er glad for det er s� lavt, selvom min hjemmeside er databasedrevet (p� et tidspunkt var databasedrevne sider v�sentligt langsommere end dem af almindelig HTML). En forsinkelse ser ud til at v�re den lille kasse med links til "De blogs jeg l�ser". Jeg vil lige unders�ge, om jeg ikke kan g�re det smartere. Hvis der er indhold indenfor 1 sekund, kan jeg stadig holde sammen p� mine tanker, huske hvorfor jeg klikkede. Hvis det tager mere end 10 sekunder, bliver jeg ut�lmodig, og ops�ger resten af internettet. 3 sekunder er ikke rasende godt, men acceptabelt.

For det fjerde: intet internet uden links. Den del, at mit indhold der er links, er det godt nok? Fort�ller jeg brugeren, hvad der sker, n�r man klikker? Og der har jeg opdaget �n svaghed: den del af navigationen, der f�rer brugeren til det blog-indl�g, der ligger lige f�r/efter det aktuelle. Her har man kun sidens titel at g� efter, og titlen er nogle gange lidt fantasifuld. Dette link er dog heller ikke beregnet p� at fort�lle s� meget. Det er der udelukkende for, at man systematisk kan gennemg� min blog kronologisk, uden at skulle hoppe frem og tilbage mellem blog og arkiv. S� det beslutter jeg ikke g�r s� meget.

Todo: se p� "De blogs jeg l�ser", s� p� design p� smalle sk�rme.

For dem, der gerne vil finde ud af mere om hvordan man designer den enkelte hjemmeside, er der masser af guf at hente i Godt webdesign, kapitel 2.

PizzaHut er smarte

Mon, 25 May 2009 00:00:00 +0200

Tags: Anmeldelse, Usability

Nogle gange ser man nogen g�re noget s� rigtigt, at man er glad flere dage efter. Tal om at f� et lyn-tilskud til at have et godt liv!

Fornylig havde jeg s�dan en oplevelse, da jeg skulle bestille fra PizzaHut. S�dan ser deres menu-kort ud:

Her er nogle af de gode tricks, der er indbygget i deres menu:

I den �verste kasse kan man se hvilken grund-pizza, man har valgt. Hvis man f�r rodet sig ud i noget m�rkeligt, er det nemt at komme tilbage til den samme grund-pizza igen, eller fortryde og v�lge en anden.
Resten drejer sig om (tomat-)sovs, ost, k�d og frugt/gr�nt. Se, egentlig har man jo valgt, fordi man har valgt en grund-pizza. Men hvis man nu gerne vil have en bestemt pizza, men med bacon i stedet for p�lse. Eller en anden slags ost, eller slet ingen ost. Eller ekstra gr�n peber. S� er det super-nemt at klikke, s� bliver det rettet til, s�dan som man gerne vil have det.
Det er en ekstra fin detalje, at alt det man har valgt er inden i en flot, gul kasse. Det er til at f� �je p� det her!
Og s� har jeg slet ikke snakket om, at hvis man vil, s� kan man designe venstre og h�jre side af pizzaen vidt forskelligt!

Det her er smart! Well done, PizzaHut! Just-Eat.dk, sig lige til, n�r I begynder at g�re det samme!