cross media design scenarios: smartphones and tablets, a workshop at isia design florence

SCENARI DI DESIGN CROSS-MEDIALE:SMARTPHONE & TABLET APPLICATIONS

Salvatore Iaconesisalvatore.iaconesi@artisopensource.net

CHI SONO?

Salvatore Iaconesi

Art is Open Source

FakePress

La Sapienza

LPM

Altro

COSA FAREMOOGGI

scenario tecnologie

casi di studio

esempio

I RISULTATI

visione di mercato

conoscenza delle tecnologie di riferimento

ruolo del designer

esempio completo

COMINCIAMO!

In Taiwan, there are more cellphones than people. About 7% of all mobile data goes to movie information. And Google owns nearly 100% of the mobile search market

PIU' di 5 MILIARDI

SMARTPHONES&

TABLETS

TECNOLOGIE DI RIFERIMENTO

SMARTPHONES

TABLETS

SMARTPHONES

TABLETSand ebook readers

PUNTI CHIAVE:

Smartphone e tablets are the near future

Mobile phones crush specialists (video cameras, mp3 players...)

Extensibility and Opennes

Consumption vs Creation

Utility & Entertainment

AND TABLETS?

Tablets vs Readers

IL MERCATODELLE

APPLICAZIONI

COSA C'E' SUL MERCATO, COSA FUNZIONA,

COSA CI SARA' TRA BREVE

App Store Stats Summary

Count of Active Applications in the App Store

Total Active Apps (currently available for download): 365,421

Total Inactive Apps (no longer available for download): 78,195

Total Apps Seen in US App Store: 443,616

Number of Active Publishers in the US App Store: 76,331

Count of Application Submissions

This Month (Games): 2,108 ( 117 / day )

This Month (Non-Games): 10,395 ( 578 / day )

This Month (Total): 12,503 ( 695 / day )

Application Approval Delay

February, 2011: Maximum delay 39 days, average delay 6.19 days.

Application Price Distribution

Current Average App Price: $4.16

Current Average Game Price: $1.67

Current Average Overall Price: $2.46

Application Category Distribution

Most Popular Categories

1 - Books (57264 active)

2 - Games (53249 active)

3 - Entertainment (39990 active)

4 - Education (30270 active)

5 - Lifestyle (26522 active)

AN INTERESTING SLIDESHOWBy PinchMedia

http://www.slideshare.net/pinchmedia/iphone-appstore-secrets-pinch-media?type=presentation

SOME SALE STATS EXPOSEDBy TechCrunch

http://techcrunch.com/2010/05/16/iphone-app-sales-exposed/

A CASE STUDY IN SALESBy MarkJ

http://www.markj.net/iphone-hit-tennis-sales-stats-marketing/

STATISTICS

In App Store, paid applications in the Top Overall, Games, Business and Entertainment

categories stay in these categories for 27, 39, 59 and 38 days on average, respectively.

Free apps stay in the Top 100 for a significantly shorter time in the Top Overall, Games

and Business categories, with 19, 21 and 39 days on average, respectively.

The majority of paid apps that have been in the Top 100 between November 2009 and

April 2010 fall into the Games and Entertainment categories.

The paid apps that have been in the top five for the longest period of time are

Doodle Jump (140 days), RedLaser (73 days) and Skee-Ball (68 days).

STATISTICS

The biggest driver of paid app sales on the iPhone & Android is try-before-you-buy – 54% of Android users, 52% of iPhone users and 70% of iPod Touch users all cited liking the free version and upgrading to the paid version‖ as a reason for buying paid apps.

AdMob estimates the size of the monthly iPhone paid app market as $125m, with the iPod Touch market adding another $73m. The Android market in comparison is just $5m per month.

STATISTICS

62% find apps by searching for a specific type of app, 60% browse through the App Store charts, 40% receive word of mouth recommendations, 20% see ads in other apps, while 19% read about apps in the press or on blogs.

93% of iPhone users download iPhone Applications directly on their phone. Only 7% of users download via iTunes and upload to the phone.

http://www.doxtop.com/browse/e5ab3c6b/apple-ipad-trends-and-statistics.aspx

EXAMPLE OF STATS REPOST

http://adwhirl.files.wordpress.com/2009/06/adwhirl_discovery.pdf

INFO ON HOW TO GET APP FEATURED

Doodle Jump3 million sales

Angry Bird4 million salesIn 5 months

Camera Plus$ 275.000 in the first month

Rolando700.000 download (at $ 9.99)

Pages300.000 download (at $ 9.99)

GoodReader250.000 download (at $ 2.99)

Numbers200.000 download (at $ 9.99)

Angry Birds HD180.000 download (at $ 4.99)

Keynote150.000 download (at $ 9.99)

Glee130.000 download (at $ 0.99)

WolframAlpha120.000 download (at $ 1.99)

Pinball HD120.000 download (at $ 0.99)

Friendly110.000 download (at $ 0.99)

iMockups for iPad$ 6.000.000 ($ 9.99 at a time)

INNOVAZIONE

I PRINCIPALI SCENARI INNOVATIVI ELE SUGGESTIONI PIU'

INTERESSANTI

Physical interfacesdo better what you did without the pad

Publishingnew life for publishing

Augmented RealityInfo over the things of your daily life

BusinessNew views and interactions on business processes

HealthYour doctor, your body, your medicines...

LuxuryA $ 20.000 iPad? yes!

NEW FORMS OF CITIZENSHIP

MORE AWARENESS

NEW FORMS OF EXPRESSION

NEW FORMS OF COMMUNICATION

IL DESIGNER

COME E' FATTO E COME CAMBIAIL LAVORO DEL DESIGNER CON LE

APP

EXPERIENCES

MULTI-DISCIPLINARIETY

SOCIAL

WORLD ISSUES

INNOVATE

BUSINESS MODELS

REMIX! RECONTEXTUALIZE! REINVENT!

TECNOLOGIEPER DESIGNER

COME LAVORARE SU SMARTPHONE ETABLET, DAL PUNTO DI VISTA DEL

DESIGNER

http://www.appcelerator.com

Titanium makes cross-platform native application development easy.

A free and open source application development platform, Titanium lets you create native mobile, tablet and desktop application experiences using existing web skills like Javascript, HTML, CSS, Python, Ruby, and PHP. Learn More.

http://www.phonegap.com/

http://westcoastlogic.com/lawnchair/JSON document store

http://www.sencha.com/products/touch/

Sencha Touch allows you to develop mobile web apps that look and feel native on iPhone and Android touch devices.

http://jqtouch.com/

http://jquerymobile.com/

http://www.nsbasic.com/app/

NS Basic/App Studio

is a complete, powerful development environment. Create your app on your desktop, then download to your device and run.

http://ripple.tinyhippos.com/

http://www.appml.org/

appML is an HTML extension specifically designed for web-based apps.

Native-like applications for smartphones, tablets and desktopsUnify was built to improve the development efficiency of apps for smartphones. Currently it supports smartphones based on the platforms iOS, Android and WebOS. There is support for desktop operating systems like Windows or Mac OS as well. Support for tablet devices is planned for the next year.

http://unify.github.com/unify/

ED ORA:REALIZZIAMOUN PROTOTIPO

USIAMO PHONEGAP, UNA DELLE TECNOLOGIEANALIZZATE, PER REALIZZARE UN PROTOTIPO

DA XCODE:

NEW PROJECT--> PHONE-GAP BASED APPLICATION

<div id="map_canvas" style="width:100%; height:100%">

</div>

<style type="text/css">html { height: 100% }body { height: 100%; margin: 0px; padding: 0px }#map_canvas { height: 100% }

</style>

<script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=true">

</script>

<script type="text/javascript">var map;function initialize() {

var latlng = new google.maps.LatLng(0, 0);var myOptions = {

zoom: 8,center: latlng,mapTypeId: google.maps.MapTypeId.ROADMAP

};map = new google.maps.Map(

document.getElementById("map_canvas"),myOptions

);}

</script>

function run() {initialize();var win = function(position) {

var coords = position.coords; var latlng2 = new google.maps.LatLng(

coords.latitude, coords.longitude);map.panTo( latlng2 );

};var fail = function(e) {

alert('Can\'t retrieve position.\nError: ' + e);};navigator.geolocation.getCurrentPosition(win, fail);

}

function onDeviceReady(){

run();}

var marker = new google.maps.Marker({position: latlng2, map: map, title:"I am here!"

});

var contenuto = "<h1>Sono Qui!</h1>";var infowindow = new google.maps.InfoWindow({

content: contenuto});

google.maps.event.addListener(marker, 'click', function() {

infowindow.open(map,marker);}

);

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"

></script>

var markers = {};function addMarker(tweet, position) {

position = tweet.geo ? tweet.geo.coordinates: null;if (!position && tweet.location) {

var L = String(tweet.location).split(':')[1] || tweet.location;position = L.split(',');

}if (position) {markers[tweet.from_user_id] =

new google.maps.Marker({map: map,title: tweet.from_user,position:

new google.maps.LatLng(position[0], position[1])});

}};

function getTweets(coords){$.getJSON(

'http://search.twitter.com/search.json',{ geocode: coords.latitude + ',' + coords.longitude + ',' + '5mi',

rpp: 30 },function(data) {

if (data && data.results && !!data.results.length) {data = data.results;for (var i = 0, ln = data.length; i < ln; i++) {

var tweet = data[i];if (tweet.geo && tweet.geo.coordinates) {

var position = new google.maps.LatLng(

tweet.geo.coordinates[0], tweet.geo.coordinates[1]);

addMarker(tweet, position);}

}} else {

alert('No Results Available');}

});

}

getTweets(coords);