Användbarhet

Enkelhet är bra.

Så gör du en bra presentation av din webbplats

Peter Dahlgren Leave a comment

En ny webbdesign innebär ändlösa nätter framför Photoshop, eller hur? Då är du fel ute.

Webben är i första hand ett funktionellt medium och i andra hand estetiskt. Vill man titta på konst går man till ett museum.

Sydsvenskan ska göra om sin webbplats och begär bidrag från besökarna. Du kan se de redan inskickade tävlingsbidragen och lära dig mer om hur du själv skickar in ett tävlingsbidrag.

De flesta bidrag är skräp, men ett bidrag sticker ut. I stället för att koncentrera sig på vilken färg och form den nya kostymen ska uppbära, har Tomas Wennström och Kristin Heinonen lagt fokus på informationsarkitekturen och sidans uppbyggnad. Funktion före form alltså.

Tomas och Kristin visar hur de har tänkt:

Enkelt, pedagogiskt och inriktning mot att beskriva hur det ska fungera, snarare än hur det ska se ut. Så borde alla presentationer av innehållsrika webbplatser göras. Bildonani á la Photoshop är ingen behjälpt av, mer än att visa designkreatörens grava hybris.

(Källa: What’s Next)

Hitta böcker baserat på deras skrivstil, inte bara handling

Peter Dahlgren Leave a comment

Det här är nog det häftigaste jag sett på mycket länge. Mycket på grund av att jag är en bokmal.

Booklamp.org letar reda på böcker baserat på deras skrivstil, alltså hur de är skrivna i fråga om tempo, densitet, händelser, beskrivande text och mängden dialog.

Det finurliga är att du kan få rekommendationer på böcker som liknar den skrivstil du just har läst. I videon nedan tas Jurassic Park upp som exempel som börjar lugnt (lågt tempo, hög densitet och mycket beskrivande text) och sedan övergår i ett högre tempo (låg densitet, mycket händelser och kort beskrivande text).

När du sedan får fram en lista över rekommenderade böcker sorteras den efter betyg som hämtas från Amazon. En helt ny tjänst kryddad med Web 2.0 och mashups.

Jag tror att det här företaget kommer att bli uppköpt av Amazon eller Barnes & Noble inom en väldigt överskådlig framtid!

Jag har skrivit om språkundersökningar tidigare, bland annat Hur många ord per mening skriver du?, som bedömer språket i böcker genom hur långa meningarna är och hur svåra orden är. Men Booklamp tar det hela tjugo steg längre.

Varför arbeta med användbarhet och tillgänglighet?

Peter Dahlgren Leave a comment

Den frågan besvarar Verva, verket för förvaltningsutveckling, i en bra presentation du kan låna.

Vi vill ge dig stöd att övertyga dina kollegor eller kunder varför ni bör arbeta med användbarhet och tillgänglighet när ni utvecklar er webbplats. Därför har vi tagit fram en presentation som du kan hitta inspiration och stöd i.

Stöd att argumentera för användbar och tillgänglig webb

Har du rensat din webbplats från skräp på sistone?

Peter Dahlgren 5 Comments

Jag har ägnat stor del den närmsta tiden att rensa upp bland en av mina större webbplatser. Jag menar inte att ta bort spam, utan snarare se över innehållet och ta bort överflödigt material. Som exempelvis att:

  • Ta bort sidor som inte fyller någon funktion, som tveksamt uppfyller målet med webbplatsen. Fråga dig själv: Tar den här sidan mig ett steg längre mot mitt mål?
  • Ta bort sidor med väldigt låg besöksfrekvens. Jag hade en del ”arkivsidor” med gamla nyheter som kunde tas bort. Dessa växer ganska snabbt och blir svåra att överblicka för en besökare. Den interna sökmotorn får ta dess funktion i stället.
  • Byta ut mängder med webbadresser från långa och hierarkiska, /omoss/redaktion/profile.aspx?userid=1, mot enklare och plattare diton, /profile.aspx?userid=1. Av någon anledning känner jag större kontroll över att ha få kataloger på webbplatsen, där jag kan överblicka dess innehåll lättare.
  • Försöka uppmärksamma de delar som är av betydelse och promota desto mer. I mitt fall är registrering för ett nyhetsbrev samt fakta kring annonseringsmöjligheter viktiga saker jag ville framhäva. Det ger både fler besökare och klirr i kassan. Kom ihåg att ju fler valmöjligheter desto mindre får man gjort. Försök begränsa dig till några få. Du känner din webbplats bäst och borde veta vad som är bäst för besökaren.

Kvar finns ett par kärnfulla huvudavdelningar som jag nu ska lägga all kraft på, och som besökaren faktiskt tittar på. Skriva mycket om lite, i stället för lite om mycket. Nisch är bra.

Dessutom minskar min ångest. Jag har få sidor att göra riktigt bra, i stället för hundratals att göra halvhjärtat. Produktiviteten ökar och kvaliteten likaså.

Jag har tittat i statistiken för att se hur mycket besök varje sida har. Är den låg kan sidan tas bort. Kom också ihåg att låg besöksfrekvens inte nödvändigtvis innebär en dålig sida. Det kan mycket väl vara så att informationen är svår att hitta. Ta reda på om så är fallet innan du kapar webbplatsen längs fotvalven. Du kan också testa att slå ihop två sidor till en, om de har snarlik information.

Huvudtanken är att du ska börja fundera på om allt verkligen behövs, och om det uppfyller din målsättning med webbplatsen. Har du inget mål är det på tiden att du skaffar dig ett. Ta och gör en Moscow-analys.

Våra ögon fokuserar bara på delar av webbsidan när vi surfar

Peter Dahlgren Leave a comment

Eye-tracking är ett sätt att följa ögonrörelser på en webbplats och se vad försökspersonen tittar på. StomperNet har satt ihop ett videoklipp om hur vi ”ser” webbsidor och ger tips om hur man designar webbsidor med ögonen i fokus (ursäkta ordskämtet):

I klippet talas om fovea, det område i vårt seende där vi ser som mest detaljer. Det är utformat precis som en widescreen-tv, det vill säga i formatet 16:9.

Grundregeln är att webbsidor därför bör designas med små bitar av information som är bredare än vad de är högre. Då kan ögat se helheten direkt utan att behöva skanna för att se hela innehållet.

Dela också av information med hjälp av hög kontrast eller genom vitt utrymme.

Dessutom är en vanlig uppfattning att man inte ska göra listor eller menyalternativ mer än sju till antalet. Anledningen är att man inte kan hålla fler objekt i huvudet, få översikt och att det tar längre tid att räkna och därmed uppfatta.

Specialare om användbarhet

Peter Dahlgren Leave a comment

Under min frånvaro har jag samlat på mig diverse länkar om användbarhet på nätet:

  • Designa utifrån doften av information

    Att designa utifrån doften av information bygger på en teori om att användare inte har något emot att klicka sig långt ner i en struktur, så länge doften av rätt information blir starkare och starkare.

  • Faceted Metadata

    Hur kan man underlätta för användare då de söker? Skall man lägga allt krut på en sökfunktion eller skall man låta användaren navigera sig till det?

  • Command Links

    Application commands can be presented as buttons or as links, which offer more room for explanation. For primary commands, however, buttons are still best.

  • An Interface to Support Color Blind Computer Users (PDF)

    A new method for adapting digital images so that they are
    suitable for color blind viewers is presented.

  • Hemligheten bakom en användarvänlig sajt

    Förr i tiden satt ägaren till tryckpressen på makten och var dåtidens mediastjärna. Med tiden axlade publicisterna rollen. Och nu är det besökarnas tur. Möt Gerry McGovern – webbgurun som lär dig hur du bygger sajten efter besökarnas behov.

  • Steve Krug – gurun som kan dina användare

    Användbarhetsexperten och författaren till kultboken ”Don’t Make Me Think”, Steve Krug, säger att den som inte gör video lika lättillgängligt som You Tube lika gärna kan låta bli. Internetworld har pratat med gurun om nya trender, metoder och misstag inom webbdesign.

  • Resultat från användningstest av Kronofogden.se

    Teamet bakom Skatteverket.se och Kronofogden.se visar hur de tänkt när de byggt respektive webbplatser.

  • ViewFinder Heatmap

    Find out how people view your website or image and which areas are getting most of the attention. An artificial intelligence service which simulates human visual attention and creates an attention heatmap.

Följ dina besökares musrörelser med RobotReplay

Peter Dahlgren 1 Comment

RobotReplay är ett statistikverktyg där man kan följa användarnas musrörelser, klick och navigation under en session. Klistra in en enda rad javascript på dina webbsidor och det är klart att köra igång.

Det är inte fråga om övervakning, utan snarare för användbarhetsstudier på distans. Man kan se vart användarna tar vägen och var de kan stöta på problem och sedan förbättra webbplatsen i samma utsträckning.

Se exempel i videoklippet nedan.

(Via Baekdal)