Come Creare una Versione iPhone di un Sito Web
Il rilascio di ogni nuovo iPhone dà origine a un picco di traffico Internet. Ad esempio, quando l'iPhone 3GS è stato rilasciato nel giugno 2009, con la sua fotocamera autofocus migliorata da 3 megapixel e registrazione video VGA continua di alta qualità a 30 fps, c'è stato un aumento del 400% degli upload video mobile su YouTube, secondo iPhoneHeat.com. L'iPhone 3GS è diventato anche il miglior telefono con fotocamera sulle piattaforme foto online, prendendo immediatamente il comando su siti come Flickr. Poiché è così facile accedere al web con un iPhone, molte persone lo usano per guardare siti non di social networking. È importante, quindi, che il tuo sito web abbia un bell'aspetto sul display widescreen da 3,5 pollici (orizzontale) dell'iPhone.
Istruzioni
Mantieni il design del sito web semplice. Ricorda che lo schermo dell'iPhone è quasi 10 pollici più piccolo di uno schermo laptop normale. L'iPhone usa Safari come browser web completo. Il contenuto del tuo sito non verrà automaticamente convertito in una versione smartphone-friendly. Non importa quale larghezza hai designato per la tua pagina, apparirà sullo schermo da 3,5 pollici (orizzontale) dell'iPhone come apparirebbe su un computer desktop o laptop. Troppi elementi saranno difficili da distinguere. Troppi elementi richiederanno anche troppo tempo per caricarsi. Ricorda che un iPhone può passare dall'accedere alla tua pagina web con una rete 3G, EDGE o una connessione Wi-Fi. Muoversi avanti e indietro potrebbe rendere i tempi di caricamento più lunghi di quanto dovrebbero, il che potrebbe far lasciare il tuo sito web all'utente iPhone. Rendi ogni pagina del tuo sito web più breve per alleviare i tempi di caricamento.
Evita il design dipendente dal mouse. Invece di un mouse, l'iPhone ha un'interfaccia touch-screen. Gli utenti navigano le pagine web con le dita. Possono zoomare e centrare su una sezione della pagina facendo doppio tap sullo schermo. Trascinare un dito sullo schermo muove la pagina web in quella direzione. Sfiorare un dito sullo schermo scorre lo schermo in quella direzione. Un pizzico aperto o chiuso zoomma manualmente dentro o fuori, rispettivamente. Poiché le dita di un utente iPhone potrebbero essere ovunque sulla tua pagina, fai attenzione a non avere troppi link sulla tua pagina, o troppi così vicini che è difficile per un utente iPhone selezionarli o evitare di toccarli mentre naviga la pagina.
Progetta le pagine web del tuo sito con elasticità in mente. Safari sull'iPhone aprirà ogni finestra a schermo intero, che è 480 x 320 pixel quando tenuto verticalmente. Ruotando il telefono orizzontalmente la larghezza diventa 480. Comunque l'iPhone sia tenuto, Safari trasfigurerà il tuo sito web per adattarlo e riempire i suoi pixel indipendentemente dalla larghezza che hai impostato. Pensa alle larghezze che imposti di conseguenza. Pensa anche alla dimensione del testo e alla formattazione. Qualsiasi impostazione predefinita tu abbia può essere sovrascritta così che il contenuto delle pagine possa riempire lo schermo. Il testo potrebbe avvolgersi attorno alle immagini o da una riga all'altra in modi che non ti aspettavi.
Evita i frameset. I frame che possono essere regolati individualmente non appaiono sull'iPhone nello stesso modo. Safari per iPhone rimuove le caselle di scorrimento che un mouse su un desktop o touchpad su un laptop permette agli utenti di manipolare. Invece, usa colonne e blocchi di testo per fare un uso migliore dello spazio. Le colonne sono compatibili con la navigazione iPhone. Il doppio tap all'interno di una colonna zoomerà in modo che la colonna riempia lo schermo. Le colonne permetteranno agli utenti iPhone di concentrarsi sul testo a parte dal design complessivo della pagina.
Evita di usare Flash, applet Java e altre tecnologie non supportate dal sistema operativo iPhone. Questi elementi appariranno solo come caselle vuote quando la tua pagina web si carica su un iPhone. Più buchi ci sono nel tuo contenuto, più probabile che l'utente iPhone navighi via e lasci il tuo sito.