ommadawn.dk - Jakob Nielsen

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.