Responsive Web su Dispositivi Diversi
oto hlincik
Feb 18, 2015 oto hlincik

Uno dei più comuni richieste stiamo ricevendo in questi giorni è per il responsive web di sviluppo e che è una buona cosa, perché ci sono alcuni grandi vantaggi di andare con un sito responsive. Tuttavia, questo sembra anche essere un’area comune di confusione. Inizieremo condividendo alcune delle frequenti idee sbagliate che incontriamo quando parliamo con i clienti di siti Web reattivi e mobile-friendly:

  1. Solo i siti Web responsive funzionano su dispositivi mobili.
  2. Ogni sito web deve essere reattivo.
  3. Un sito web mobile-friendly è reattivo.

Quindi cosa significano esattamente “responsive” e “mobile-friendly”? Diamo un’occhiata più da vicino…

Responsive

Dai un’occhiata al nostro sito web responsive

Responsive Design

Un sito web responsive è quello che risponde (o cambia) in base alle esigenze degli utenti e del dispositivo (dispositivo mobile in questo esempio) su cui lo stanno visualizzando. Qui, testo e immagini cambiano da un layout a tre colonne a una visualizzazione a colonna singola. Le immagini non necessarie sono nascoste in modo da non interferire o competere con le informazioni più importanti sul display più piccolo del sito.

Se sei su un computer, puoi capire se un sito è reattivo riducendo le dimensioni della finestra del tuo browser dallo schermo intero a molto piccolo. Se l’aspetto del testo, delle immagini e del menu cambia man mano che si riduce, il sito è reattivo.

Caratteristiche principali dei siti web responsive:

  • contenuto Dinamico che cambia
  • Navigazione è condensata
  • immagini Ottimizzate
  • Corretto riempimento e gioco
  • Affidamento su sistemi operativi mobili di funzione
Mobile-friendly

un’occhiata alla nostra versione desktop

Mobile-Friendly Design

mobile-friendly sito web è uno che è stato progettato per funzionare esattamente allo stesso modo su più dispositivi. Ciò significa che nulla cambia o è inutilizzabile su un computer o dispositivo mobile. Caratteristiche come i menu a discesa di navigazione sono limitati, in quanto possono essere difficili da usare sul cellulare. E non viene utilizzata alcuna animazione Flash. Il sito Web è letteralmente lo stesso su tutta la linea, senza problemi di usabilità indipendentemente dal dispositivo su cui viene visualizzato.

Caratteristiche principali di mobile-friendly:

  • Contenuto statico che non cambia
  • Navigazione semplificata
  • Le immagini visualizzano più piccole
  • Non dipendono da un sistema operativo mobile per funzionare correttamente

Come sapere quale è giusto per te?

Bene, stiamo andando a scomporlo per voi con una piccola lista di controllo utile

Reattivo

È possibile ottenere un’esperienza mobile più personalizzato con responsive design. Tuttavia, richiede competenza, pianificazione adeguata e un budget un po ‘ più grande.

Pensa di andare reattivo se:

Mobile-Friendly

È possibile ottenere un consistente esperienza del sito su tutti i dispositivi con una versione semplificata, mobili. Questi siti non possono avere caratteristiche folli o funzionalità, ma funzionano solo.

Pensare di andare mobile-friendly se:

  • Non hai un enorme pubblico mobile che guarda il tuo sito sul cellulare-meno del 35%
  • Hai un sito semplice che è per lo più basato su testo e immagini, senza funzionalità complesse
  • Le dimensioni dell’immagine sono piccole, consentendo un caricamento veloce su connessioni mobili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.