Jan/110
Runkeepers webbgränssnitt
Då jag inte är någon löpare försöker jag använda mig av så mycket digitala saker jag kan för att tycka det är roligare än vad det egentligen är.
En av de bästa sakerna är Runkeeper. Med hjälp av Runkeeper sparas all data när man tränar, antingen manuellt eller automatiskt via t ex en iPhone-applikation.
I mitt fall springer jag en del på löpband och matar således in informationen manuellt genom www.runkeeper.com. En väldigt trevlig sajt som fungerar som man tycker en bra sajt borde fungera år 2011. En anledning till att de lyckats göra en så bra implementation av gränssnittet stavas JQuery. Det är ett Javascriptbibliotek som gör webben väldigt rolig.
Lite JQuery-plugins Runkeeper använder sig av:
Tooltips: http://code.drewwilson.com/entry/tiptip-jquery-plugin
Transitions: http://jquery.malsup.com/cycle/
Text inne i textrutor i formulär: http://plugins.jquery.com/project/labelover
Karusell: http://sorgalla.com/jcarousel/
Formulärvalidering: http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Textfält som växer: http://www.unwrongest.com/projects/elastic/
Tooltips: http://code.drewwilson.com/entry/tiptip-jquery-plugin
Bild-overlay: http://fancybox.net/
Avancerad easing: http://gsgd.co.uk/sandbox/jquery/easing/
Mouse Wheel support: http://brandonaaron.net/code/mousewheel/docs
Datavisualisering: http://www.highcharts.com/
Apr/100
Skapa en bild
Lotus Notes är ett program man kan ha många åsikter om och jag har allvarligt talat inte hittat något positivt med det än. Nedan finns ett intressant exempel på hur funktioner namnges galet i applikationen. Funktionen Create Picture kunde jag inte greppa från början men efter ett test förstår man att det är Infoga Bild de menar.
Det kan vara de små detaljerna som gör en produkt älskvärd eller inte, men i fallet med Lotus Notes så är i och för sig steget till något bra mycket större än att byta namn på en funktion.
Feb/101
Att namnge ett bankkonto
För ett tag sen skrev jag om att jag hade kontaktat min bank om att kunna namnge konton i Internetbanken (http://blog.leinerud.se/2009/10/14/kontonamn-vs-kontonummer/). Nu helt plötsligt vaknade min bank (Swedbank) och införde just denna funktionalitet.
Jag är nöjd och den stora frågan är ju om jag (den lilla människan) faktiskt påverkade.
Jan/104
Dessa kortterminaler
Jag brukar säga att den första varningen på att någonting är dåligt designat är om man behöver använda förklarande lappar för att användaren inte ska misslyckas totalt.
Det tydligaste exemplet på detta är alla dessa kortterminaler överallt, vilket är ganska intressant då användningsområdet för dessa är extremt smalt. Den gör ju inte så mycket den där apparaten på disken, den tar emot ett kort och låter mig betala mina nya sneakers. Trots detta visar min högst oakademiska undersökning att ca 90% av alla kortterminaler är beprydda med fina små lappar. ”Konto”, ”kredit”, ”vänd remsan åt vänster” och ”chip funkar inte” är inte ovanliga texter.
Hur svårt kan det egentligen vara att designa en terminal som alla förstår sig på? Det kanske kan vara ett uppdrag till ”alla” er läsare, hur man ska lösa detta absurda designproblem.
Nov/090
Stäng av ljudet
Dell gjorde att jag kände mig lite dum idag när jag skulle stänga av ljudet på datorn.
Det känns ganska ologiskt att stänga av ljudet längst till höger. En ganska ovanlig lösning som gjorde att jag tryckte fel.
Okt/093
Kontonamn vs kontonummer
Jag ringde min bank för ett tag sedan och frågade om jag kunde namnge mina konton på internetbanken, vilket skulle underlätta en hel del då jag nu har några för olika syften. Varje konto har ett 15-siffrigt nummer så de är lite luriga att särskilja, särskilt vid en snabb överblick.
Bankens svar var ett rungande nej så jag har nu än en gång använt mig av Greasemonkey för att på klientsidan lösa detta problem. Jag namnger helt enkelt alla konton men visar även numret i anslutning till namnet. Nedan kan resultatet ses (med censurerade nummer):
Före:
Efter:
Skriv en kommentar om ni också vill ha lite hjälp i denna nummerdjungel.
Sep/090
Bra feedback på nya NetOnNet
NetOnNet har uppdaterat sin webbshop vilket var behövligt då deras tidigare sajt var långt ifrån användarvänlig eller njutbar.
Sidan är mer estetiskt tilltalande än den gamla men det är inte där den stora förändringen ligger enligt mig.
En av de viktigaste sakerna för en användare av en webbshop är kundvagnen och här är förändringarna extremt stora. Nu ligger det stor vikt på kundvagnen och det tycker jag är helt rätt grepp. Många skulle nog sluta lägga energi på kundvagnen i detta läge, men här har de tänkt till lite extra. De har lagt fokus på momentet att just lägga någonting i vagnen. På många andra webbshoppar får man ingen eller dålig feedback på att en vara faktiskt lagt sig i vagnen, någonting som faktiskt inte är helt självklart bara för att man har tryckt på en knapp.
På NetOnNet får man feedback på att en vara har lagts till på följande sätt:
- När man klickar på ”Lägg i kundvagn” så får man direkt feedback genom att en rektangulär kontur förflyttar sig från knappen upp till kundvagnen.
- När rektangeln kommer fram till kundvagnen så hoppar vagnen till och man ser direkt att en vara lagts till.
Ibland kommer direkt till en annan sida där man kan lägga till tilläggsförsäkringar vilket jag kan tycka är lite irriterande. Det borde kunna gjorts på ett snyggare sätt, men i det stora hela så gillar jag lösningen skarpt och jag hoppas fler webshoppar kommer ta efter.
Sep/095
Skiss på skärbräda/köksvåg
Nu har jag börjat skissa lite på mitt nya projekt. En skärbräda med inbyggd våg som är mer än lite inspirerad av vårt gamla projekt Remotable.
Letar just nu efter en våg som kan slaktas för ändamålet.
Tanken är att genom faneret visa vikten, vilket syns på bilden nedan.
Daniel
Interaktionsdesigner, användare och en rätt vanlig människa
