In passato, abbiamo esaminato le ragioni e i modi per testare il tuo sito Web, sia esso di lavoro o personale, su più browser desktop. L'importanza di testare il tuo sito su browser diversi assicura che il tuo sito appaia e si comporti correttamente, indipendentemente dal browser su cui viene visualizzato.
Lo stesso vale per i browser mobili e potrebbe essere ancora più cruciale in questi giorni, dato che molte persone utilizzano il responsive web design. Questo concetto, in poche parole, fornisce un sito Web che apparirà e si comporterà bene 7 Pratiche che i progettisti stanno usando per migliorare il loro business 7 Pratiche che i progettisti utilizzano per migliorare il loro business Gestire un'impresa è molto faticoso, ma non è necessario sia così. Leggi di più su tutti i dispositivi mobili, indipendentemente dalle dimensioni. Con così tanti diversi tipi di telefoni cellulari Una breve storia di telefoni cellulari Una breve storia di telefoni cellulari I telefoni cellulari hanno cambiato il modo in cui viviamo le nostre vite e per molti, la prospettiva di un mondo senza chiamate vocali, messaggi di testo e accesso a Internet mobile è uno sconvolgente. Come tutti sappiamo, ... Leggi di più e tablet, progettando il tuo sito per ospitare solo un dispositivo è un errore enorme.
Ecco cosa ha da dire Eric Fischgrund, Marketing and Communications Professional, sull'importanza di questo concetto in un recente articolo di Huffington Post:
Anche i contenuti devono essere riscritti. Per i dispositivi più piccoli desideri testo conciso e di facile comprensione. Le immagini devono essere di dimensioni più ridotte. Il responsive design riguarda il miglioramento dell'esperienza degli utenti anticipando i loro bisogni.
Con tutto ciò in mente, nessuno si aspetta che tu acquisti e mantieni tutti i dispositivi disponibili. Ed è importante notare che, man mano che i nuovi dispositivi vengono prodotti e venduti, sarebbe impossibile mantenere il passo con quel metodo.
Invio, gli emulatori mobili. Questi utili strumenti ti consentono non solo di visualizzare, ma nella maggior parte dei casi navigano attraverso il tuo sito web attraverso gli "occhi" di dispositivi diversi. Ognuno di questi emulatori funziona bene ed è disponibile gratuitamente.
Emulatore di telefonia mobile
Il sito Mobile Phone Emulator ti offre una certa flessibilità per testare il tuo sito web. Puoi scegliere su quale dispositivo visualizzare il tuo sito e passare da uno all'altro per la revisione. Sebbene non contenga un elenco completo di dispositivi, puoi trovare quelli più popolari di Apple, Samsung, LG, Blackberry e HTC con le dimensioni dello schermo elencate per ciascuno. Puoi anche scegliere di visualizzare il tuo sito sia in verticale che in orizzontale sui dispositivi.
Una volta visualizzato il tuo sito Web sul dispositivo, puoi fare clic su diversi articoli, navigazione o menu per vedere come appare ogni area. Puoi anche scegliere di visualizzare il dispositivo nella sua dimensione "reale" o di adattarlo alla finestra del browser. Emulatore di telefoni cellulari è un'opzione davvero bella e gratuita per i test del browser mobile.
Responsinator
Responsinator mostrerà il tuo sito web su vari dispositivi in un'unica visualizzazione. Non ci sono molte opzioni di dispositivi, ma puoi visualizzare il tuo sito su alcuni recenti dispositivi iOS e Android sia in verticale che in orizzontale. Ognuno ha barre di scorrimento per visualizzare l'intera pagina e di nuovo, è possibile fare clic sui collegamenti sul proprio sito dai dispositivi per controllare la navigazione e altre pagine.
Responsinator è disponibile gratuitamente, ma se si desidera creare il proprio Responsinator, tale opzione è disponibile per $ 6 mensili o $ 60 annuali. Se fai un sacco di progettazione reattiva da solo, allora questa potrebbe essere una buona opzione per te a guardare oltre.
ResponsivePX
ResponsivePX potrebbe non essere bello come le altre opzioni, ma fa il trucco. Piuttosto che scegliere tra diversi dispositivi, si seleziona la dimensione dello schermo. Regola la larghezza e l'altezza e il display dello schermo si regolerà man mano che vai.
Puoi scegliere di mostrare una barra di scorrimento, che potrebbe davvero essere lì per impostazione predefinita, ma ti aiuta a muoverti nella pagina del tuo sito. Ogni elemento può essere cliccato sul tuo sito in modo da poter visualizzare facilmente la navigazione e le diverse pagine.
ResponsivePX è un'opzione decente per i test sui dispositivi mobili e, considerando che è possibile regolare le dimensioni dello schermo su 3000 per 3000, potrebbe essere utilizzato per qualcosa di più della visualizzazione mobile.
Matt Kersley.com
Il sito di Matt Kersley è di nuovo non bello come altri, ma puoi vedere il tuo sito web in quattro diverse visualizzazioni di dispositivi mobili. Le dimensioni dei dispositivi includono un piccolo telefono e tablet, nonché iPhone e iPad. Ognuno ha barre di scorrimento e consente di fare clic sugli elementi del sito per ulteriori test come quelli sopra.
iPad (e iPhone) Peek
Per il test solo su iOS, iPad Peek mostra sia le visualizzazioni iPad che iPhone del tuo sito web. È possibile passare rapidamente tra il tablet e il telefono e anche tra le visualizzazioni verticale e orizzontale.
Inserisci il tuo URL sul dispositivo e prova via. Come con gli altri emulatori, iPad Peek ti consente di spostarti tra le pagine del sito e la navigazione per un'esperienza completa.
MobiReady
Fino a poco tempo fa MobiReady era stato uno strumento eccellente, ma al momento il sito sembra avere qualche problema. Voglio includerlo nel caso in cui i problemi vengano risolti presto, perché è davvero un buon emulatore. Non solo mostra il tuo sito web, ma fornisce anche alcune utili informazioni di test.
Puoi controllare analisi e rapporti insieme a vari risultati di test che mostrano grafici, errori e passaggi. I dispositivi mostrati sono limitati a diverse dimensioni del telefono insieme a una visualizzazione desktop.
Ma l'altra informazione è davvero ciò che è più utile su MobiReady. Speriamo che il sito tornerà presto in azione in modo che tu possa fare un tentativo.
Il tuo sito è pronto per il cellulare?
Utilizzi un design web reattivo per assicurarti che il tuo sito sia predisposto per i dispositivi mobili Come assicurarti che il tuo blog WordPress sia accessibile agli utenti mobili Come assicurarsi che il tuo blog WordPress sia accessibile agli utenti mobili Ulteriori informazioni? Che mi dici dei tuoi test? controlli il tuo sito web usando un emulatore come uno di questi?
Forse c'è un altro emulatore gratuito che pensi funzioni meglio di tutti questi. In tal caso, condividi i tuoi suggerimenti con tutti i commenti sottostanti.
Immagine di credito: computer tablet 3D e telefono cellulare tramite Shutterstock