Stadium mobilanpassad – mina kommentarer

För ett par veckor sedan lanserade Stadium en mobilanpassad sida av Stadium komplett med e-shop. Adressen är m.stadium.se och är framtagen av Brightstep. Jag hade redan vid första besöket en del synpunkter på sidan och vissa lösningar. Mailade några idéer och förslag till Brigthsteps VD Mattias Pihlström men kanske är andra intresserade så här delar jag med mig av mina synpunkter och förslag till lösningar. Jag är medveten om att det jag sett är en första (men dock skarp) release och det har redan hänt vissa förbättringar på sajten. Continue Reading

Nokia Lumia 800 and Windows Phone 7.5 first impression from a usability perspective

End of November I attended the MobX Conference in Berlin and became a lucky winner of a brand new, in Sweden not yet released, Nokia Lumia 800. Short summary of MobXCon in Swedish. The first Windows Phone 7 release from Nokia with the new “Mango” 7.5 OS version. In this post I will try to summarize my experiences from using the Lumia hands on.

Just to give you some background info of my previous smartphone experience. I bought a iPhone 2G 2007 and used that for more than two years, have had a iPhone 3GS after that, used a HTC Desire for about 9 months and right now I am using the Lumia and a iPhone 4S.

Unfortunatly its not possible to screen dump on WP7 (unless you developer unlock it for $99 and side load a 3rd party application) and I honestly believe that it is a big draw back for users not to be able to share screen dumps and spread the word about WP7. But I will try to illustrate my examples with some images from the official Windows Phone templates PSD. Continue Reading

Sammanfattning av MobXCon

Förra veckan var jag på MobXCon i Berlin. En tvådagars workshop/konferens med ämnet “Mobile Experience and Design & Usability”. Här sammanfattar jag mina lärdomar från de två dagarna i en post tillsammans med en Keynote som jag ska dra för kollegorna på More Mobile Relations.

Dag ett hade jag först workshop med Josh Clark, författaren till Tapworthy. Har du inte läst boken så rekommenderar jag att du gör det nu, kolla även in hans sajt där han har flera presentationer. Mycket bra och enkla tips om att designa för mobilen, här hittar du mina anteckningar i Evernote.

På eftermiddagen hade jag workshop med Darryl Feldman från Nokia i Berlin. Där diskuterade vi “micro experiences” och var inne på ämnet om vad som händer efter “touch” och om tekniken som en del av dig själv.

Dag två var det föreläsningar från ett antal namnkunniga personer. Jag sammanfattade mina erfarenheter i Keynoten och har delat upp erfarenheterna i:

  1. 7 mobila myter – där Josh Clark dödar vanliga föreställningar om den mobila kanalen
  2. Designtips – även här en del från Josh Clark
  3. User Experience – om bland annat “non discoverability”, mönster och multitasking
  4. Prototyping – där vi bland annat fick en demo av Fluids prototypverktyg byggt i html5 och specifikt för att prototypa mobilt
  5. Plattformsstrategi – om hur man ska tänka strategiskt
  6. Contentstrategi – där Karen McGrane gjorde starkt intryck på mig och fick mig att inse att WordPress ur lådan är ett dåligt CMS när det kommer till plattformsoberoende

I en paus fick vi dessutom en dragning från Microsoft om Windows Phone 7 och tankarna bakom Metro, deras GUI. Inspirerande att Microsoft gör något “eget” och tänker bortom grafiska ikoner som ska efterlikna en analog värld. Förutom dragningen fanns det chans att vinna en Nokia Lumia 800 med Windows Phone 7 – och jag vann den!

Jätteroligt förstås, speciellt eftersom den knappt släppts i Europa och det blir min första kontakt med Windows Phone. Återkommer med en post om mina upplevelser med den, men några snabba reflektioner. Hårdvaran känns riktigt gedigen och mobilen är snygg och smidig. Grafiska gränssnittet är som sagt modernt och trevligt och för en designer som jag känns det roligt att Microsoft fokuserat på typografin. Några kommentarer dock:

  • Typografiska gränssnittet är modernt, men hur “klickvänligt” kommer det vara för normalkunden, en tvåbarnsmamma från en svensk småstad som tycker läderimitationen i “Find my iPhone” är härlig?
  • Outlook har förbättringsområden. Den laddar inte automatiskt in bilder (som den har gemensamt med sin storebror Outlook på PC) och jag kan inte ens ställa in att jag vill att den ska ladda in bilder. Konversationerna trådas vilket jag inte gillar, inte heller det går att stänga av
  • Internet Explorer… största hindret för mig är webbläsaren. Den känns gammal och omodern på PC och så även i mobilen. IE är inte en webkit-browser som tex för iPhone och Android och det märks. Ett stort problem är också att många som bygger mobilsidor för “alla plattformar” inte anpassar den för Windows Phone – tex bygger i html5 eller med css-animationer

Återkommer dock med lite mera erfarenheter av Windows Phone så fort jag lyckas klura ut hur i h*lvete jag ska kunna skärmdumpa från den utan PC och massa hack och fultrix.

Läslista om mobildesign och utveckling

Tänkte dela med mig av en läslista med litteratur som täcker in de områden som intresserar mig mest just nu. Det innebär texter om att designa och utveckla för mobilen, “responsive design” samt infographics och användbarhet.

MobXCon Conference i Berlin

I november ska jag på MobXCon conference, en tvådagarskonferens i Berlin som handlar om mobilt UX och användbarhet. Första året konferensen körs men en hel del intressanta talare på schemat.

  • Josh Clark som bland annat skrivit boken “Tapworthy” som är en väldigt bra guide till design för appar, med grundläggande information och många och bra designexempel
  • Stephanie Rieger som ligger bakom Yiibu och “Rethinking the mobile web
  • Oliver Reichenstein från Information Architects som jag inte känner till så mycket om annat att de släppt ett snyggt WordPress-tema
  • Nancy Birkhölzer från Fjord, Fjord som bland annat ligger bakom Telias nya digitala manér
  • Darryl Feldman som tydligen leder arbetet med appar för Nokia/Microsoft vilket blir kul att veta mer om

Planerar och stanna någon dag efter konferensen och funderar på att hitta boende under konferensen via Airbnb, ett roligare boende där man kanske kan få lite personliga rekommendationer till Berlin.

Inspiration för design av Android och iOS

En liten post med sajter där man kan hitta bra exempel på hur andra har löst designen på loginsidor, profiler, dela innehåll, start-up-sidor etc för framför allt iOS men även lite för Android och mobila webbsidor. Mina tips är:

  1. Mobile Awsomeness
  2. CSSiPhone
  3. Mobile UI patterns
  4. pttrns
  5. Mobabled, min egna sajt där jag gjorde ett ambitiöst försök att samla design från appar och sajter, kanske borde jag bygga om den enligt samma modell som t.ex. pttrns ovan
  6. Dribbble där man kan söka på iOS, iPhone eller iPad
  7. Emberapp där man kan hitta design för iPhone och iPad
  8. LovelyUI

Har samlat dessa samt nya sajter som tillkommer på Delicious.com/glvstn/mobile+pattern

Foto: lucamascaro på Flickr

Edit, lagt till 7. Embedapp 11 mars. Lovely UI 11 april.

Snurrskiva eller petmoj som metafor i en app

Sett några exempel på appar som använder en “snurrskiva” eller petmoj (för dig som minns gamla telefoner) som navigation och började fundera lite på fördelar och nackdelar med just det grafiska gränssnittet och metaforen av petmojen. Antar att det kommer därifrån för jag har knappast sett något liknande GUI innan dess och inte heller sedan dess, möjligtvis de där parkeringssnurrorna som finns i städer med gratis parkering men med tidsbegränsad parkering.

Fokus Bank en del av Danske bank samt Eniro

Först såg jag iPhone versionen från Fokus Bank i Norge och sedan även Danske Bank här i Sverige. Det visade sig att Fokus var en del av Danske Bank och som bägge utvecklats av ett företag som heter Trifork och som gjort en hel del liknande appar för banker. Sedan kom även en ny version av  Eniros Android app som även den hade en snurrskiva i en del av navigationen. Continue Reading

Chrome to Phone även för dig med apps-konto

Chrome to Phone, vad är det då. Jo det är egentligen en plugin till din webbläsare, Chrome eller Firefox som gör att du kan skicka tex webblänkar direkt till din Android. Och det roliga är att att du kan skicka mer än det, du kan skicka länkar till Market eller en videolänk från YouTube som direkt startar videon i YouTube-appen på din Android.

Eller du kan markera ett textstycke och skicka det direkt till utklippsminnet på din Android genom att markera texten, högerklicka och välja Chrome to Phone i menyn…

Läste just en post om Chrome to Phone på Appstorm idag och kom ihåg att jag tidigare läst om det på Johan Larsson blog, organiseratkaos men att jag inte kunde använda det eftersom jag kör Google Apps konto med johan@galveston.se.Tyvärr släpper Google vissa lösningar som av någon anledning inte stöds av mig som betalande apps-kund men som stöds av en vanlig @gmail.com adress.

Men som tur är finns det en lösning för dig med en Apps-adress, nämligen att skaffa en vanlig @gmail.com-adress och välja att ha multiple sign-in. Multiple sign-in väljer du via personal settings och väljer Edit. Bocka för fyra kryssknappar, ange din @gmail.com adress som sekundär adress.

Sedan testade jag och det fungerade. Sedan testade jag efter en 15 minuter igen och då fungerade det inte eller så fungerade det men jag blev inloggad med mitt sekundära konto och då kom jag inte åt tex Google Reader som jag skulle… Efter en del klickande mellan mina epostadresser samt in- och utloggande så fungerade det igen, så nu vågar jag inte röra det igen, men hav förtröstan om det strular för dig, det fungerar.

För att få det att funka måste du köra 2.2+ på din Android och ladda ner Chrome to Phone från Market, men lättast är att du börjar med att ladda ner plugin för Chrome eller Firefox. Själv kör jag Firefox beta 11 och fick det inte att fungera med pluginet i version 1.1.1 trots att det stod stöd fanns för 4.0+ , men å andra sidan kom versionen för Firefox i augusti 2010 och mycket har hänt sedan dess.