Sono tre gli approcci comunemente seguiti nel Web che rispondono alle esigenze degli utenti multidispositivo e che consentono di personalizzare i contenuti in base al contesto. Indipendentemente dall’approccio prescelto, è nostra intenzione metterti in condizione di ottenere i risultati desiderati. L’elemento chiave è fornire agli utenti una eccezionale esperienza di fruizione e soddisfare le esigenze dei clienti in base al loro contesto specifico.
Responsive Web Design
Il Responsive Web Design (RWD) consente di ottimizzare l’esperienza di fruizione del sito su schermi di dimensioni differenti senza la necessità di creare molteplici siti web. Utilizzando modelli flessibili, media query CSS ed eventi JavaScript, un web design reattivo è in grado di adeguarsi alle specifiche dimensioni dello schermo di un dispositivo e di regolare immagini, layout del modello e visibilità dei contenuti. È anche possibile sfruttare le nuove funzionalità dei dispositivi quali trascinamento, scorrimento e altre azioni dell’utente riconosciute dai dispositivi con tecnologia touch. Tutte queste tecniche CSS e JavaScript sono integrabili in un singolo file di contenuti HTML che viene letto su tutti i dispositivi.
Oltre a consentire agli operatori di marketing di usufruire di un singolo repository di contenuti, il Responsive Web Design fornisce diversi vantaggi. L’utilizzo di un singolo URL per una porzione di contenuto consente agli utenti di interagire, condividere e collegare i tuoi contenuti con facilità. Inoltre, non essendo necessario alcun reindirizzamento per ottenere la visualizzazione ottimizzata per il dispositivo, i tempi di caricamento vengono ridotti. Tuttavia, al fine di assicurare una fruizione realmente eccellente con la tecnologia RWD, le aziende devono implementare strategie specifiche e progettare i contenuti del Web intorno all’utente.
Pubblicazione dinamica di differenti contenuti HTML sullo stesso URL
Quando un cliente visita il tuo sito web, il server web è in grado di rilevare il tipo di dispositivo utilizzato e di presentare una pagina personalizzata (HTML + CSS) sullo stesso URL. Queste pagine personalizzate possono essere progettate per qualsiasi tipo di dispositivo: telefoni cellulari, tablet, computer desktop e persino smart TV. Rilevare il dispositivo dell’utente e modificare i contenuti pubblicati richiede un certo livello di personalizzazione (ad esempio fogli di stile) che è necessario assicurare per tutti i vari tipi di dispositivi.
URL per cellulari separati
Un’altra opzione per personalizzare l’esperienza di fruizione del sito in base al tipo di dispositivo è realizzare un sito separato per i dispositivi mobili, indipendente dal sito per desktop originale. Il browser rileva se un visitatore utilizza un dispositivo mobile e lo reindirizza alla versione del sito ottimizzata per cellulari (ad es. mobile.nytimes.com). Un sito dedicato ai cellulari consente di personalizzare il sito specificamente per gli utenti di dispositivi mobili e spesso la realizzazione e l’hosting di questi siti sono separati.
Qui abbiamo raggruppato un elenco di fornitori selezionati che possono aiutarti a sviluppare una strategia per il Mobile e a lanciare il tuo sito ottimizzato.