Mobile Tutorial Sviluppo Web

January 16

Mobile Tutorial Sviluppo Web


Creazione di siti per il web mobile è dotato di una serie di sfide. Tuttavia, la maggior parte dei principi di buona pratica sono simili a quelli utilizzati per lo sviluppo web tradizionale. Gli utenti di Internet stanno navigando su una gamma di dispositivi e piattaforme diverse, dai PC desktop ai tablet e smart phone. Assicurandosi che un sito web è accessibile a persone che utilizzano una vasta gamma di dispositivi è ormai un elemento essenziale per lo sviluppo del web mobile.

istruzione

1 Assicurarsi che gli utenti mobili accedono alla versione mobile del sito. Se avete un sito separato creato appositamente per la navigazione mobile, o semplicemente desidera inserire il codice che cambierà il vostro sito principale per l'utilizzo mobile, è necessario essere sicuri che la gente finirà per visualizzare il contenuto giusto. Ci sono molti strumenti, sia lato client e server, che può aiutare a fare questo. È possibile inserire il codice all'interno delle pagine del sito per effettuare un test per vedere se si utilizza un browser mobile. Inoltre, ci sono strutture all'interno molti server che invia automaticamente il contenuto corretto per i visitatori.

2 Semplificare il vostro sito - dove possibile - per l'utilizzo mobile. Ci sono molti modi in cui è possibile personalizzare il contenuto del sito ai visitatori di telefonia mobile. Semplificare e razionalizzare il contenuto del tuo sito, riducendo la quantità di contenuti che appaiono su una determinata pagina per il mobile, al contrario di navigazione desktop. Considerare l'utilizzo di sezioni comprimibili e menu per rendere il contenuto facile per la scansione e l'accesso. Le persone che utilizzano dispositivi mobili in genere non vogliono trascorrere lunghi periodi la lettura attraverso i contenuti del sito, ma vuole ottenere le informazioni di cui hanno bisogno prontamente.

3 Ottimizzare il contenuto del tuo sito. Se il tuo sito contiene funzionalità multimediali, come video e applicazioni Flash, cercare di ridurre le dimensioni di questi, se possibile - per dimensioni e le dimensioni del file. Evitare di file di grandi dimensioni. Può essere utile compromettere un poco sulla qualità delle immagini - se questo significa che gli utenti possono scaricare abbastanza rapidamente su reti mobili. Per i computer desktop, molti sviluppatori ora lavorano sul presupposto che gli utenti avranno una connessione Internet veloce, ma questo non può essere assunto per il Web mobile.

4 Assicurarsi che le funzioni del sito, in assenza di tecnologie o applicazioni che non sono sempre presenti sui browser mobili. Ad esempio, Flash e JavaScript spesso non sono disponibili sui dispositivi mobili. Anche quando sono, in genere funzionano in modi diversi. Le persone interagiscono in modo diverso con un sito web mobile. navigazione desktop in genere comporta l'uso di mouse e tastiera, ma i dispositivi mobili utilizzare touch-screen o tastiere limitate e trackball o altri componenti. Assicurarsi che la vostra interazione sito funzionerà con l'hardware di un dispositivo mobile utilizza.

5 Stile tuo sito web per l'uso mobile. Il tuo stile sito dovrebbe avere un approccio minimalista per la navigazione mobile, e dovrebbe consentire ai visitatori di concentrarsi sul contenuto. E 'generalmente meno opportuno utilizzare i disegni altamente stile sui siti mobili. Questi sono più lenti da caricare e più difficile da eseguire la scansione attraverso rapidamente. Prova a mettere il contenuto del sito al centro della scena, e utilizzare lo stile per evidenziarlo - piuttosto che oscurare esso.

Consigli e avvertenze

  • L'uso di Internet o software emulatori per i browser mobili, se non si ha accesso ai dispositivi per testare il vostro sito web. Test siti web per cellulari è essenziale, e anche se gli emulatori non sono sempre del tutto esatto, possono essere utili.