”Focus on the End User experience”

Let’s obsess about what is best for the end user. We often make product decisions based on strategic alignment, partner requests or even legal advice — the end user doesn’t care. We simply have to admit that Apple is nailing this and it is one of the reasons they have people lining up overnight at stores around the world, and products sold out for months. These people aren’t hypnotized zombies, they simply love beautifully designed products that are user centric and work how they are supposed to work.

Läs mer i Open letter to BlackBerry bosses.

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

Enkla designknep som förbättrar kortläsare

Nästan alla som har betalat med kort har någon gång haft kortet vänt åt fel håll, dragit det för för snabbt — eller för långsamt. En rolig aspekt med kortläsare är att expertanvändarna — det vill säga alla expediter — nu har börjat designa om terminalerna. Varför är det inget kortföretag som har frågat dessa användare förut vad som behöver förbättras? Dessa personer har bevittnat miljontals med användarinteraktioner och har säkerligen en stor kunskap om vad som fungerar bra respektive dåligt.

Det verkar även vara rätt så vanligt att glömma kvar kort i chipläsaren, vilket ett användartest borde ha upptäckt. En kund i en affär har som mål att köpa en produkt och ta med denna från affären, därför är det lätt att glömma kortet eftersom man vid betalningsgodkännandet har uppnått sitt mål. Jämför med hur man vid en bankomat tvingas ta ut kortet innan man kan utföra målet, nämligen att få pengarna i handen.

Jag har fotograferat flera olika kortläsare där expediteterna med små, enkla och billiga trix har förbättrat interaktionsdesigen avsevärt. Guerilla usability är i sig ett intressant fenomen, men när får vi egentligen se en bra designad kortläsare som löser dagens problem?

Exempel på omdesignad kortterminal

Exempel på omdesignad kortterminal

Exempel på omdesignad kortterminal

Exempel på omdesignad kortterminal

Exempel på omdesignad kortterminal

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.

Månadens citat

One of the most rewarding things has been showing people that there’s a different way, a better way. Software doesn’t have to be a pain in the ass. Software doesn’t have to get in the way. Software isn’t about feature lists and sensational promises. Software is a concise set of tools that serve as an extension of your own mind. Great software lets you get things done and then it gets out of your way.

Jason Fried från 37signals levererar detta citat i bästa Normanklass i inlägget Happy Birthday – Basecamp Turns Five!.

Guerilla usability!

Om du vill ta dig till Gärdets tunnelbanestation har du tre alternativ: två ”traditionella” nedgångar i form av rulltrappor, samt en hissnedgång (sammanlagt finns tre hissar vid denna nedgång).

Otydliga hissknappar

När jag steg in i en av hissarna tog det några sekunder innan jag såg vilken knapp som man behövde trycka på för att åka ner till tunnelbanenivån. Okej, fotot ovan är taget med en mobilkamera och därför inte av den bästa kvaliteten, men bilden återspeglar ändå hur svårt det var att se vad som stod under respektive knapp. Efter att ha fått vinkla huvudet lite och gå lite närmare tryckte jag in rätt knapp.

Dagen därpå skulle jag åka upp från tunnelbanan till marknivån men denna gång var det en av de andra hissarna som stannade. Väl inne i hissen upptäckte jag att en tidigare resenär hade målat dit två pilar för att markera vilken knapp som gjorde vad!

Ditritade pilar vid hissknapparna

En god gärning i bästa guerilla usability-stil!

Några snabba funderingar:

  • Hade man gjort någon slags användaranalys (och i bästa fall även testat med användare) så borde upp- och nedknapparna inte bara ha fått varsin pil, de borde även ha tillverkats i en större storlek än nödknapparna för att tydligt markera vilka knappar som är de viktigaste. Nödknapparna skulle fortfarande vara tydliga pga. färganvändningen.
  • Hur tänkte hissknapparutvecklarna att användare som inte förstår svenska skulle göra? Gissa? (Iofs 50/50… om inte användaren trycker på en nödknapp vill säga)
  • Behövs det upp- och nedknappar överhuvudtaget? Eftersom hissen bara har två stopp (marknivå och tunnelbanenivå) vill man ju antingen åka upp eller ned. Jag är dock lite osäker på om nya användare skulle förstå att man inte behöver trycka på något när dörrarna stängs.

(För dig som undrar över rubriken så är det en omskrivning av reklammetoden ”guerrilla marketing”.)

Användbara användartester med Silverback

Macanvändare har länge saknat ett verktyg för inspelning av användbarhetstester, brittiska Clearleft har dock löst det problemet genom att släppa Silverback. Användartestprogrammet är långt ifrån lika avancerat som Morae, syftet med Silverback är dock att det ska används för ”guerilla usability testing”.

Programmet passar utmärkt för tester ute på ”fältet” då inspelning av testdeltagaren sker genom iSight (kameran som alla bärbara macar är utrustade med).

Fokusera även på det som fungerar bra

I användbarhetstester ligger oftast fokus på det som fungerar dåligt. I en av Jakob Nielsens ”alertboxar” skriver användbarhetsgurun om att det även kan vara bra att ibland skifta fokus och undersöka varför användarna alltid lyckas med vissa uppgifter. Denna metod passar dock bäst för system där designers och utvecklare har lyckats med att lösa de mest uppenbara felen.

Som vanligt levererar Nielsen intressant läsning och denna alertbox är inget undantag.