Il tuo volto al pubblico

Il sito web è il volto di un'azienda, che comunica la tua qualità e i tuoi servizi ai visitatori. Le persone sono solite visualizzare il tuo sito web non solo dal computer, poiché Internet è disponibile ovunque con dispositivi sofisticati. Ora utilizziamo vari tipi di dispositivi internet come tablet abilitati 3G e 4G, laptop dotati di dongle e smartphone M2M. Ognuno di questi dispositivi ha anche diverse dimensioni di schermo. Alcuni preferiscono anche visualizzare Internet tramite schermi grandi, poiché ora ci sono monitor LCD e LED economici disponibili sul mercato. Un rapporto Cisco afferma che il traffico dati mobile supera i 10 Exabyte nel 2017 e il numero di telefoni sarà superiore al numero di esseri umani nel 2013. Questo rapporto mostra quanto sia importante considerare il design anche nei dispositivi più piccoli.

Il Fattore di Risoluzione

Non puoi dire che il visitatore utilizzi la stessa risoluzione del tuo sistema. La pagina web che si adatta bene alla risoluzione standard più bassa, che è di 544 pixel di larghezza, si adatta anche ad altre risoluzioni. Dieci anni fa, la risoluzione di visualizzazione più comune era 1024 × 768. Molti siti web sono stati ridisegnati per questo formato rispetto ai formati 800 × 600. Ma gli utenti CAD, gli artisti grafici e i videogiocatori utilizzano i loro computer a una risoluzione di 1600 × 1200. Questa risoluzione è definita UXGA. Sappiamo che i computer hanno risoluzioni più elevate rispetto ai televisori; controlla le risoluzioni più utilizzate qui sotto.

Cosa deve controllare un Web Designer

Il web designer deve assicurarsi che tutti gli schermi mostrino il suo sito web con i corretti allineamenti. Dopo aver creato il sito web, deve controllare l'aspetto e la sensazione del sito su tutti gli schermi. Quindi è importante tenere a mente che il sito web appare in modo diverso su computer e dispositivi diversi, mentre progetta il sito web. Una volta che hai finito il tuo sito web e è ospitato, se la pagina web non si adatta allo schermo del dispositivo, il browser aggiunge uno scorrimento orizzontale. Allo stesso modo, anche lo scorrimento verticale appare se non si adatta alla lunghezza verticale. È molto difficile mantenere l'intero sito web sotto la lunghezza verticale, ma puoi sicuramente progettare la lunghezza orizzontale.

 Suggerimenti su Grafica e Tabelle

Le grafiche e le tabelle hanno una larghezza fissa.

Controlla la larghezza in modo che la lunghezza combinata sia inferiore a 750 pixel.

Evita di specificare la larghezza minima.

Lascia che il browser regoli la larghezza della tabella per adattarsi al testo e alle grafiche che entrano nella cella.

Visualizzazione completa

Specifica una larghezza della tabella del 100%; se hai bisogno di fare in modo che la tabella sia completamente riempita con la larghezza.

Strumenti online per testare il tuo sito web

Questi strumenti ti permettono di vedere come appare il tuo sito web su schermi diversi. Puoi visualizzare il tuo sito web in diverse risoluzioni e apportare le modifiche di design appropriate.

Responsive Design Checker.com

Browser Shots.org

Wave. Webaim. org / report

Quirk Tools. com / screenfly /