Ristrutturazione
I
siti costruiti prima del boom della navigazione da smartphone, hanno
sovente problematiche di visualizzazione. Apra il suo sito con uno
smartphone e controlli se il suo sito è già adatto alla navigazione da
apparato mobile (responsive). In caso contrario la visione potrebbe
essere come le immagini seguenti..
Visualizzazione parziale del sito
Il
sito non responsive non è capace a riconoscere il dispositivo in uso, e
si presenta nella visualizzazione in modalità per PC, ma gli smartphone
non hanno larghezza sufficiente, e lo mostrano solo in parte
Il sito non responsive non è capace a riconoscere il dispositivo in uso, e si presenta nella visualizzazione in modalità per PC, ma gli smartphone non hanno larghezza sufficiente, e lo mostrano solo in parte
Zoom per farlo stare nel display
E' possibile, agendo sullo zoom, far stare
tutto il sito sul display dello smartphone, ma quasi sempre i caratteri
diventano troppo piccoli, e quindi illeggibili. Anche cliccare sui link è
difficoltoso.
E' possibile, agendo sullo zoom, far stare tutto il sito sul display dello smartphone, ma quasi sempre i caratteri diventano troppo piccoli, e quindi illeggibili. Anche cliccare sui link è difficoltoso.
Spostamento per leggere
L'unica soluzione per riuscire a leggere i
contenuti, è ritornare allo zoom originale, e spostare continuamente la
pagina a destra e a sinistra, ma questa operazione è noiosa e porta il
navigatore ad abbandonare il sito.
Di seguito vediamo come viene trasformato il sito, per poter essere ben fruibile da pc, tablet e smartphone
L'unica soluzione per riuscire a leggere i contenuti, è ritornare allo zoom originale, e spostare continuamente la pagina a destra e a sinistra, ma questa operazione è noiosa e porta il navigatore ad abbandonare il sito.
Sito trasformato in "responsive"
Testi chiarissimi
La larghezza del sito ed il font si adattano
benissimo alla visualizzazione da smartphone, ed anche il menù di
navigazione viene compattato nel simbolo chiamato Hamburger
La larghezza del sito ed il font si adattano benissimo alla visualizzazione da smartphone, ed anche il menù di navigazione viene compattato nel simbolo chiamato Hamburger
Menù di navigazione
Tappando
il simbolo (Hamburger) che apre il menù, lo si espande e le voci che
lo compongono, e le aventuali sotto voci, appaiono chiarissime, e
facilmente selezionabili.
Tappando il simbolo (Hamburger) che apre il menù, lo si espande e le voci che lo compongono, e le aventuali sotto voci, appaiono chiarissime, e facilmente selezionabili.
Contenuti ben fruibili
I testi e le immagini delle pagine del sito,
si adattano per essere sempre ben visibili e leggibili. Eventuali link
sono bottoni apposta per la selezione tap (con il dito)
I testi e le immagini delle pagine del sito, si adattano per essere sempre ben visibili e leggibili. Eventuali link sono bottoni apposta per la selezione tap (con il dito)
Privacy e Cookies
Il sito viene aggiornato con il disclaimer
per i Cookies e l'informativa sul nuovo GDPR, in modo da essere comformi
alle disposizioni di legge,
Il sito viene aggiornato con il disclaimer per i Cookies e l'informativa sul nuovo GDPR, in modo da essere comformi alle disposizioni di legge,
Vista da Tablet
Non bisogna dimenticare che alcuni navigatori
usano il tablet. Anche questa modalità è coperta, ed il sito si adatta
benissimo alle dimensioni dello schermo, sia orizzontale che verticale.
Qui sotto la vista da Tablet.
Non bisogna dimenticare che alcuni navigatori
usano il tablet. Anche questa modalità è coperta, ed il sito si adatta
benissimo alle dimensioni dello schermo, sia orizzontale che verticale.
Qui sotto la vista da Tablet.
Vista da P.C.
Naturalmente
il sito funzionerà benissimo anche quando viene visualizzato su
Personal Computer, con piena compatibilità, ed il monitor che viene
riempito totalmente, con la barra del menù di navigazione totalmente
espansa; questo avviene con qualsiasi risoluzione e qualsiasi
dimensione di Monitor.
Naturalmente il sito funzionerà benissimo anche quando viene visualizzato su Personal Computer, con piena compatibilità, ed il monitor che viene riempito totalmente, con la barra del menù di navigazione totalmente espansa; questo avviene con qualsiasi risoluzione e qualsiasi dimensione di Monitor.