lillbra.se

Har din sajt en app-ikon för iPhone och Android?

App-ikoner är de nya fav-ikonerna! Om en smartphone-användare gillar din sajt så kan han/hon välja att bokmärka den genom “Add to Home Screen”, eller “Lägg till på hemskärmen”.
Då skapas ett bokmärke på hemskärmen, som ser ut som en vanligt app, med tillhörande app-ikon. Om din sajt inte har någon app-ikon så skapar telefonen en liten skärmdump som används istället – inte särskilt snyggt. Men detta är snabbt åtgärdat!

För att din sajt ska få en app-ikon i iPhone eller iPad skapar du en bild som du sedan hänvisar till i din html-kod. I head-taggen lägger du in en link med rel-attributet apple-touch-icon:

<link rel="apple-touch-icon" href="/images/touch-icon.png" />

Eftersom de olika varianterna av iPhone och iPad har olika upplösning måste man skapa ikoner med olika storlekar. Bilderna ska ha följande mått, enligt Apples egna dokumentation:

• iPhone 3GS: 57×57 pixlar
• iPhone 4: 114×114 pixlar
• iPad: 58×58 pixlar

Vad jag erfar så räcker det dock med de två översta – iPaden använder verkar använda den största. Måtten anges i ett sizes-attribut. Det fullständiga exemplet ser alltså ut så här:

<link rel="apple-touch-icon" href="/images/touch-icon-small.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/images/touch-icon-big.png" />

Apple lägger automatiskt till glans och rundade hörn på din ikon. Här ser du ett exempel på hur en ikon ser ut i original, jämfört med hur den visas på användarens hemskärm:

Om du inte vill ha glans och runda hörn på din ikon kan du lägga till ordet precomposed i rel-attributet. Då visas ikonen i sitt originalutseende (via Sarah Parmenter):

<link rel="apple-touch-icon-precomposed" href="/images/touch-icon.png" />

Men, kanske någon undrar, hur gör man då för Android-mobiler? Svaret är enkelt: Man kan göra likadant! Android stöder nämligen också apple-touch-icon-precomposed, så om du använder det kommer din ikon alltså användas för majoriteten av smartphoneanvändare.

Vill du veta ännu mer om att skapa ikoner för iOS? Läs vidare på: How to Design App Icons for iPhone and iPad.

ps. För att uppmärksamma användaren om att de kan bokmärka/lägga till din sajt på hemskärmen kan jag tipsa om add2home.js (via Emil Stenström). Det är ett litet script som öppnar upp ett meddelande i närheten till “Add to Home Screen”-knappen för att upplysa användaren hur de bokmärker din sajt. Snyggt!

Ska man utveckla för iPad?

När iPhonen kom ställde jag frågan om man borde utveckla iPhone-specifika sajter, eller om man gör webben en otjänst med specialanpassade sajter. Och för någon månad sedan skrev Peter-Paul Koch om besattheten att utveckla för iPhone vs. den faktiska marknadsandelen.
Nu när det råder iPad-feber så är frågan berättigad igen. Bör man utveckla specialanpassade sajter för iPad?

Fördelar

• Marknadsföring – Man kan utnyttja hypen och uppmärksamheten runt den nya produkten, och visa att man ligger i framkant.
• Bättre användarvänlighet – iPads egenskaper skiljer sig från laptopen och mobiltelefonen, så för att kunna ge besökarna bästa möjliga upplevelse bör anpassningar göras.
• Ny teknik och nya standarder – Man har chansen att utnyttja t.ex. touch-events och html5/css3 där de verkligen kommer till nytta (gärna genom progressive enhancement).
• Alternativ till Flash – Eftersom iPaden inte stöder Flash tvingas man lämna properitära lösningar och hitta alternativ i öppna standarder.

Nackdelar

• Fragmentering av innehåll – Hur många versioner av samma sajt kan man underhålla? Risken är att webben stympas på innehåll för vissa enheter, för att man inte kan göra anpassningar för alla.
• Ökad popularitet för Apps – Specialanpassningar är en anledningarna att vi går mot en webb byggd på apps, ett hot mot öppenhet och sökbarhet som inte bör uppmuntras.
• Browser sniffing is evil – Kommentarer överflödiga.
• Liten användarbas – iPad är inte släppt i Sverige ännu, och antalet användare är inte stort. Det är osäkert om en anpassning ger någon ROI.

Personligen ser jag utveckling av specialanpassade iPad-sajter som en rolig utmaning, så länge man inte stänger ute några andra användare på bekostnad av det. Men vad tycker du? Kommer du/ni att göra en iPad-version av någon sajt?

Vad är Augmented Reality?

Augmented Reality (AR) har snabbt seglat upp som ett av det hetaste begreppen inom IT just nu. AR innebär att man kombinerar verkligheten visuellt med ett lager av data – man låter verklighet och data flyta samman. Det är med mobiltelefoner med kamera och gps som AR används främst just nu. Här kommer några exempel på AR-applikationer som finns idag:

• Layar, en applikation som visar bostäder som är till salu där man är just nu.
• TwittARound, applikation som visar tweets som skrivits i närheten.
• Wikitude.me, presenterar information på 800 000 intressanta platser i världen.
• AugmentedID, en applikation för ansiktsktigenkänning av folk runt omkring dig.
• Metaio, applikation där användarna lämnar noteringar och 3D-animationer på platsen man är på.

Det finns även exempel på reklamkampanjer i USA där du med hjälp av webbkameran kan styra vissa saker på datorn. Men dessa exempel är bara ett första steg – möjligheterna med AR spås vara enorma:

It won’t just be webcams and monitors, but embedded in smart displays, or glasses, or even the smart contact lenses of Warren Ellis’ Clatter. So whilst it’s interesting to play with the version of the technology we have today, there’s a lot of value to be gained from imagining what the design of fully-working AR systems might look like, unfettered by current day technological constraints.

Pulse Laser – “Preparing Us For AR”: the value of illustrating of future technologies (2009-07-30)

ReadWriteWeb varnar dock för att AR riskerar att bli överhajpat redan innan tekniken slår igenom:

We think marketers need to carefully consider whether AR will truly benefit their clients before blindly hopping on the AR bandwagon.[...] The problem with over-hyping this technology prior to it really taking off is that it could become diluted and meaningless before we even have a chance to explore the potentially world-changing applications it could help create.

ReadWriteWeb – Prepare Yourselves: Augmented Reality Hype on the Rise (2009-08-07)

Helt klart spännande att se vad augmented reality kommer att innebära i framtiden! Här kan du läsa mer om AR:
Beta Alfa – Internet kommer allt närmare verkligheten
Mashable – Augmented reality Twitter
NY Times – Kicking Reality Up a Knotch
IDG – Din mobil blir en tidsmaskin

Relaterade inlägg: Internets intrång i den fysiska världen.

[tags]autmented reality, AR, mobila applikationer[/tags]