{"id":132,"date":"2010-12-28T10:42:46","date_gmt":"2010-12-28T09:42:46","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/il-panorama-dei-browser-per-smartphone\/"},"modified":"2010-12-28T10:42:46","modified_gmt":"2010-12-28T09:42:46","slug":"il-panorama-dei-browser-per-smartphone","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/il-panorama-dei-browser-per-smartphone\/","title":{"rendered":"Il panorama dei browser per smartphone"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2010\/12\/n21browser.jpg\" border=\"0\" style=\"float: left;\" \/>Gli utenti si aspettano che i siti web funzionino sui loro telefoni cellulari. Tra due o tre anni, il supporto mobile diventer\u00e0 standard per ogni sito. I web developers devono pertanto aggiungere lo sviluppo per il web mobile alle proprie capacit\u00e0 o rischiano di perdere dei clienti.<\/p>\n<p>Come si fa a rendere i siti web compatibili con il mondo mobile? La risposta \u00e8 ovvia: testandoli su tutti i telefoni cellulari e risolvendo i problemi che si incontrano via via. Ma questa \u00e8 una risposta inutile! E&#8217; impossibile testare il proprio design su <em>tutti<\/em> i cellulari che ci sono l\u00e0 fuori! All&#8217;interno del panorama dei telefoni cellulari ci sono almeno dieci sistemi operativi (OSs) e quindici browser meritevoli di considerazione. I dispositivi mobili sono costosi e non tutti i web developer possono permettersi di comprarne cinque o dieci. Testare \u201csu tutti i telefoni cellulari\u201d \u00e8 impossibile per la maggior parte dei web developer.<\/p>\n<p>In questo articolo, vi far\u00f2 una panoramica del mercato del mobile web, delle piattaforme dei vari telefoni e dei loro browser, cos\u00ec che possiate decidere su quali dispositivi fare i vostri test. Poi, daremo un&#8217;occhiata a come impostare il vostro ambiente di test per il mobile web.<\/p>\n<div class=\"paragrafo\">\n<h2>Il mercato degli smartphone<\/h2>\n<p>I web developers dovrebbero concentrare sugli smartphone i loro sforzi in materia di test. Tutti i buoni browser mobile funzionano su una piattaforma smartphone o su un&#8217;altra. (Pochi telefoni non-smartphone hanno dei buoni browser. Questo cambier\u00e0, ma per il momento \u00e8 cos\u00ec.) La domanda a questo punto \u00e8 d&#8217;obbligo: cos&#8217;\u00e8 uno smartphone? Ecco come parafraso la definizione pi\u00f9 o meno ufficiale data dall&#8217;industria della telefonia mobile:<\/p>\n<blockquote><p>Uno smartphone \u00e8 un telefono che ha un OS riconoscibile su cui l&#8217;utente pu\u00f2 installare delle applicazioni.<\/p><\/blockquote>\n<p>Il mercato degli smartphone \u00e8 suddiviso in molti sotto-mercati, ciascuno dei quali ha un proprio pubblico. Per ulteriori informazioni, leggete gli articoli di Tomi Ahonen sui <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/07\/an-8-segment-model-to-analyze-smartphone-market-consumers-and-handsets.html\">consumatori di smartphone<\/a> e <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/08\/final-numbers-q2-of-2010-for-smartphone-market-shares.html\">sul market share degli smartphone<\/a>.<\/p>\n<table border=\"0\" cellspacing=\"0\">\n<caption>Panoramica del mercato degli smartphone<\/caption>\n<col span=\"3\"><\/col>\n<col span=\"1\"><\/col>\n<thead>\n<tr>\n<th>Mercato<\/th>\n<th>Share<\/th>\n<th>OS<\/th>\n<th>Consumatori<\/th>\n<\/tr>\n<tr>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Fascia Alta<\/td>\n<td>20%<\/td>\n<td>iOS<br \/>Android<br \/>webOS<br \/>MeeGo<br \/>Windows Phone 7<br \/>BlackBerry OS6<\/td>\n<td>All&#8217;interno della fascia alta, gli utenti vogliono soprattutto la navigazione sul web e le applicazioni e possono pagare per queste caratteristiche.<\/td>\n<\/tr>\n<tr>\n<td>Business<\/td>\n<td>35%<\/td>\n<td>BlackBerry<br \/>Symbian<br \/>Windows Mobile<br \/>Windows Phone 7<\/td>\n<td>Il gruppo business include i telefoni che le aziende acquistano per i propri dipendenti. Il dipartimento IT decide quale OS pu\u00f2 accedere alla rete aziendale, cos\u00ec che gli utenti possano scaricare le proprie e-mail e navigare sulle intranet sicure.<\/td>\n<\/tr>\n<tr>\n<td>Fascia Media<\/td>\n<td>45%<\/td>\n<td>Android<br \/>Symbian<br \/>BlackBerry<br \/>bada<br \/>Windows Mobile<\/td>\n<td>All&#8217;interno della fascia media, gli utenti sono interessati alla musica, ad una buona fotocamera e\/o alla facilit\u00e0 di scrivere messaggi (che richiede una tastiera hardware)\u2014tutto in un dispositivo che si possano permettere.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Note:<\/p>\n<ul>\n<li>Nel 2009, sono stati venduti quasi <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/02\/phone-market-shares-for-year-of-2009-and-last-quarter-2009.html\">175 milioni di smartphone<\/a> in tutto il mondo. <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/11\/bloodbath-q3-final-numbers-the-smartphone-race-gets-ever-more-tight.html\">Ci si aspetta che<\/a> il mercato cresca del 90% quest&#8217;anno.<\/li>\n<li>Android si sta spostando nel mercato di fascia media con dei device come il <a href=\"http:\/\/www.gsmarena.com\/vodafone_845-3212.php\">Vodafone 845<\/a> che hanno un hardware meno potente e meno costoso.<\/li>\n<li>Con il rilascio di Windows Phone 7 da parte di Microsoft, Windows Mobile scomparir\u00e0.<\/li>\n<li>MeeGo non era disponibile al momento in cui ho scritto questo articolo. E&#8217;  <a href=\"http:\/\/www.engadget.com\/2010\/10\/21\/stephen-elop-first-meego-device-is-a-2011-event\/\">probabile<\/a> che arrivi sul mercato nel primo quarto del 2011.<\/li>\n<\/ul>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Una questione di piattaforme<\/h2>\n<p>Attualmente, la battaglia che si sta combattendo nel mondo mobile <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/07\/understanding-smartphone-market-share-battle-not-for-phones-is-for-platform.html\">riguarda le piattaforme<\/a>. Mentre il sistema operativo \u00e8 l&#8217;ingrediente pi\u00f9 importante di una piattaforma, anche gli app store ed i browser hanno importanza.<\/p>\n<p>Una piattaforma compete con le altre piattaforme nel suo mercato ed \u00e8 l\u00ec che il gioco si fa interessante per gli sviluppatori web: ogni piattaforma ha il suo browser di default e, se una certa piattaforma dovesse vincere la guerra, il suo browser guadagnerebbe un ampio market share, costringendo i web developers a prestargli attenzione.<\/p>\n<p>Nel mercato di fascia alta, iOS e Android sono attualmente le piattaforme di spicco. Tuttavia, nel 2011 potrebbero trovarsi a competere con Windows Phone 7 (Microsoft) e MeeGo (Nokia). Inoltre, anche il BlackBerry OS6 (RIM) potrebbe cercare di entrare in questo mercato.<\/p>\n<h3>Si deve fare attenzione<\/h3>\n<p>Il problema \u00e8 che la maggior parte dei web designer e developer (per non citare la blogosfera) cade esattamente nel mercato di fascia alta. C&#8217;\u00e8 un pregiudizio culturale verso gli OS che puntano a qualunque altro mercato. Come risultato, la maggior parte delle persone si concentra sulla lotta tra iOS e Android ed ignorano il resto. Tutto ci\u00f2 deve cambiare.<\/p>\n<p>Nel mercato di fascia media, il Symbian (Nokia) al momento sta dominando, ma bada (Samsung), BlackBerry (RIM) ed i nuovi Androids (Google) di fascia media sono forti competitors.<\/p>\n<p>Il mercato business \u00e8 conservativo. Sebbene iOS  <a href=\"http:\/\/www.businessweek.com\/news\/2010-11-05\/bank-of-america-citigroup-said-to-test-apple-s-iphone.html\">stia cercando di penetrare in questo mercato<\/a> e presumibilmente Android vorr\u00e0 fare lo stesso, non ci sono ancora riusciti. BlackBerry e Symbian continuano a dettar legge, con un pizzico di Windows Mobile in un angolo.<\/p>\n<p>La situazione \u00e8 complessa, specialmente per chiunque voglia cominciare a sviluppare per il mobile web. Ho creato una <a href=\"http:\/\/quirksmode.org\/mobile\/mobilemarket.html\">tabella con una panoramica del mercato mobile<\/a> per aiutarvi a venirne a capo.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Il mercato dei browser mobile<\/h2>\n<p>Sebbene la guerra delle piattaforme modeller\u00e0 in larga misura il panorama dei futuri browser mobile, i web developers sono probabilmente pi\u00f9 interessati agli ambienti attuali. Diamo un&#8217;occhiata al mercato corrente dei browser mobile.<\/p>\n<p>C&#8217;\u00e8 solo una fonte di informazione sul mercato dei browser mobile: <a href=\"http:\/\/gs.statcounter.com\/#mobile_browser-ww-monthly-200910-201009\">StatCounter<\/a>. Ha dei limiti per\u00f2: la loro classifica dei browser talvolta \u00e8 strana e i siti su cui misurano il traffico si auto-selezionano sottoscrivendo il servizio. Tuttavia, non ci sono altre sorgenti di dati. Quindi, cosa dice StatCounter per Novembre 2010?<\/p>\n<table border=\"0\" cellspacing=\"0\">\n<caption>Statistiche globali per Novembre 2010<\/caption>\n<thead>\n<tr>\n<th>Share<\/th>\n<th>Browser<\/th>\n<th>Note<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>22%<\/td>\n<td>Opera<\/td>\n<td>StatCounter mette insieme Opera Mini e Opera Mobile. La mia stima personale, basata sui discorsi fatti in Opera, \u00e8 che circa il 90% di questo numero sia Opera Mini.<\/td>\n<\/tr>\n<tr>\n<td>22%<\/td>\n<td>Safari<\/td>\n<td>StatCounter divide iOS tra iPhone, iPod Touch e iPad. Le statistiche riguardandi Safari su iPad rientrano nelle statistiche desktop, non in quelle mobile. Pertanto, questa stima esclude l&#8217;iPad.<\/td>\n<\/tr>\n<tr>\n<td>19%<\/td>\n<td>BlackBerry<\/td>\n<td>Questo dato include principalmente OS5 ed i modelli pi\u00f9 vecchi, che hanno un browser con un engine proprietario. Da OS6 in poi, BlackBerry utilizza un browser basato su WebKit e questo render\u00e0 il nostro lavoro molto pi\u00f9 semplice.<\/td>\n<\/tr>\n<tr>\n<td>17%<\/td>\n<td>Nokia<\/td>\n<td>Il browser basato su WebKit di Nokia ha diverse varianti, alcune delle quali sono migliori di altre. Sfortunatamente, StatCounter non fa distinzioni tra le diverse varianti.<\/td>\n<\/tr>\n<tr>\n<td>11%<\/td>\n<td>Android<\/td>\n<td>Il mercato di Android \u00e8 piuttosto frammentato per quel che riguarda i browser. Ci sono alcune sottili differenze tra i browser sui dispositivi HTC e Sony Ericsson. Aspettatevi dei problemi a causa di queste inconsistenze.<\/td>\n<\/tr>\n<tr>\n<td>4%<\/td>\n<td>NetFront<\/td>\n<td>NetFront gira perlopi\u00f9 sui telefoni pi\u00f9 vecchi di produttori asiatici, principalmente Sony Ericsson. Questa stima include la Sony PlayStation Portable cos\u00ec come altri dispositivi di gaming.<\/td>\n<\/tr>\n<tr>\n<td>1%<\/td>\n<td>UCWeb<\/td>\n<td>Il browser pi\u00f9 popolare in Cina. Offre poche funzionalit\u00e0.<\/td>\n<\/tr>\n<tr>\n<td>1%<\/td>\n<td>Samsung<\/td>\n<td>StatCounter unisce tutti i browser Samsung, dai vecchi telefoni basati su NetFront fino ai nuovi bada basati su WebKit.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Queste sono classifiche <em>globali<\/em>: le quote di traffico variano abbastanza da Paese a Paese. Prima di decidere quali browser supportare, verificate le statistiche riguardanti il vostro Paese. Potreste anche studiare i file di log del vostro cliente per capire quali dispositivi vengono utilizzati dalle persone che visitano quel sito.<\/p>\n<p>Se siete interessati, paragonate queste statistiche di quote di traffico con quelle delle quote di vendita <a href=\"http:\/\/www.gartner.com\/it\/page.jsp?id=1466313\">riportate da Gartner<\/a>: troverete molte differenze.<\/p>\n<h3>Il dominio dell&#8217;iPhone<\/h3>\n<p>Se paragonate le statistiche delle quote di traffico e di vendita, noterete che il market share del traffico di Safari per iOS \u00e8 sproporzionato rispetto al suo market share per le vendite. Tenete a mente questo fatto mentre create dei siti web per mobile, ma non usatelo come una scusa per testare solo su iPhone.<\/p>\n<p>Ci sono due ragioni per cui iPhone domina: primo, iOS \u00e8 la prima piattaforma creata specificatamente per la navigazione su mobile web. Come risultato, le persone che vogliono navigare utilizzando il proprio telefono scelgono l&#8217;iPhone (o, a volte, Android). Secondo, Apple ha fatto in modo che quelli che comprano l&#8217;iPhone abbiano un piano dati flat, il che incoraggia la navigazione web.<\/p>\n<p>Il piano dati flat-fee sta comunque scomparendo. AT&amp;T negli USA ed i nuovi carriers iPhone come Vodafone in Europe ora offrono un piano dati con un tetto massimo perch\u00e9 rientra nei loro interessi economici. In passato, i consumatori hanno messo in cattiva luce T-Mobile in Europa e, in particolar modo, AT&amp;T negli USA perch\u00e9 non riuscivano a garantire una buona connessione dati (e perfino una buona connessione voce) per gli utenti iPhone. Non avevano alcun incentivo economico per migliorare il servizio, perch\u00e9 un maggior traffico dati proveniente da iPhone non avrebbe generato pi\u00f9 guadagni per loro. Da qui il cambiamento nei piani tariffari.<\/p>\n<p>Per questa ragione, cos\u00ec come per la popolarit\u00e0 crescente degli altri OS, sento che i giorni di dominazione dell&#8217;iPhone sono contati, sebbene io non possa dire quanto velocemente questo accadr\u00e0.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>I migliori browser per mobile<\/h2>\n<p>Quindi, quali sono i principali competitors di Safari per il premio Miglior Browser Mobile?<\/p>\n<p>Al momento, considero come \u201cEccellente\u201d (il mio giudizio pi\u00f9 alto) quattro browser mobile:<\/p>\n<ol>\n<li>Safari per iOS: il miglior browser mobile in generale,<\/li>\n<li>Android WebKit,<\/li>\n<li>Dolfin per Samsung bada: al momento il browser mobile pi\u00f9 veloce e<\/li>\n<li>BlackBerry WebKit, il nuovo browser di default per IS6 e superiori (attualmente disponibile solo su BlackBerry Torch).<\/li>\n<\/ol>\n<p>Tutti e quattro questi browser supportano <a href=\"http:\/\/www.sitepen.com\/blog\/2008\/07\/10\/touching-and-gesturing-on-the-iphone\/\">gli eventi touch<\/a>, che sono assolutamente cruciali per qualunque interfaccia seamless touchscreen-based&#8221;. Inoltre, si basano tutti sul rendering engine di WebKit. Apple l&#8217;ha creato e Google, Samsung e <span class=\"caps\">RIM<\/span> ne hanno fatto il punto di partenza per i propri browser. (Cos\u00ec come ha fatto Nokia, Palm e pi\u00f9 recentemente LG).<\/p>\n<h3>Non c&#8217;\u00e8 un WebKit unificato sui dispositivi mobili<\/h3>\n<p>Tuttavia, WebKit e gli eventi touch non rendono necessariamente un browser eccellente. Recentemente, LG ha rilasciato Phantom, un browser per telefoni di fascia bassa: a dispetto del fatto che \u00e8 basato su WebKit e che supporta gli eventi touch, non \u00e8 molto buono.<\/p>\n<p>Questo sottolinea una regola generale di massima importanza per i web developer: non c&#8217;\u00e8 un solo WebKit sui dispositivi mobili. Io <a href=\"http:\/\/quirksmode.org\/webkit.html\">ho testato nove browser basati su WebKit mobile<\/a> e <em>tutti loro si sono comportati in maniera differente<\/em>. Non a casaccio per\u00f2: il supporto di base per <span class=\"caps\">CSS<\/span> \u00e8 buono ed il JavaScript funziona perfettamente. Tuttavia, ciascuno di essi ha i suoi problemi e i suoi punti di forza.<\/p>\n<p>A causa di questa variabilit\u00e0, \u00e8 importante che testiate i vostri siti web in quanti pi\u00f9 browser basati su WebKit possibile: non assumete che il vostro sito funzioni su Android o BlackBerry WebKit browsers solo perch\u00e9 funziona in Safari.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>I browser buoni<\/h2>\n<p>I browser di default di Apple, Google, Samsung e <span class=\"caps\">RIM<\/span> formano quella che io chiamo la classe Eccellente. Sotto questi si trova quella che definisco la classe Buona: questa include Opera Mobile, Palm WebKit per webOS e MicroB, il browser basato su Gecko di default per Maemo OS di Nokia, che verr\u00e0 presto rimpiazzato da MeeGo.<\/p>\n<p>Questi browser non supportano gli eventi touch e lo zoom varia in ciascuna implementazione. Tuttavia, dal puro punto di vista di CSS e JavaScript, incontrerete pochi problemi.<\/p>\n<p>Di questi tre, Opera Mobile \u00e8 il pi\u00f9 importante, perch\u00e9 funge da default browser per molti dispositivi Windows Mobile nei quali il produttore ha deciso che IE non \u00e8 sufficientemente buono. Attualmente, \u00e8 un&#8217;alternativa per Nokia WebKit su Symbian, l&#8217;OS mobile pi\u00f9 diffuso.<\/p>\n<h3>Opera Mini<\/h3>\n<p>Opera Mini \u00e8 un browser estremamente importante e dovreste decisamente testare i vostri siti su di esso, a causa della maniera unica con cui gestisce il web surfing. E&#8217; disponibile per iOS e Android, cos\u00ec come per una miriade di altri OS.<\/p>\n<p>Opera Mini \u00e8 diverso da tutti gli altri browser di cui abbiamo parlato finora, incluso Opera Mobile. Laddove gli altri browser scaricano semplicemente <span class=\"caps\">HTML<\/span>, <span class=\"caps\">CSS<\/span> e JavaScript, lo interpretano e lo rendono, Opera Mini fa qualcosa di molto diverso: quando si richiede una pagina in Opera Mini, quella richiesta va su uno speciale server di Opera Mini. Il server scarica le risorse, le interpreta ed esegue il rendering della pagina. Poi invia un&#8217;immagine della pagina risultante al vostro telefono. Voi vedete l&#8217;immagine attraverso il client di Opera Mini.<\/p>\n<p>Il vantaggio \u00e8 che il client di Opera Mini necessit\u00e0 di una piccola quantit\u00e0 di memoria, il che lo rende particolarmente adatto ai dispositivi economici di fascia bassa. Inoltre, il download effettivo di dati consiste solo di un&#8217;immagine altamente compressa.<\/p>\n<p>Lo svantaggio di Opera Mini \u00e8 che non offre alcuna interattivit\u00e0 lato client: se cliccando su un link si attiva un gestore di eventi JavaScript per delle operazioni Ajax, Opera Mini ritorna al server per chiedere istruzioni. Il server gestisce lo script e ritorna un&#8217;immagine della pagina aggiornata. Tuttavia, \u00e8 importante notare che questa \u00e8 una feature, non un malfunzionamento. Per molte persone, tralasciare l&#8217;interattivit\u00e0 lato client fa risparmiare molto denaro, sia in termini di dispositivi sia di costi tariffari per i piani dati.<\/p>\n<p>Opera Mini non \u00e8 il solo mini browser. Il browser Cinese pi\u00f9 popolare \u00e8 UCWeb, che funziona in maniera simile. Ritengo che il suo motore di rendering autoprodotto sia pessimo: in alcune situazioni non riesce nemmeno a gestire un semplice link. Il loro passaggio a WebKit \u00e8 solo una questione di tempo.<\/p>\n<h3>Nokia WebKit<\/h3>\n<p>Nel primo anno in cui \u00e8 stato messo in vendita, <a href=\"http:\/\/www.reuters.com\/article\/idUSTRE69K2L420101021\">Microsoft ha venduto 240 milioni<\/a> di copie di Windows 7. Molte di queste erano ovviamente dotate di IE 8. Nel 2009, <a href=\"http:\/\/communities-dominate.blogs.com\/brands\/2010\/02\/phone-market-shares-for-year-of-2009-and-last-quarter-2009.html\">Nokia ha venduto 432 milioni<\/a> di dispositivi. Pi\u00f9 della met\u00e0 di questi aveva un browser Nokia WebKit come default.<\/p>\n<p>In altre parole, l&#8217;anno scorso sono state immesse nel mercato pi\u00f9 copie di Nokia WebKit che di IE. Nokia WebKit \u00e8 incredibilmente enorme. Tuttavia, la sua quota di mercato di traffico \u00e8 modesta: l&#8217;utente medio Nokia non naviga nel web tanto spesso quanto l&#8217;utente medio di iPhone. Ci\u00f2 potrebbe tuttavia cambiare e i vostri siti web dovrebbero essere pronti a questo.<\/p>\n<p>C&#8217;\u00e8 un browser Nokia WebKit pi\u00f9 vecchio che gira sul S40 (l&#8217;OS di fascia bassa) cos\u00ec come sui dispositivi Symbian pi\u00f9 vecchi (fino a S60v3 feature pack 1). C&#8217;\u00e8 anche un browser Nokia WebKit pi\u00f9 nuovo che gira sui dispositivi Symbian pi\u00f9 nuovi. Quest&#8217;ultimo \u00e8 un po&#8217; strano ma funzionante. Il primo \u00e8 pi\u00f9 complicato. Se non siete sicuri di quale browser utilizzi il vostro telefono Symbian, lanciate l&#8217;<a href=\"http:\/\/acid3.acidtests.org\/\">Acid 3 test<\/a>. I browser pi\u00f9 recenti avranno un punteggio di circa 50, mentre i pi\u00f9 vecchi falliranno completamente. Stephanie Rieger ha scritto una <a href=\"http:\/\/yiibu.com\/articles\/practical-guide-to-nokia-browsers\/\">notevole serie di articoli<\/a> su Nokia WebKit che \u00e8 piena di cose che dovreste sapere.<\/p>\n<p>I siti che sono destinati esclusivamente al mercato degli USA e del Canada possono praticamente ignorare il browser Nokia WebKit. Nokia ha una quota di mercato trascurabile in Nord America. I siti che hanno come audience prefissato quello di altre regioni dovrebbero per\u00f2 essere testati con questo browser.<\/p>\n<h3>Il vecchio BlackBerry<\/h3>\n<p>Prima di OS6, su BlackBerry girava un browser fatto in casa, che non era un successo. Sfortunatamente, la stragrande maggioranza dei proprietari di BlackBerry ha ancora questo vecchio browser: OS6 non ha ancora fatto presa sul mercato. Ma questo cambier\u00e0.<\/p>\n<p>La performance di JavaScript \u00e8 il problema pi\u00f9 grande con questo vecchio browser per BlackBerry. (E&#8217; praticamente assente). Su OS4.6 e precedenti, questo problema era praticamente irrisolvibile. OS4.61 e successivi offrono almeno alcune funzionalit\u00e0 di script, ma \u00e8 molto pesante fino a OS6, cos\u00ec dovrete dimenticarvi completamente dello scripting per i browser BlackBerry pi\u00f9 vecchi.<\/p>\n<h3>E riguardo IE?<\/h3>\n<p>Ho gi\u00e0 parlato di diversi browser su cui \u00e8 necessario che testiate i vostri siti: il totale dei browser su cui fare i test \u00e8 gi\u00e0 pi\u00f9 alto di quello del sito medio per desktop. Tuttavia, c&#8217;\u00e8 una luce che squarcia le tenebre: IE non ha importanza nel mondo mobile!<\/p>\n<p>Il browser di default in Windows Phone 7 \u00e8 basato su IE7 ed incorpora alcune feature di IE8. E&#8217; migliore del browser di default di Windows Mobile, che \u00e8 basato su IE6. Le versioni pi\u00f9 vecchie sono addirittura basate su IE4. Sebbene Windows Phone 7 potrebbe essere un successo, credo che non avr\u00e0 mai il comando del 6% della quota di mercato come fa con i desktop. Stimo che, nel tempo, Microsoft conquister\u00e0 tra il 10 ed il 15% del mercato degli smartphone.<\/p>\n<p>Pertanto, la domanda \u00e8: noi web developer dobbiamo spolverare le nostre conoscenze di IE e forzare gli utenti di IE a scaricare dei fogli di stile extra? Forziamo <em>tutti<\/em> gli utenti a scaricare dei code branch di IE su una connessione mobile? O ignoriamo IE? Sono favorevole a quest&#8217;ultima ipotesi.<\/p>\n<p>Microsoft \u00e8 a conoscenza di questo problema e sa che pu\u00f2 <em>rendere<\/em> importante IE Mobile facendone l&#8217;upgrade ai livelli di IE9. Infatti, lo stanno gi\u00e0 facendo. Se tutti i nostri siti all&#8217;improvviso funzionassero in una futura versione di IE Mobile, tanto meglio! E potremmo perfino cominciare a farci dei test. Ma non ci verr\u00e0 chiesto di trovare dei work-around laboriosi su un bug di IE dopo l&#8217;altro, come facciamo su desktop.<\/p>\n<h3>Altri browser<\/h3>\n<p>Ci sono pochi altri browser che potete ignorare al momento ma che potrebbero diventare importanti in futuro:<\/p>\n<ul>\n<li>NetFront \u00e8 ancora ampiamente usato sui dispositivi Samsung e Sony Ericsson pi\u00f9 vecchi, ma \u00e8 molto pi\u00f9 indietro rispetto ad altri browser ed \u00e8 molto probabile che scomparir\u00e0 a breve. A buon intenditor poche parole: ignorate NetFront. Ci vogliono troppi sforzi per supportarlo.<\/li>\n<li>Obigo \u00e8 il browser scelto da LG e cerca seriamente di stare al passo con gli altri browser. Sebbene fino alla versione 7.x avesse il proprio rendering engine, ora sta passando a WebKit. I primi browser Obigo basati su WebKit sono attesi per l&#8217;inizio del 2011.<\/li>\n<li>E&#8217; disponibile la <a href=\"http:\/\/www.mozilla.com\/en-US\/mobile\/beta\/\">versione beta di Firefox per Android<\/a>, ma le mancano ancora importanti feature mobile come gli eventi touch. Il problema pi\u00f9 grande di Mozilla \u00e8 che gli utenti mobile non scaricheranno un altro browser solo perch\u00e9 possono. Quindi credo che per il momento si possa tranquillamente ignorare Firefox, nonostante questo cambier\u00e0 se un dispositivo o un produttore di piattaforma comincer\u00e0 ad usare Firefox come proprio browser di default.<\/li>\n<\/ul>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Il vostro ambiente di test per mobile<\/h2>\n<p>Ora, applichiamo le nostre nuove conoscenze su piattaforme e browser per creare un test setup da poter utilizzare.<\/p>\n<h3>Cominciate a fare test<\/h3>\n<p>Cominciate a fare test gi\u00e0 adesso. Ovviamente, potreste avere a vostra disposizione uno o al massimo due telefoni da usare, ma imparerete molto vedendo il vostro sito su un qualsiasi telefono.<\/p>\n<p>Uno dei problemi pi\u00f9 delicati \u00e8 uno che potete affrontare subito: il piccolo display. Ogni cellulare ha un piccolo display per quelli che sono gli standard desktop ed \u00e8 necessario che il vostro sito vi stia. Cominciate a fare degli esperimenti da subito. Non preoccupatevi se i vostri dispositivi non sono rappresentativi per il market share: qualunque test su mobile \u00e8 meglio di nessun test.<\/p>\n<h3>Procurarsi i dispositivi<\/h3>\n<p>Poi viene il momento di sborsare dei soldi. Probabilmente avrete gi\u00e0 un iPhone o un Android. Comprate un BlackBerry o un Nokia Symbian, quello che \u00e8 pi\u00f9 popolare dove vivete. Scegliete un modello pi\u00f9 o meno recente e diffuso. Questo rappresenter\u00e0 le masse di smartphone che ancora non navigano molto nel web.<\/p>\n<p>Se il vostro budget \u00e8 ristretto, comprate un Nokia o un BlackBerry non-touchscreen. Se avete dei soldi da parte, mettetene comunque da parte un po&#8217; per un qualche dispositivo non-touchscreen. Non tutti gli utenti hanno un touchscreen e dovreste decisamente prendere confidenza con altri modi di input. Se vi avanzano dei soldi per un terzo o addirittura per un quarto dispositivo, considerate una qualsiasi delle piattaforme che ho gi\u00e0 citato: bada, Windows Phone 7 o Windows Mobile. Sceglietene uno o due che abbiano una grande market share nella zona in cui vivete.<\/p>\n<h3>Installate i browser<\/h3>\n<p>Scorrete <a href=\"http:\/\/quirksmode.org\/mobile\/browsers.html\">il mio elenco dei browser<\/a> ed installate assolutamente tutti i browser che potete scaricare sui dispositivi che avete gi\u00e0. Fate particolare attenzione a Opera Mini e UCWeb.<\/p>\n<h3>Test service<\/h3>\n<p>A questo punto, dovreste avere dai due ai quattro dispositivi con sei-dieci browser in totale. Se vi avanzano ancora dei soldi, compratene altri. Se non avete budget per comprare altri dispositivi, avete due scelte: i test service o gli emulatori.<\/p>\n<p>I due principali test service sono  <a href=\"http:\/\/deviceanywhere.com\/\">Device Anywhere<\/a> e <a href=\"http:\/\/perfectomobile.com\/\">Perfecto Mobile<\/a>. Confrontateli e decidete quale preferite.<\/p>\n<p>Questi servizi hanno file e file di telefoni cellulari nei loro laboratori con delle webcam puntate su ciascuno di essi e potete accedervi attraverso il vostro browser per testare quello che volete. Tutto ci\u00f2 ha un prezzo ma \u00e8 molto pi\u00f9 economico che acquistare dei dispositivi.<\/p>\n<h3>Emulatori<\/h3>\n<p>Mentre gli emulatori sono il modo pi\u00f9 economico per fare dei test mobile, ammetto di non esserne un grande fan, perch\u00e9 per essere davvero buono, il browser mobile deve essere portato su Windows (o Mac) e molte cose possono andare storte in questo processo.<\/p>\n<p>Scorrete l&#8217;<a href=\"http:\/\/mobiforge.com\/emulators\/page\/mobile-emulators\">elenco degli emulatori<\/a> ed installatene quanti pi\u00f9 potete. Sfortunatamente, la maggior parte ha bisogno di una <span class=\"caps\">SDK<\/span> su cui girare, che appesantir\u00e0 il vostro computer.<\/p>\n<h3>Elenco dei browser<\/h3>\n<p>Una volta che avrete un mobile test setup ed dei clienti che vogliono i propri siti funzionanti su mobile, fate un elenco di browser generici da inserire nel vostro contratto. I vostri clienti devono sapere su quali browser <em>funzioner\u00e0<\/em> il loro sito.<\/p>\n<p>Due browser sono inevitabili: Safari e Opera Mini. Molto probabilmente, i clienti chiederanno anche di Android e quelli che conoscono il mondo mobile insisteranno su BlackBerry o Symbian. Prendete accordi sulle versioni dei browser: probabilmente questo aspetto dipender\u00e0 dai dispositivi, dai test service o dagli emulatori che avete a disposizione. C&#8217;\u00e8 qualche trucco qui:<\/p>\n<ul>\n<li>Ricordatevi che BlackBerry OS4.6 o inferiori non riescono a far funzionare del codice JavaScript complicato. Inoltre, dovreste far sapere al vostro cliente che potrebbe essere necessario eliminare degli script anche nelle versioni successive di BlackBerry. Solo OS6 con il browser basato su WebKit \u00e8 sicuro che riesca a supportarli.<\/li>\n<li>Abbiamo gi\u00e0 parlato delle versioni WebKit di Nokia. Cercate di evitare le versioni pi\u00f9 vecchie: vi risparmierete dei mal di testa.<\/li>\n<li>C&#8217;\u00e8 un upgrade importante di WebKit per Android tra la 1.6 e la 2.0. Assicuratevi che il vostro contratto specifichi su quale versione di Android andrete a fare i vostri test.<\/li>\n<\/ul>\n<p>Anche se il vostro cliente vi chiede solo dell&#8217;iPhone, assicuratevi che il sito funzioni ragionevolmente bene almeno su un altro browser mobile. Non tralasciate alcuna occasione per fare pratica.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Il progressive enhancement \u00e8 vostro amico<\/h2>\n<p>Il progressivo enhancement \u00e8 il vostro amico dello sviluppo web. Non tutto funzioner\u00e0 su tutti i browser mobile, ma va bene cos\u00ec. Non tutto <em>deve<\/em> funzionare su tutti i browser. Se qualcuno usa Opera Mini e non vede le animazioni che avete realizzato, \u00e8 accettabile. E siate pronti a eliminare del tutto i vostri script per i BlackBerry pi\u00f9 vecchi.<\/p>\n<p>Il progressive enhancement verr\u00e0 usato sempre di pi\u00f9 per lo sviluppo web mobile. Sul desktop siete obbligati a rendere felici gli utenti di IE ma sul mobile la situazione \u00e8 un po&#8217; diversa. Quindi, non esitate ad eliminare alcune funzionalit\u00e0 per alcuni browser. Finch\u00e9 gli utenti riusciranno a leggere il contenuto e ad usare la navigazione, avrete fatto il vostro dovere.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Mobile: la nuova frontiera<\/h2>\n<p>Spero che tutte queste informazioni costituiscano un punto di partenza per le vostre avventure sul web mobile. Sar\u00e0 difficile: principalmente perch\u00e9 molto diverso dal desktop web. Inoltre, la conoscenza dettagliata che diamo per scontata dei browser desktop non \u00e8 ancora disponibile per il mobile web.<\/p>\n<p>Questo non dovrebbe comunque impedirvi di sperimentare. Provate qualcosa che abbia senso per voi. A volte non funzioner\u00e0, ma fa parte del gioco. E se funziona, scrivetene: i vostri colleghi sviluppatori web hanno bisogno di informazioni.<\/p>\n<p>Buona fortuna! E ricordate: non siete soli.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2>Letture consigliate<\/h2>\n<p>Ecco un elenco di letture da autorit\u00e0 del mobile. Sottoscrivetele, cos\u00ec rimarrete aggiornati su dove si sta dirigendo il mercato mobile.<\/p>\n<ul>\n<li>Tom Ahonen, in passato un executive di Nokia, scrive <a href=\"http:\/\/communities-dominate.blogs.com\/\">Communities Dominate Brands<\/a>. Un posto dove andare per ogni tipo di statistica. Leggere il suo blog vi dar\u00e0 una panoramica generale non web-centrica di cui c&#8217;\u00e8 un grande bisogno.<\/li>\n<li><a href=\"http:\/\/www.cloudfour.com\/blog\/\">Cloud Four Blog<\/a> di Jason Grigsby. Jason \u00e8 sia un web developer sia un mobile developer e presta particolare attenzione alle media queries e ai dibattiti native vs. web apps.<\/li>\n<li><a href=\"http:\/\/www.visionmobile.com\/\">Vision Mobile<\/a> \u00e8 un&#8217;analisi del mercato mobile e societ\u00e0 di strategia che pubblica un blog molto interessante con pezzi op-ed.<\/li>\n<li><a href=\"http:\/\/jquerymobile.com\/\">jQuery Mobile<\/a> \u00e8 l&#8217;ultimo progetto di John Resig. jQuery \u00e8 la prima libreria JavaScript con una strategia definita per i browser mobile. La libreria <a href=\"http:\/\/www.sencha.com\/\">Sencha<\/a> \u00e8 anch&#8217;essa un&#8217;opzione, ma \u00e8 nata come libreria solo per iPhone e Android e sta aggiungendo solo ora altre piattaforme.<\/li>\n<li><a href=\"http:\/\/yiibu.com\">Yiibu<\/a> di Bryan e Stephanie Rieger, pubblica articoli eccellenti sullo sviluppo per web mobile e sui vari browser Nokia. Il sito nel suo insieme \u00e8 un esempio di come dovremmo agire nei confronti dello sviluppo web mobile.<\/li>\n<li><a href=\"http:\/\/www.lukew.com\/\">Luke Wroblewski<\/a> \u00e8 un web designer con uno specifico interesse per il mobile. I suoi <a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1073\">diagrammi delle gesture touch<\/a> sono in special modo interessanti.<\/li>\n<li><a href=\"http:\/\/wapreview.com\/blog\/\"><span class=\"caps\">WAP<\/span> Review<\/a> di Dennis Bournique segue principalmente il mercato dalla fascia media a quella bassa. E&#8217; noto per test esaustivi su browser mini (Opera Mini, UCWeb e simili). Dennis inoltre presenta dei siti mobile trovati sul web, da cui potete prendere spunto.<\/li>\n<li><a href=\"http:\/\/blog.pinchzoom.com\/\">PinchZoom<\/a> \u00e8 l&#8217;azienda di mobile web di Brian Fling. Vi sono molti utili articoli.<\/li>\n<li><a href=\"http:\/\/www.asymco.com\/\">The Asymco blog<\/a> di Horace Dediu segue avidamente il mercato mobile e ha molti buoni insight da condividere.<\/li>\n<li><a href=\"http:\/\/www.mobileindustryreview.com\/\">Mobile Industry Review<\/a> \u00e8 un&#8217;altra sorgente di alto livello che copre l&#8217;intero mondo mobile.<\/li>\n<li><a href=\"http:\/\/twitter.com\/EricssonLabs\">@EricssonLabs<\/a> su Twitter vi indirizzer\u00e0 alle storie pi\u00f9 importanti del momento sul mondo mobile.<\/li>\n<li><a href=\"http:\/\/www.thisismobility.com\/blog\/\">This Is Mobility<\/a> \u00e8 di Mike Rowehl, un mobile developer interessato al web. Oltre a seguire il mondo mobile, Mike di tanto in tanto scrive su come il mondo mobile vede il mondo del web, il che lo rende un interessante cambio di prospettiva.<\/li>\n<li>Il <a class=\"external\" href=\"http:\/\/www.morganstanley.com\/institutional\/techresearch\/pdfs\/mobile_internet_report.pdf\">Morgan Stanley Mobile Internet Report<\/a> (PDF; enorme) \u00e8 probabilmente la panoramica pi\u00f9 esaustiva del mobile web attualmente disponibile, sebbene abbia gi\u00e0 un anno.<\/li>\n<li>Ho fondato la <a href=\"http:\/\/tech.groups.yahoo.com\/group\/mobile-web\/\">mobile web mailing list<\/a> in cui molti leader di pensiero discutono i browser mobile, il mobile web, il contesto mobile e altri importanti argomenti.<\/li>\n<li>Ed infine la <a href=\"http:\/\/quirksmode.org\/mobile\/\">sezione mobile<\/a> del mio sito, QuirksMode. Scrivo sul mercato mobile visto da un web developer, includendo alcuni topic altamente tecnici che diverranno conoscenza obbligatoria per gli sviluppatori web mobile.<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<p>Illustrazioni: {carlok}<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gli utenti si aspettano che i siti funzionino sui loro cellulari. Tra due o tre anni, il supporto per mobile sar\u00e0 lo standard per tutti i siti. I web developer devono aggiungere lo sviluppo per web mobile al proprio bagaglio di conoscenze o rischiano di perdere clienti. Come si rendono i siti compatibili con il mobile web? La risposta pi\u00f9 semplice \u00e8 di testarli su tutti i dispositivi mobili e sistemare tutti i problemi che si incontrano. Ma con almeno dieci sistemi operativi e quindici browser differenti, \u00e8 impossibile fare una cosa del genere. Non possiamo per\u00f2 nemmeno testare i siti su iPhone ed Android e aspettarci di aver fatto il nostro dovere. PPK investiga il mercato del mobile web, cos\u00ec come le piattaforme e i browser attualmente in uso sui telefoni cellulari e ci mostra come impostare un ambiente di test funzionante per il mobile web.<\/p>\n","protected":false},"author":818,"featured_media":7000603,"comment_status":"open","ping_status":"open","template":"","categories":[242,279,273,35],"tags":[],"coauthors":[318],"class_list":["post-132","article","type-article","status-publish","has-post-thumbnail","hentry","category-browser","category-interaction-design","category-mobile-multidevice","category-numero-21-28-dicembre-2010"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/comments?post=132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media\/7000603"}],"wp:attachment":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media?parent=132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/categories?post=132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/tags?post=132"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/coauthors?post=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}