progettazione di interfacce Web per dispositivi mobili

Come fai a far sembrare buono il tuo sito web sia in un browser standard che sui vari dispositivi mobili disponibili?

Attualmente sono indeciso tra il tentativo di rendere ridimensionabile il mio layout in modo che funzioni per dispositivi di piccole dimensioni o che fornisca un CSS separato per i dispositivi mobili. Il mio caso d’uso è un gioco di scacchi in cui voglio che l’intera scheda sia disponibile senza scorrere verso il basso.

Cosa raccomanderesti?

in pratica non esiste un modo semplice per farlo, è ansible utilizzare CSS sulla maggior parte dei telefoni moderni per controllare l’output, ma è necessario ridimensionare le immagini prima che vengano visualizzate sul telefono in quanto tutti i telefoni hanno schermi di dimensioni diverse.

Il miglior sito che ho trovato nella progettazione di dispositivi mobili è: http://patterns.littlespringsdesign.com/index.php/Main_Page

In questo caso particolare, sembra che per la visualizzazione ottimale potrebbe valere la pena di indirizzare specificamente i dispositivi mobili.

Consiglierei l’approccio CSS. Altrimenti temo che tu abbia un’interfaccia che sembrerà adeguata in entrambi e solo mediocre.

Non vuoi che il tuo sito sembri compromesso per un pubblico o l’altro.

Non so se ti rendi conto di quanto sia grande una domanda che stai ponendo – “i vari dispositivi mobili”? Si tratta di un sacco di dispositivi, un sacco di risoluzioni e un sacco di bug e limitazioni, da iPhones, che può gestire tutto ciò che un normale browser può gestire, a piccoli schermi in bianco e nero.

In teoria, puoi scrivere CSS separati per indirizzare i dispositivi portatili

 

ma personalmente, se stai cercando di supportare un gran numero di dispositivi, ritengo che rilevare il dispositivo e provare a nutrirlo con il codice che è in grado di gestire sia l’unica vera soluzione.

Puoi iniziare a capire quanto è grande il problema ottenendo WURLF, che è un file XML di 13MB di dettagli sui diversi dispositivi e le loro capacità.

Prova il nuovo strumento di test Google friendly per valutare il tuo sito 1