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.

Ett smartare adressfält i Firefox 3

Firefox version 3 finns i skrivande stund som beta 2. En av nyheterna i den kommande versionen är en ny och smartare matchningsalgoritm till adressfältets autokompleteringsfunktion. Tidigare har du som användare behövt skriva adressen till sidan du vill besöka igen men nu går det lika bra med ett ord från sidtiteln.

Så här kan det till exempel se ut (klicka för förstoring):
Adressfältet i Firefox 3

Förutom smartare matchning tycker jag personligen att texten även är snyggare och mer lättläst än tidigare.

Detalj på kontoutdraget

Jag fortsätter att skriva om detaljer.

Just nu använder jag 37signals projektsamarbetesverktyg (hmm, det finns nog en bättre översättning på ”project collaboration tool”) Basecamp till två olika projekt.

Kontoutdraget ser ut så här:

Kontoutdrag för Basecamp

Webbsidan 37signals.com/charge har rubriken Can you tell me why there’s a charge from 37signals on my credit card?. Denna lösning har säkert sparat in många timmar av supportarbete.

Detalj i tvättstugan

Jag gillar smarta detaljer. Små och (oftast) enkla lösningar som får en att tänka ”aha, detta var smart tänkt”.

En detalj som jag gillar finns på undersidan av locket till tvättmedelsfacket på en av tvättmaskinerna i min tvättstuga.

Locket har på ovansidan två bilder, det till vänster symboliserar förtvätt och det till höger huvudtvätt.

Ovansidan av locket till tvättmedelsfacket

Att komma ihåg vilket fack som hör till vilken typ av tvättmedel är nog något de flesta glömmer bort så fort de öppnar luckan (det heter korttidsminnet av en anledning…). Detta lock är dock smart designat, när man öppnar det finns likadana symboler även på undersidan.

Undersidan av locket till tvättmedelsfacket