Rullande veckor är smartare än traditionell månadsvy

De flesta digitala kalendrar som erbjuder användaren att se kalenderdata i en traditionell månadsvy, tex iCal för OS X, blir jobbiga att använda för planering i slutet av månader eftersom större delen av skärmutrymmet ägnas åt föregående veckor. Visserligen visar månader som slutar mitt i en vecka några dagar i den kommande månaden, men månader som slutar på en söndag innebär inte någon förhandstitt alls. Hur det sistnämnda ser ut visas nedan:

Kalenderprogrammet iCals månadsvy

Visserligen är många vana vid papperskalenderns begränsning att se en månad i taget, men jag tycker att en fast månadsvy är en dålig idé eftersom jag tror att majoriteten av de som använder månadsvyn gör det eftersom de snabbt vill få en överblick — inte bara över aktuell dag utan även kommande veckor. Troligtvis är det väldigt få användare som har användarmål som innebär att de måste se vilka aktiviteter de hade föregående veckor.

Googles webbaserade kalender har en ytterligare månadsvy (”4 veckor”) som hela tiden visar aktuell vecka i översta raden och de kommande tre veckorna i raderna under. I mitt tycke är det här en mycket smartare design eftersom användaren dels kan se dagens aktiviteter samt även få en överblick över hur de kommande veckorna ser ut. Till skillnad mot den traditionella månadsvyn ägnas heller inte mycket utrymme åt dagar som redan har passerats.

Googles kalender har en månadsvy som visar aktuell vecka längst upp samt de tre kommande veckorna under

Intressanta gränssnittsdetaljer

Här följer ett utplock av mer eller mindre intressanta gränssnittsdetaljer jag har stött på den senaste tiden. Huruvida tjänsternas användare faktiskt förstår dessa designlösningar låter jag dock vara osagt…

Buzzword

Buzzword är Adobes flashbaserade ordbehandlare. Snyggare än Google Docs men å andra sidan segare att ladda in. Buzzword har valt att visa antalet sidor i scrollbaren:

Scrollbaren i Buzzword visar dokumentets antal sidor

Att det finns många användare på nätet som uppskattar gulliga bilder används på detta sätt:

En bild som visar när anslutningen till Buzzword har blivit avbruten

Boken Mental Models

Nedan följer ett exempel på hur boken Mental Models visualiserar hur långt varje kapital är. Det kan dock ifrågasättas om det är ett kapitels sidantal som motsvarar hur lång tid det tar att läsa något…

En visualisation i boken Mental Models som visar hur långt ett kapitel är

Classics

Classics, ett iPhone-bokprogram som innehåller många av de gamla bokklassikerna, indikerar på ett diskret sätt hur långt man har läst en bok.

En bild på bokprogrammet Classics

All Recipes

Ett annat snyggt och smidigt iPhone-program är All Recipes. Förutom en sökfunktion erbjuder också programmet en så kallad ”Dinner spinner” för den som vill ha ett förslag på ett recept. Roligt, snyggt och framförallt effektivt.

En "Dinner Spinner" används i receptprogrammet All Recipes när man ska leta efter recept.

Skim

Om du är en flitig PDF-läsare, macanvändare samt tycker att Förhandsvisning/Preview inte riktigt räcker till kan jag rekommendera PDF-läsarprogrammet Skim. Programmet visar ett spår av hur du som användare har klickat i innehållsförteckningen genom att ändra kapitlens bakgrundsfärg. Mörk bakgrundsfärg betyder att du nyligen har klickat på kapitlet, ljus att du klickade på kapitlet för ett tag sedan. Smidigt när man tex. har glömt bort vilket kapitel som redan har blivit skumläst.

Innehållsförteckningen i Skim visar ett spår över hur du tidigare har klickat.

Obegripliga URL:er hos Kanal5

Kanal5 lanserade enligt IDG.se en ny hemsida igår. Precis som en av kommentarförfattarna påpekar så har sidan gräsligt fula och långa URL:er. Ett exempel på en adress är:
http://kanal5.se/web/guest/hem?p_p_action=0&p_p_id=K5JOURNAL
_VIEWER_INSTANCE_1Mn6&_K5JOURNAL_VIEWER_INSTANCE_1Mn6_struts
_action=%2Fk5journal%2Fview&_K5JOURNAL_VIEWER_INSTANCE_1Mn6
_articleId=53248&_K5JOURNAL_VIEWER_INSTANCE_1Mn6_groupId=1701&
_K5JOURNAL_VIEWER_INSTANCE_1Mn6_version=1.0

Semantiska och korta webbadresser ger flera fördelar:

  • De är enklare att komma ihåg
  • Sökmotorer värderar ofta en semantisk URL högre än en osemantisk
  • Användaren kan se den hiearkiska strukturen på sidan
  • Du riskerar inte att mailprogram bryter upp en webbadress på flera rader

Även Vägledning 24-timmarswebben skriver om att långa och krångliga webbadresser ska undvikas.

Smidig bilduppladdning hos Flickr

Flickr har fått en relativt ny webbaserad bilduppladdningssida som är väldigt smart. Eftersom jag aldrig blivit vän med de bilduppladdnignsverktyg som finns har jag stört mig på att den webbaserade uppladdningen var så omständig och tidskrävande, till exempel så kunde man bara välja en fil i taget från sin dator och endast sex stycken filer kunde laddas upp i samma omgång.

I den nya versionen finns inte längre dessa begränsningar, du kan exempelvis på en gång markera flera filer du vill ladda upp och användaren får hela tiden en bra återkoppling på vad som sker och hur långt uppladdningen har nått (något som även det saknas i den förra versionen). Med andra ord känns det faktiskt som ett ”riktigt” program.

Här nedan följer en lite genomgång om hur det hela fungerar:

Uppladdningsflödet är indelat i tre tydliga steg: välj bilder, ladda upp bilder och beskriv bilder.
Information om att bilduppladdningen sker i tre steg

Det går att välja flera bilder på en gång:
Det går att välja flera filer på en gång

En av nackdelarna med traditionell filuppladdning är att det är svårt att veta hur lång tid det är kvar innan en fil har blivit uppladdad till webbservern. Flickr löser det hela på ett smidigt sätt:
Användaren presenteras med information över hur långt filuppladdningen har fortskridit

I det sista steget så beskriver användaren sina bilder genom att lägga till taggar, titlar och beskrivningar:
I det sista steget så beskriver användaren sina bilder

En knapp mindre

Alla borde sträva efter att göra saker enklare. Ett smart sätt att minska antalet knappar i en kundkorg är att göra som Acne Jeans (eller snarare deras e-handelsleveratör Panagora Room).

De flesta e-handlare har både ett fält för antal samt en ta bort-knapp:

NetonNet:s kundkorg

Amazons kundkorg

Acne Jeans slår två flugor i en smäll genom att kombinera antal och ta bort till en enda funktion. Klickar du på pluset ökas antalet, klickar du på minuset (förutsatt att antalet är 1) så tas varan bort:

Acne Jeans kundkorg