Qual è il modo migliore per creare un sito ottimizzato per dispositivi mobili?

Question

Parlando interamente in termini privi di tecnologia, qual è il modo migliore per creare un sito ottimizzato per dispositivi mobili? Cioè, voglio creare un sito che funzionerà su un normale computer ma abbia anche versioni mobili delle pagine. Devo riscrivere ogni pagina? Le pagine avranno probabilmente funzionalità diverse, quindi dovrei riscrivere il codice di backend? Dovrebbe essere un sito effettivamente diverso con lo stesso database?

Answer 1

Ho aggiunto un livello di presentazione mobile a un sito operativo circa un anno fa. Basandomi sull'architettura del sito (speriamo che questo non dipenda troppo dalla tecnologia per te) ho aggiunto un nuovo set di JSP per adattarsi ai browser mobili (sidenote: vedi http://wurfl.sourceforge.net/ per un ottimo modo per creare pagine mobili indipendentemente dal tipo di browser). Inoltre, alcune funzionalità di back-end sono state modificate a causa della funzionalità limitata della maggior parte dei browser mobili. Quindi, in breve, l'integrazione non è stata così dolorosa come ci si aspetterebbe.

Buona fortuna!

Answer 2

Sul mio sito , rilevo un agente utente e per browser mobili noti offro un foglio di stile diverso, con alcuni elementi più grandi / meno necessari lasciati fuori da alcune pagine. Il backend non cambia davvero.

Answer 3

Questa è una domanda piuttosto ampia, ma qui va:

• Se il sito riguarda principalmente il contenuto, il che significa che non è tanto un servizio che usi quanto una pubblicazione che leggi, quindi proverei a evitare di pubblicare due siti ovunque possibile. Concentrati sulla semplice presentazione utilizzando tecnologie mature che i browser mobili sono in grado di gestire abbastanza bene.
• Se si tratta essenzialmente di un'applicazione software fornita tramite la rete, le cose diventano più complicate, perché vorrai prendere in considerazione l'interfaccia utente del dispositivo mobile e come differisce dal desktop.
• Questo dovrebbe essere ovvio, ma in entrambi i casi, se hai molti utenti mobili, dovresti tenerlo presente quando crei contenuti per il sito. Formati, lunghezza, voce, ecc.

Answer 4

Oltre al sistema di funzionalità WURFL / WALL di cui abbiamo appena parlato, ci sono librerie Java Server Faces disponibili che utilizzano renderkit WML alternativi per telefoni cellulari.

Answer 5

Un modo in cui l'ho fatto in passato era assicurarmi che i miei dati fossero astratti bene nel livello dati e quindi utilizzare modelli separati di livello intermedio per estrarre ciò che era appropriato. Nel mio caso l'applicazione era un'applicazione meteorologica e i metodi di visualizzazione dei dispositivi target erano davvero limitati, quindi abbiamo optato per mostrare all'utente solo gli elementi essenziali sui dispositivi mobili mentre il sito Web era pieno di funzionalità. Ciò avvenne probabilmente 10 anni fa quando WAP era grande. Ma in questi giorni con i dispositivi che ottengono schermi più grandi, una migliore larghezza di banda, potresti voler consumare e visualizzare gli stessi dati esatti con un modello di visualizzazione diverso.

Non so mai quale tipo di applicazione sarà necessaria per utilizzare i dati in futuro. Facciamo molte app su più piattaforme ma il modello di dominio cambia raramente. Quindi finisco per usare gli stessi oggetti di livello intermedio dove posso e estrarre quei dati in client diversi. Un buon esempio di questo è un recente progetto in cui avevamo una ricca applicazione Internet (widget), un sito Web completo e un servizio Web che consumava gli stessi dati. L'astrazione dei dati nel livello intermedio brilla davvero in questo ambiente.

Answer 6

Su un livello molto elevato di astrazione, ci sono due avvertenze principali con i dispositivi mobili: (1) il loro schermo è piccolo, (2) la loro connessione di rete è intermittente. Ciò significa fondamentalmente che è necessario presentare il contenuto in modo che appaia bene anche su uno schermo piccolo (dimensioni variabili) e preferibilmente renderlo memorizzabile nella cache in modo che gli utenti possano sfogliare il contenuto mentre sono offline. Quindi c'è anche il problema della bassa larghezza di banda e dell'alta latenza, ma questi sono leggermente meno importanti al giorno d'oggi.

Answer 7

Questa è una panoramica molto approfondita su come rendere mobile un sito, anche se spero sia giusto dire che ci saranno sempre requisiti diversi per chiunque cerchi di diventare mobile. Se hai un Blog, puoi facilmente renderlo mobile friendly usando Mippin Mobilizer; è gratuito, offre strumenti di personalizzazione del marchio e con un vasto pubblico che già naviga in un ampio mix di contenuti mobilitati, ci sono opportunità per generare entrate pubblicitarie nel tuo blog.

Questo perché il blog Mippin Mobilized diventa quindi parte di una comunità molto più ampia di contenuti, persone, notizie, blog, elenchi, tutti i collegamenti intorno ai contenuti e molto altro sul sito mobile:

http://mippin.com (su un browser mobile.)

Dai un'occhiata allo strumento di mobilitazione perché mostra cosa può fare il sito in un secondo:

www.mippin.com/mobilizer

Solo se hai un blog ovviamente ...