Responsive Design

Responsive design è la parola presente in ogni Web Project nata dall'esigenza che è impensabile progettare un sito web senza tenere conto della moltitudine di device dai quali accedono gli utenti.

Pc, smartphone e tablet sono i canali attraverso cui gli utenti si muovono in maniera simultanea e non più soltanto sequenziale. Da ciò ne deriva l’esigenza di passare da una strategia multi-channel a una strategia cross-channel.

La strategia cross channel si basa sull’esperienza del cliente e favorisce il passaggio tra i canali per dare il massimo comfort.

Il cross channel accresce tutti i vantaggi che possono esserci nei differenti canali. Il cliente non sceglie questo o quel canale, può comprare un prodotto a partire da una ricerca sul notebook, inserire un codice sconto ricevuto via sms quando riprende l‘acquisto sul tablet, per ritirare poi il prodotto nel punto vendita più vicino.

Uno dei lavori più impegnativi di un’azienda che realizza la propria presenza digitale è considerare l’intero ecosistema del brand e l’esperienza di navigazione dell’utente attraverso i diversi canali. 

Ecco i 4 elementi necessari per la definizione di questa strategia:

1. Coerenza. Dal design ai contenuti alle funzionalità, bisogna dare all’utente dei riferimenti univoci in maniera che sappia orientarsi sempre all’interno del sito a prescindere dal device con cui accede.
2. Senza soluzione di continuità. Se lo desidera, l’utente deve poter completare un’azione attraverso più canali. Ad esempio, se un utente inserisce un prodotto in un carrello mentre è connesso in un sito e-commerce su un dispositivo mobile, quello stesso prodotto dovrebbe essere nel carrello quando accede al sito da un computer portatile.
3. Disponibilità. L’utente deve essere in grado di completare le attività indipendentemente dal dispositivo. Ad esempio, il controllo di un volo dovrebbe essere disponibile attraverso il web, una applicazione mobile, il desk  dell’aeroporto o un agente al terminal dell’aeroporto.
4. Contesto. L’esperienza deve essere ottimizzata per il canale. Ad esempio, le applicazioni mobile devono integrare informazioni sulla località in base alla posizione corrente dell’utente,  come il meteo, i buoni sconti nei supermercati, la distanza da negozi o luoghi fisici.

I vantaggi del Responsive Design

I vantaggi di questo approccio sono sia per l’utente sia per l’azienda. Lato utente in quanto il responsive design è sicuramente una delle modalità che consentono di applicare una strategia cross-channel per quanto riguarda l’esperienza online che diventa senza soluzione di continuità.

Lato azienda, questo approccio consente di creare una singola versione del sito che si adatta al dispositivo di accesso, che significa risparmio. In quanto, il tempo e le risorse necessarie per creare una versione mobile, tablet e desktop di un sito è quasi tre volte lo sforzo necessario per creare un unico sito responsive.

Per scoprire velocemente se un sito è responsive, provate ad aumentare o ridurre la finestra del browser, se gli elementi si ricollocano in base alla dimensione ecco, siete su un sito responsive.

Dimensione schermo vs Dimensione utente

Quando un utente accede a un sito dal mobile ha sicuramente delle esigenze diverse rispetto a quando accede da desktop, diventa quindi necessario scremare e selezionare i contenuti e le aree più importanti in modo che l’utente, che magari si trova in viaggio, arrivi subito alle informazioni che cerca. Se una volta 3 era il numero perfetto di click per arrivare al contenuto desiderato, adesso con il mobile questo numero deve essere ridotto a 1, massimo 2 click.

I contenuti e il layout diventano fluidi adattandosi naturalmente alle dimensioni del dispositivo di accesso al sito. Il responsive web design non cambia il contenuto di un sito, ma piuttosto la presentazione del contenuto. L’uso di media query consente di restituire delle specifiche informazioni solo a determinate risoluzioni oppure alternare porzioni di testo in funzione del dispositivo che viene utilizzato per navigare il sito.

CremonaDigitale progetta e realizza il tuo sito Web