13
Sep/09
0

Åka spårvagn

Jag har skrivit om Västtrafiks biljettsystem tidigare och nu när jag för första gången köpte ett månadskort fick jag en liten fin broschyr i min hand. Tycker att den förklarar väldigt tydligt att det inte ska vara enkelt att åka spårvagn. Bilderna är som vanligt tagna med min extremt kassa mobilkamera men det är inte själva innehållet som är det intressanta, utan att man måste ha en så galet stor broschyr för att kunna åka från punkt a till punkt b. Sida 2 fattar jag knappt vad den handlar om.

DSC00345

DSC00346

3
Sep/09
2

IxEdit

ixedit-logoInteraktionsdesigners är ett av de släktena inom it-världen som ofta vill hålla sig borta från att skriva kod. Detta beror ju så klart mycket på att ID inte har så mycket med teknik att göra, utan mer om hur denna teknik används.

Själv skriver jag gärna en rad kod då och då men då får det gärna vara väl kopplat till någonting jag själv varit med och designat.

Nu har jag hittat ett väldigt bra redskap för att kunna skapa interaktivt material på webben, utan att skriva en enda rad kod. IxEdit heter ”programmet” och ger statiska HTML-sidor liv och rörelse.

Installationsprocessen är väldigt enkel:

  1. Ladda ner IxEdit här. I den zip-fil man laddar ner finns det material man behöver och index.html som följer med fungerar bra som första test.
  2. Öppna index.html i Dreamweaver eller annan trevlig editor och bygg upp den struktur du vill ha på din sida.
  3. Öppna index.html i Chrome eller Safari, i andra fall behöver du installera Google Gears
  4. Nu är det bara till att testa IxEdit, i filmen nedan ser du hur man gör. Den förklara det mesta.

Efter man är klar kan man i programmets övre vänstra hörn välja ”Deploy” för att få en beskrivning hur man gör för att använda sig av den kod som IxEdit genererat. Vips så har man en dynamisk webbsida.

30
Aug/09
0

När en hemsida blir en applikation

Hur kommer det sig att vi helt plötsligt behöver en applikation för att komma åt informationen på en hemsida?

iphoneSom ett exempel kan vi ta kära Hemnet som ett tag varit Sveriges största bostadssajt. För en tid sedan gjordes en ”uppfräschning” av sidan vilket gav den nytt utseende. Men vad hände mer? Jo, helt plötsligt kunde man inte använda sidan i iPhone/ iPod touch för att de fräcka ”sliders” som sidan använder sig av inte stöds av Apples handhållna enheter.

Vad händer då? -”Jo, det här är inget problem för att iPhone-applikationen kommer att släppas snart.”

Vad skulle hända om alla tänkte såhär? Hela min home-screen på min stackars gamla iPod touch skulle bli översvämmad av ikoner, en för varje hemsida jag vill besöka.

Det intressanta med det här är ju att Apple faktiskt har lyckats väldigt bra med Safari på iPhone. Tillsammans med enhetens interaktionstekniker blir det den bästa mobila webbläsare jag har använt.

Det är klart att en applikation i dagsläget kan göra vissa saker snabbare och snyggare än en ”vanlig” webbsida kan göra, men till vilket pris? Applikationen fungerar fortfarande bara på EN sorts enhet och måste utvecklas specifikt för denna. Samt att Apples ständiga uppdateringar gör att det inte slutar där, utan att den måste underhållas för att kunna köras i framtida versioner av operativsystemet.

I och med att en webbsida relativt enkelt kan känna av om användaren surfar med sin iPhone så kan man presentera materialet på sajten på ett sätt som passar perfekt för dess skärm. De som lyckats bäst tycker jag är Google som t ex med deras Reader gör att RSS-feedsen kan läsas på ett väldigt bra sätt både på datorn och i en iPhone. Jag behöver ingen specifik applikation för att göra så enkel sak, vilket är väldigt bra.

Finns det ingenting jag gillar med det här då? Jo, det är klart det gör.

  • Liksom att ha sina bokmärken är det inte helt fel att ha några stycken av sina favoritsajter som en ikon på ”skrivbordet” och då kan det lika gärna vara en applikation, det kvittar för mig
  • Som jag tidigare sagt finns det viss funktionalitet i en iPhone som inte fungerar så bra på webben, vilket gör att vissa sajter gör sig helt enkelt bättre som applikation än som webbsida
  • Än en gång visar Apple varför de är världens bästa designers, de har lyckats få hela världens alla utvecklare att satsa på att utveckla för EN enda enhet, det skulle ju kunna jämföras med att alla skulle börja utveckla för endast Nokia N97
  • Hade det inte varit för hela den infrastruktur App Store tillhandahåller så hade inte så många utvecklat för just iPhone, trots att den är en av historiens bästa ”mobiltelefoner”
11
Aug/09
1

Jag älskar felmeddelanden

Ännu ett underbart felmeddelande kommer här. Denna gång är det min flickvän som lyckades hitta det och meddelandet kan nog ta priset som det längsta jag sett. Det är faktiskt så långt att okej-knappen inte får plats på skärmen (vilken har en rätt bra upplösning). Vi lägger till meddelandet i kategorin ”tack-för-informationen”.

Felmeddelande

3
Aug/09
0

Jag undrar om dörren är låst…

Jag trodde inte denna dag skulle komma, den dag då jag bloggar om en toalett. Men nu har jag stött på en sak två gånger och det har slitit mitt intresse till sig båda gångerna.

Alla har väl någon gång på en offentlig toalett tänkt tanken ”Kan jag verkligen vara helt hundra på att dörren är låst?”, för vem vill vara med om att en främling kommer inspringandes och får syn på en?

Att visualisera att en dörr är låst är ju inget nytt men det kan göras på många olika sätt, bättre och sämre sådana. Bäst brukar vara fysiska utanpåliggande vred då de direkt visar om det är låst eller inte. De lås som förflyttar en metallpinne gömt mellan dörr och karm är svårare att lita på då den enda visualiseringen är en liten vit/röd platta som vrids runt. Med tiden ger denna platta även med sig och hamnar mer eller mindre på sniskan, vilket gör den mer förvirrande än meningsfull.

Den lösning jag har hittat visar extremt tydligt om dörren är låst eller inte, från båda sidorna av dörren. Så den som är inne på toaletten kan känna sig trygg och den som ställer sig utanför kan snabbt se vilka toaletter som är upptagna och vilka som inte är populerade av andra människor. Bildernas kvalité är usel, men de får duga för nu.

handtag2handtag1

Jag har även sett en variant där hela dörren blir röd eller grön, vilket ger en ännu större effekt. Ingen av lösningarna är kanske någonting man vill ha i sitt hem, men tanken bakom de är strålande.

23
Mar/09
0

Digg Big Spy

http://labs.digg.com/bigspy/

15
Mar/09
0

Uppdaterat Facebook-skript

Nu har jag uppdaterat det skript för utseendet på Facebook jag skrivit om innan (http://interaktioner.blogspot.com/2009/03/fixa-facebooks-utseende_14.html).

Högerkolumnen:
- Tagit bort reklamen
- Gjort bilderna mindre
- Gjord textstorlekarna mindre

Mittkolumnen:
- Tagit bort alla inlägg av typen ”jag har tagit ett fjantigt test om vilken personlighet jag har”. Detta är tyvärr en liten fullösning då dessa inlägg är av samma typ som alla andra inlägg. Det skriptet kollar efter är texten ”took the” i inlägget. Så skriv inte det i era inlägg så slipper ni få de bortfösta :-)

Vänsterkolumnen:
- Minskat textstorlekarna

Ladda hem det nya skriptet på samma ställe som tidigare

14
Mar/09
0

Fixa Facebooks "nya" utseende

Gillar inte du heller nya utseendet på Facebook och undrar om de stora fontstorlekarna beror på att Facebookarna börjar tappa sin syn? Då ska du använda dig av ett litet skript jag har skrivit, vilket fixar utseendet till vad jag tycker är bättre. Nu får man åtminstone plats med fler än 5 nyhetsfeeds i höjdled.

Gör följande för att installera:

1. Installera webbläsaren Firefox (om du inte redan gjort det).

2. Installera ett add-on som heter Greasemonkey. Det gör mitt skript körbart.

3. Klicka på denna länk: http://userscripts.org/scripts/source/44239.user.js. Det borde skicka upp fönstret som syns här jämte. Tryck ‘Install’ eller ‘Installera’ så ska skriptet läggs till i Firefox.

4. Klart att surfa in på Facebook och kolla nya utseendet.

Då jag gjorde detta väldigt snabbt kan fel förekomma och skriptet kommer säkert uppdateras för att göra saker ännu bättre. De rundade hörnen på bilderna fick jag plocka bort för nu, men de kanske kommer tillbaka i en senare version.

Har ni några frågor är det bara att köra iväg de till mig.

Syns på Facebook.

19
Feb/09
0

Spara pengar med hjälp av bra Interaktionsdesign

Jag har inte skrivit så mycket om nyttan av Interaktionsdesign (ID i resten av texten) för tillverknings-/ produktutvecklingsföretag, så det tänkte jag göra nu.

Det finns många skäl att satsa hårt på ID redan från dag 1 i alla projekt och det är viktigt att det blir en naturlig del genom hela utvecklingsprocessen. Det handlar vad som ska designas, men även hur detta ska designas. Mitt tips brukar vara att man inte alltid behöver uppfinna hjulet igen, utan använda det på lite nya sätt. Man måste ha stor kunskap om många olika sorters tekniska artefakter och kunna plocka ut godbitarna i några av dem och applicera de på den produkten man just nu designar. På så sätt kan man tillverka en produkt som både tilltalar användarna och gynnar företaget.


På vilka sätt kan ett företag spara (eller tjäna) pengar genom bra ID då?

1. Nöjdare kunder. En produkt som är svår att förstå kommer med stor sannolikhet ge missnöjda kunder. Det handlar inte om att produkten behöver vara speciellt lätt att använda, den kan vara väldigt komplex men ändå göra att användarna känner sig tillfreds vid användning. Det exempel jag brukar använda är Photoshop, som trots dess komplexitet har väldigt många nöjda användare.

2. Färre returer.
Enligt en Holländsk uppsats (från 2006) är 50 % av alla returer på tekniska produkter på grund av dess komplexitet. Användarna vet helt enkelt inte hur man ska använda produkten. Detta är en väldigt hög siffra och likväl som man måste satsa på att bygga produkter som inte går sönder så är det lika viktigt att designa dessa så de går att använda.

3. Full funktionalitet.
En gång i tiden läste jag en artikel om vad Microsoft Words användare ville ha för nya funktioner i den uppdaterade versionen av programmet (kan inte hitta den texten igen så om någon vet vart den befinner sig så säg gärna till). De fick många bra tips på funktioner som kan vara bra att ha i ett ordbehandlingsprogram, men saken var den att många av funktionerna redan fanns i programmet men var svåra (eller omöjliga) att hitta.

4. Färre supportärenden.
Som jag skrivit om tidigare så är supporten en väldigt bra källa för att hitta brister i en produkt. Om man utnyttjar den information som supporten sitter på så kan man i en uppdaterad version av sin produkt undgå många av de ärenden som förra versionen medförde.



Det här var bara några av de saker som gör att ID är viktigt för alla produktutvecklingsföretag och ni har säkert fler på lager. Dela gärna med er om era tankar kring detta.
16
Feb/09
0

Kaffemaskinen förföljer mig

Nu har den dykt upp i mitt liv igen… Kaffemaskinen jag skrivit om innan. Den heter tydligen Bremer Viva och denna gång är ett ännu tydligare exempel på att dess design haltar rätt ordentligt.

Just denna maskin står på Strömstad Spa och här har faktiskt personalen upptäckt att ingen fattar hur man ska få ut lite kaffe och då har de försökt hjälpa till. Initiativrikedom gillar vi. Dock gör ju denna gest allting ännu mer komiskt. 3 lappar ska alltså hjälpa oss att få ut det svarta guldet till vår kopp.

Vi måste tänka på att våra ögon och vår hjärna snabbt försöker sålla bort det som inte är viktigt just nu och här är detta praktiskt taget omöjligt. Så mycket ”knappar” och texter så man blir helt yr gör att det tar lång tid att komma fram till hur man ska göra.



Det finns vissa saker som jag tycker man borde utnyttja när man designar en ny eller uppdaterad produkt.

  • Lappar runt en teknisk artefakt säger allt. Finns det lappar som förklarar hur någonting ska utföras är oftast artefakten designad fel. Ett exempel är kassorna på ICA som är överfyllda av små egenskrivna lappar som ska hjälpa kassörskan att komma ihåg alla konstiga varor och deras nummer. Igen ett bra initiativ av personalen, ett initiativ som visar på bristerna i det system de använder.
  • Användare vill inte känna sig dumma. En enkel tumregel som fungerar bra i alla lägen. Kaffemaskinen fick alla vid frukosten att känna sig en aning dumma. Vissa chansade faktiskt helt bara och tryckte på allt som fanns att trycka på, inte bra alls.
  • Lyssna på supporten. En liten outsider just i detta inlägg men inte mindre viktigt för det. De som vet vad användare tycker är oftast supporten. De vet vilka fel och brister som finns och detta är en outtömlig källa av information om hur en produkt borde utvecklas mot det bättre.
  • Hur går snacket på företaget där ett system används? Ett system kan helt ändra sättet man arbetar på, vilket kan vara väldigt bra att utnyttja. Jag har ett exempel i min närhet där alla pratar i koder och jag var tvungen att fråga vad de pratade om. Svaret var helt enkelt att de pratade om saker på det sätt som man skriver in bokningar det i system de använder. Istället för att i talspråk säga vad man menar säger man något i stil med: ”slå en etta på denna trettisjuan”. När ett system ändrar hela vårt vokabulär till det sämre så måste man fundera på om systemet gynnar företaget (eller dess pesonal).