Mobile UI Design Inspiration

Skrevs: November 6th, 2011 | Av: anders | Kategori: UI/UX | Inga kommentarer »

dribble-header

Everyone needs a bit of inspiration once in a while or good examples to set a design direction. Design for mobile is getting bigger and bigger and it’s good to keep up and delivering better stuff than what’s out there. Just thought I’d share where I go to find inspiration;

Dribbble

A clear favorite – great designers post great stuff on their current work.

Mobile UI Patterns

Another favorite – simple where it’s easy to find inspiration for a specific functionality in your apps.

Patterns

Just as simple as the previous mentioned – sorted on functionality.

Lovely UI

A site I recently discovered that – also sorted on functionality.

Once in a while I look at TappGala, Creattica, iOS Inspires Me and iOS Inspirations.

But usually I stick to the first one I mentioned - That’s where I go – Do you have any other recommendations?


Expressen och SVDs iPad-appar floppar

Skrevs: November 24th, 2010 | Av: anders | Kategori: iPad | Taggad: , , , , , | 7 kommentarer »

Har precis kollat in SVD och Expressens iPad-appar och känner att de missat målet totalt. Två anledningar.

1. Det är inte anpassat efter plattformen. Att läsa en tidning som pdf är inte att utnyttja möjligheterna som ges med iPad. Användarupplevelsen när du bläddrar i sidled mellan bladen är sämre än om du går in på respektive sajt via Safari.

2. De har båda missat prisnivån. Tror inte att någon är villig att betala mer för en tidning i en iPad om det inte ger något mervärde i övrigt. Varför betala för något som ger en sämre användarupplevelse än en papperstidning?

Ser fram emot att se vad DN gjort men Bonniers News Plus har iaf störe potential. Läs mer om det här.

Hoppas också att “folk” börjar lära sig att det inte per automatik är bra att ha en app. Bättre att vänta och utveckla något som kan förbättra relationen till (medie)konsumenterna istället för att skapa frustration. Det mobila ska ses som lika viktigt som allt man gör i andra medier.

Att vara först är verkligen inte viktigast om det innebär att användare tar bort appen för att aldrig installera den igen.

Här kan ni se Bonniers News+:

Konceptet News+ från Bonnier from Bonnier on Vimeo.


Filmfestivalen börjar om några dagar och iPhone-appen släppt

Skrevs: November 11th, 2010 | Av: anders | Kategori: iphone | Inga kommentarer »

filmfestivalen-iphone

Filmfestivalens iPhone-app ligger nu i App Store och underlättar din planering för filmfestivalsbesöket. Läs om filmer, se trailers och håll koll på de biljetter du köpt. Yeey.

Du hittar den här – http://itunes.apple.com/se/app/stockholms-filmfestival-2010/id399220821?mt=8.


Intervjuad på Norska Netcoms iPhone-blogg

Skrevs: September 29th, 2010 | Av: anders | Kategori: Blandat | 1 kommentar »

netcom-blogg

Videon som jag och Christian Rudolf spelade in för mjukvara.se ledde idag till en intervju för Norska Netcoms iPhone-blogg. Den går något djupare och handlar om webbappar, underhåll av iPhone-appar och vad som händer inom app-världen under 2011. Frågorna är på norska men svaren är på svenska och ni hittar dom här:

http://netcomiphone.no/2010/09/29/tips-for-utvikling-av-iphone-apps/

Lite utdrag:

Et viktig poeng i videoen deres er at det er lett å undervurdere er vedlikehold av appen. Hva er best practice på dette området?

Det mest självklara är när appen ska användas för att presentera en viss typ av data/content; Se till att uppdatera innehållet så att appen fortsätter vara aktuell och intressant. En recept-app som exempelvis ofta tipsar om nya recept skapar större intresse av att använda appen regelbundet för den som är matintresserad.

Det är också viktigt att ta in feedback från användare. Läs recensionerna på AppStore och se vad som skrivs på exempelvis bloggar och i tidningar. Ta till er av den viktigaste kritiken och uppdatera appen snabbt. En trogen användarskara som talar väl om er produkt är den bästa marknadsföringen ni kan få. Ett bra intryck av en app är lika viktigt som intrycket en användare får av ert företags hemsida. Dåliga recensioner ligger dessutom kvar och kan stoppa folk från att ladda ner.

Förutom att vara lyhörd bör ni också hålla koll på nya tekniska möjligheter som kommer med nya iPhone/iPad-modeller och uppdaterade operativsystem – anpassa era appar efter dessa och ta tillvara på relevanta tekniska möjligheter. Spotify var t ex snabba med att kunna spela musik i bakgrunden när det blev tillåtet, och många uppdaterar nu sina appars grafik för att de ska se bra ut i iPhone 4.

Hvordan tror dere fremtiden innen app-utvikling vil se ut i 2011?

En app kommer bli en hygienfaktor, precis som en webbplats och dessutom vara något som många kunder förväntar sig.

De flesta företagen som avvaktat kommer ge sig in på allvar och skapa en aktiv mobil närvaro. De kommer se vilken kraftig marknadsföringskanal det är och att det kan vara en USP gentemot konkurrenter. Vissa tjänster gör sig dessutom mycket bättre i mobilt format än exempelvis på webben. Jag tycker t ex att tidigare nämnda twitter-klient är betydligt bättre än twitter.com.

Rent tekniskt tror jag vi kommer se mer Augmented Reality och Geolocation-tjänster. I de flesta fallen via iPhone-appar, samtidigt som allt fler även gör en Android-app för att inte exkludera målgrupper.


Semi-localization

Skrevs: June 6th, 2010 | Av: anders | Kategori: iphone | Taggad: , , , , , | Inga kommentarer »

För att byta mellan set av strängar kan du antingen göra en fullfjädrad localization. Ett alternativ att använda hantera strängar och språk manuellt i appen. Du kanske bara vill hantera olika sträng-set på ett överskådligt och uppdelat sätt.

Skapa en strings-fil:

Välj New File -> Strings File och döp filen till något du känner igen. Om det handlar om att separera språk så kan du exempelvis kalla den se.strings eller en.strings.

Sen fyller du på med nycklelvärden och strängar enligt:

/* se.strings */

/* urlar */

“baseurl” = “http://www.någonurlfördethärspråket.com”;

/* base menu */

“start” = “Hem”;

“settings” = “Inställningar”;

Notera semikolon i slutet av varje rad.

Hämta ut strängar från strings-filer:

Om du sedan vill hämta ut någon sträng – exempelvis “start”-strängen vilken ska översättas till “Hem” (i från ovan fil som heter se.strings) använder du bara:

NSLocalizedStringFromTable(@”start”, @”se”, nil);

Det första värdet är alltså namnet på “nyckeln”, det andra vilken fil, eller tabell, du vill läsa ifrån.


Hultsfredsappen släppt

Skrevs: June 2nd, 2010 | Av: anders | Kategori: iphone | Taggad: , , | Inga kommentarer »


Push-notiser

Skrevs: May 17th, 2010 | Av: anders | Kategori: iphone | Taggad: , , , , | Inga kommentarer »

Du kan skicka med vilka parametrar du vill i dina push-notiser.  Förutom badge-nummer, notisljud och notistext kan du skicka med extra-data som din app kan plocka upp i det NSDictionary-objekt som du tar emot via:

-(void) application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo {

NSLog(@”Got values: %@”, [userInfo allValues]);

}

Eller  när programmet startar, triggad av en push-notification:

-(BOOL) application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

application.applicationIconBadgeNumber = 0;

NSDictionary *userInfo = [launchOptions valueForKey:UIApplicationLaunchOptionsRemoteNotificationKey];

NSLog(@”Got values: %@”, [userInfo allValues]);

}

Exempelvis så skapar jag min JSON-array på följande vis med php:

$body['aps'] = array(’alert’ => $message);
if ($badge)
$body['aps']['badge'] = $badge;
if ($sound)
$body['aps']['sound'] = $sound;
$body['band'] = array();
$body['band']['id'] = “9″;

$body['aps'] = array(’alert’ => $message);

if ($badge)

$body['aps']['badge'] = $badge;

if ($sound)

$body['aps']['sound'] = $sound;

$body['extrainformation'] = array();

$body['extrainformation']['data1'] = “Extra sträng”;

json_encode($body);

Override på en Coredata-objekt setter

Skrevs: May 14th, 2010 | Av: anders | Kategori: iphone | Taggad: , , , | Inga kommentarer »

Om du skapat ett Coredata-objekt med en uppsättning attribut och automat-genererat en klass kan det hända att du vill ändra en set-funktion. I mitt fall ville jag exempelvis nyligen uppdatera “tid för senaste updatering” samtidigt som jag favorit-markerade ett objekt.

I och med att alla Coredata-attribut är @dynamic kan du inte sätta värden som om det vore en vanlig @property utan du använder dig av Key Value Coding:

-(void) setFavourite:(NSNumber *) newFav {

[self willChangeValueForKey:@"favourite"];

[self setPrimitiveValue:newFav forKey:@"favourite"];

[self didChangeValueForKey:@"favourite"];

[self timestamp];

}

Det viktiga här är, för det första, att du använder willChangeValueForKey och didChangeValueForKey. Sen kan du använda setValue: forKey: vilket jag fått att fungera för NSString-attribut, men inte för NSNumber – så använd setPrimitiveValue: forKey: istället. Vad jag förstått är det generellt att föredra.

Då vi ändå är inne på key values så tänkte jag tipsa om key-paths. Letade rätt på en bloggpost som visar lite saker du kan använda det till – exempelvis smidigt söka igenom en NSArray eller NSDictionary.


iPhone och JSON decoding tips

Skrevs: May 14th, 2010 | Av: anders | Kategori: iphone | Taggad: , , | Inga kommentarer »

Hade en app som fungerade perfekt med  SBJSON-encoder/decoder (som jag har sett och hört fler använda med goda resultat). Det har varit så för mig väldigt länge…

MEN… Helt plötsligt fick jag felmeddelanden utan att ha ändrat någon närliggande kod. Det klagades på att key-values inte var rätt separerade osv.

Det verkar som att den decodern inte klarar av för långa strängar och när json-flödet växte så gav den upp. Jag hittade istället TouchJSON vilken fungerade perfekt. Decodar på följande vis:

NSString *jsonString =[[NSString alloc] initWithString:collectedDataString];

NSData *jsonData = [jsonString dataUsingEncoding:NSUTF32BigEndianStringEncoding];

NSError *error = nil;

NSDictionary *res = [[CJSONDeserializer deserializer] deserializeAsDictionary:jsonData error:&error];

Touch JSON finns att ladda ner här.

Efter ytterligare läsning hittade jag även YAJL som i olika tester verkar vara snabbast av de tre.

**

Numera använder jag bara YAJL då den gett bäst prestanda och har aldrig haft några problem.


XCode och resurser igen

Skrevs: April 26th, 2010 | Av: anders | Kategori: iphone | Taggad: , , , , | Inga kommentarer »

Efter att ha rensat upp och strukturerat om min projektfil och tillhörande resurser slutade mitt projekt helt plötsligt att fungera. Det enda felmeddelandet jag fick upp var:

Failed to launch simulated application: Unknown error.

Efter att ha spenderat någon timme med att lista ut varför, kollat /var/log/system.log och googlat inser jag att många har haft samma problem, men inte alla hittar lösningen. Vanligtvis kan det räcka med att tömma cache:n i XCode eller reset:a iPhone Simulator, men i mitt fall räcker det inte.

Vad löste då problemet?

Jo, det var så enkelt som att vissa mappnamn inte är okej. Jag hade först döpt en resurs-mapp, som använder sig av folder-references, till Resources och därefter ExternalResources – båda vållade problem. Sen döpte jag mappen till samma namn som appen vilket också gav problem tills jag slutligen valde namnet Material. Och helt plötsligt fungerar projektet precis som det ska.

Konstigt att XCode inte kan ge ett korrekt felmeddelande när man försöker kompilera och testköra, men nu vet jag åtminstone att jag inte ska döpa externa resursmappar till något med resources eller något som innehåller app-namnet.


Android Developer Lab – MWC Barcelona

Skrevs: February 19th, 2010 | Av: anders | Kategori: Android | 2 kommentarer »

android-seminar-google-top

Google var självklart också på mobilmässan och körde introduktions- och spelutvecklingsseminarier. Introduktionen var inte särskilt inspirerande i sig och på det stora hela var det i mångt och mycket en diss av iPhone. Ryktet om att de delade ut Nexus One gjorde däremot att det var ett enormt tryck på att komma in på seminarierna. Många var besvikna och upprörda när de inte kom in och vissa försökte gå in flera gånger.

Det stora som togs upp var att med en Android kan man göra nåt så fantastiskt som att lyssna på Spotify samtidigt som du kollar mailen. Det finns även möjligheter att på ett annat sätt kommunicera direkt mellan appar och att i grunden ändra systemet då det är open-source.

Föreläsaren talade även om vikten av mobiltelefoner för att nå internet och att i utvecklingsländer kan det komma att bli det enda fönstret mot internet. Han påtalade även att Android växer med stormsteg och har 20% av mobilsurfandet i världen där iPhone samtidigt har 50%. Sifforna kom från Admob, Googles nyförvärv och just jämförelser mot iPhone återkom flera gånger. Han menade även att Android-användare återkom oftare till nedladdade appar och behöll dem längre.

Men det stora för min del på det här seminariet var det faktum att Google faktiskt gav bort en Nexus One till alla på seminarierna. Det var faktiskt det bästa på hela mässan och en rejäl överraskning. Och jag kommer definitivt börja kolla på att koda för Android även om iPhone fortfarande är min favvo och får mitt huvudfokus.

En spontan Nexus One utvärdering: Den känns väldigt mycket bättre än vad jag trodde. Det bästa är möjligheten att lägga in widgets samt att man faktiskt köra appar parallellt i bakgrunden. Den smidiga kopplingen till ditt Google-konto är också väldigt skön. Däremot är det fortfarande mycket med interfacet som känns bättre och mer lätthanterligt i en iPhone. Men det är ändå vasst. Way to go, Google! Och tack som f-n för telefonen!

android-and-anders-fardigh

android-opening-box

me-opening-android

nexus-one-big-simulator nexus-one-box


Windows Phone – Microsoft kan ha en chans – MWC Barcelona

Skrevs: February 16th, 2010 | Av: anders | Kategori: Mobilt, iphone | Inga kommentarer »

Microsoft Windows Phone Demo

Jag har länge varit skeptiskt till Windows-mobilernas framtid och hade inte trott att det kunde vara något intressant som skulle dyka upp. Men när jag såg Microsofts presentation igår på MWC blev jag imponerad. Gränssnittet och animeringarna är underbara. Det gick att provköra på en stor touch screen och jag tycker att känslan verkligen är klockren. De verkar ha lyckats göra ett gränssnitt som är mer anpassat för mobilen än tidigare windows mobile-versioner. Väl genomtänkt.

microsoft-windows-phone-inboxIntegreringen med andra system är också bra. Visserligen har väl Zune aldrig varit så stort, men det är nu integrerat i systemet. Zune Market finns även kopplat till telefonen. Därutöver är även Xbox Live var kopplat till det samt vanliga Live och Facebook. Alla flöden som dyker upp är snyggt integrerade i gränssnittet som var väldigt minimalistiskt och snyggt.

De säger att de gjort om allt från grunden och att det prestandamässigt ska ligga mycket nära det simulatorn visade idag. Jag är väldigt skeptisk till det, men om prestandan kan vara bra så vill jag jag åtminstone ha en Windows Phone för att testa.

Är det en iPhone-dödare då? Det tror jag verkligen inte, men det ser lovande ut och Microsoft kommer nog kunna behålla en hel del Windows Mobile-användare. Det största problemet lär bli att få företag och utvecklare som vill utveckla för annat än iPhone och Android.

Läs mer på mobil.se.

microsoft-windows-phone-input

microsoft-windows-phone-test


Adobe Flash och iPhones på MWC Barcelona

Skrevs: February 16th, 2010 | Av: anders | Kategori: Flash, iphone | Taggad: , , , , | Inga kommentarer »

Adobe-mwc

MWC har kickat igång och i och med Adobes satsning på mobilplattformar, senast iPhone var de självklart på plats. Med min bakgrund som flashutvecklare är Adobe:s iPhone-satsning självklart intressant att hålla koll på. En av de som arbetar med iPhone och mobil-exporten i största allämnhet var där och jag passade på att fråga ut honom.

Tydligen har Adobe c:a 400 flashutvecklare som just nu  testar deras iPhone-inriktning. Och till skillnad från vad man kan se på Adobe:s hemsida menade han bland annat att det just nu finns 40 st appar på AppStore som är gjorda via Flash, fast de har inte rätt att publicera namnen på dessa på adobe.com. Det är intressant! Jag skulle gärna veta vilka fler appar som gjorts och se om de är bättre än de exempel som finns på adobe.com.

Adobe iPhone Export

Jag frågade även om prestandan och tog upp att jag inte var helt nöjd med prestandan på de spel jag sett exporterade till iPhone och provat på en 3G. Han höll med men tillade att samma spel flyter bättre på exempelvis en Android-telefon, samtidigt han även sa att de jobbar vidare med optimering samt koppling till iPhone:s GPU. iPhone-exportmöjligheter kommer finnas i Flash CS5, men han sa att det kommer vara beta-stadie även på det och han ville inte ge någon tidsram för när systemet kan anses vara komplett. Adobe arbetar även på ett white paper för optimering rent generellt som ska underlätta för utvecklare att skriva hårdare optimerade program och spel.

Har inte sett det här själv förut men såhär ser export-rutan ut. Du behöver alltså bara fylla i dina grunduppgifter från iPhone Developer Programme, lägga in certifikatet och sen exporteras en färdig app. Att kompilera direkt till telefonen kommer inte fungera, men allting förbereds så att det bara är att dra och släppa till iTunes för att installera på din iPhone.

Passade även på att kolla in källkoden på ett av programmen som använde multi-touch och jag måste spontant säga att det såg ganska enkelt ut att programmera.

När jag frågade vad han trodde om Flash för iPhone sa han bland annat att han förstår att Apple inte vill ta in Flash av strategiska skäl.

Adobe demonstration

Adobe iPhone Export


I Barca – MWC coming up

Skrevs: February 13th, 2010 | Av: anders | Kategori: Personligen | Taggad: , | 2 kommentarer »

Anders & Mårten

Då var man på plats i vår lägenhet i Barcelona med mina vänner från Wizmobi. Solen skiner från och till och vi är laddade för MWC som kickar igång på måndag.

Mest spännande ska bli att se hur mobiltillverkare tacklar eller utnyttjar iPhone och Android. To be continued…


”Världens första” iPad-app

Skrevs: February 6th, 2010 | Av: anders | Kategori: Sociala Medier, iPad | Taggad: , , , , , , , , , , , , , | 2 kommentarer »

Anders Färdigh iPad App

I samband med iPad-vakan på Carnaby förra veckan kodade jag snabbt ihop en app, så fort den nya utvecklingsmiljön släppts för allmänheten. iPad-appen visade en bild på mig i röd mössa och en adress till min hemsida – något som vanligtvis inte imponerar på någon.

På plats var dock iPhone24 som bevakade eventet och bilder på min kreation lades upp med formuleringar som ”Världens första iPad-app är svensk” och ”den redan nu legendariska appen”. Allting med glimten i ögat såklart.

Redan på kvällen började det spridas på twitter och när jag vaknade dagen efter och som vanligt började med att kolla twitterflödet ser jag retweets och mentions. Jag blev dock väldigt förvånad då mitt namn så småningom dök upp i flödet tillsammans med MacWorld, som publicerat en artikel med rubriken ”Svensk ligger bakom första iPad-appen”.

Jag blev ännu mer förvånad när även Metro Teknik ringer upp mig samma dag för en intervju – en intervju som publicerades i onsdags med rubriken ”Svensken som gjorde första appen till iPad”.

De senaste dagarna har jag blivit gratulerad till den lyckade PR-kuppen, vilket är väldigt roligt, men det roligaste för min egen del är att “PR-kuppen” var lika oplanerad som utfallet var oväntat.

Huruvida det tillhör världens första kompilationer kan ifrågasättas. Det mest intressanta i min mening är dock att en sån här, till synes ointressant, app kan få spridning och även nå traditionella medier. Detta skulle dels kunna visa på det enorma intresset för iPad. Men det bekräftar framförallt att journalister, på ett annat sätt än tidigare, bevakar vad som bedöms vara intressant genom att hålla koll på aktiviteter inom sociala medier.

Avslutningsvis, var detta en väldigt rolig vecka för en utvecklare som vanligtvis inte syns så mycket i medier. Nästa gång det händer hoppas jag dock kunna visa upp en app som i sig är imponerande.

Relaterade länkar


Äntligen

Skrevs: January 23rd, 2010 | Av: anders | Kategori: Personligen | Taggad: , , | 1 kommentar »
Working a bit (at the recent office Apple-event-party). Photography by Tobias Björkgren.

Foto: Tobias Björkgren.

Efter några månader av att ha låtit min hemsida vara en ouppdaterad bild som bara talat om vad jag jobbar med, fick jag till slut tid att göra den här sidan.

Den senaste tiden har det varit mycket iPhonefokus för min del och det kommer fortsätta och även genomsyra den här bloggen.

Annat spännande är att jag varit del av att ha startat upp Appsters.