Pensa a come i clienti della tua attività interagiscono con il tuo sito web. Ora apri il tuo sito web su uno smartphone o tablet. È la stessa esperienza possibile su tutti i dispositivi?

Una scarsa esperienza mobile può essere disastrosa per le piccole imprese che tentano di costruire le proprie attività digitali.

Ciò che è diventato chiaro è che le aziende devono ridisegnare la propria presenza online per tenere in considerazione l'accesso ai dispositivi mobili. È qui che il responsive design è davvero molto utile.

  • Nuovi domini di primo livello ora disponibili - ma alcuni non sono esenti da controversie

In sostanza, il responsive design consente la creazione di un sito Web che riformatta il suo contenuto a seconda del dispositivo su cui viene visualizzato.

Chiaramente, un sito Web apparirà e si comporterà in modo molto diverso su un monitor da 27 pollici rispetto a un tablet PC da 9 pollici. La progettazione reattiva prende in considerazione queste differenze per garantire che l'esperienza dell'utente sia sempre ottimizzata. Come buon primer nel design responsive, il blog post di Ethan Marcotte è una lettura essenziale.

Il design reattivo presenta una serie di vantaggi chiave per le piccole imprese:

  • Il contenuto può essere creato una volta e consegnato a più dispositivi
  • L'esperienza dell'utente è la stessa indipendentemente dal dispositivo che accede al contenuto del sito
  • Poiché i consumatori utilizzano sempre più dispositivi mobili per fare acquisti, la progettazione reattiva può garantire che questa attività sia familiare su desktop, telefono o tablet
  • Con oltre la metà della popolazione del Regno Unito che ora possiede uno smartphone, i contenuti devono essere ottimizzati per questo canale
  • Le opportunità di marketing possono essere migliorate con servizi complementari, tutti consegnati immediatamente attraverso tutti i punti di contatto con i clienti

Le compresse hanno cambiato il modo in cui consumiamo i siti web

Affinché un design reattivo abbia successo, la pianificazione dettagliata è vitale.

Prendersi il tempo necessario per comprendere il contenuto che la tua azienda vuole includere e il modo in cui i principi di progettazione reattivi avranno un impatto su quel contenuto, è fondamentale valutare prima di iniziare qualsiasi costruzione. E, naturalmente, c'è un chiaro vantaggio commerciale che non va perso nelle piccole imprese, dato che possono costruire un sito web per tutti i dispositivi che i loro clienti potrebbero utilizzare per interagire con le loro aziende.

Ben McKeown, lead designer presso l'agenzia di marketing digitale, Greenlight: "Sicuramente ci sono delle eccezioni nell'usare un design reattivo, ma, per la stragrande maggioranza delle piccole imprese, il design reattivo sarà il più conveniente, a prova di futuro e modo efficiente per garantire che il tuo sito possa essere visualizzato su tutti i dispositivi e le piattaforme. "

E David Wynne, fondatore del laboratorio di software creativo, Red Badger, sottolinea inoltre: "Il responsive web design non è solo quello di far apparire il tuo sito bello su un iPhone o iPad, bensì fornire un'esperienza cross-device coerente per gli utenti, e future proofing affinché il tuo prodotto si adatti agli sviluppi tecnologici. "

Diventando reattivo

Uno dei principali problemi con la progettazione reattiva è che molte aziende non comprendono appieno come l'utente finale accederà al contenuto che sta creando.

Un bellissimo design che è lento da caricare su un telefono collegato alla rete 3G non fa nulla per l'esperienza dell'utente e non coglie il punto di design reattivo interamente.

È importante valutare ogni aspetto del tuo sito, dalle immagini al testo e pensare a come questi elementi - o meno - lavoreranno insieme se visualizzati su una varietà di schermi, dispositivi e punti di accesso Internet.

Simon Whatley, principale consulente di Foolproof, ha commentato: "Le aziende di tutte le dimensioni devono svolgere attività di ricerca, devono comprendere non solo gli obiettivi aziendali ma, soprattutto, gli obiettivi dell'utente e il contesto di utilizzo. qualcosa che soddisfa tali priorità.

"Sebbene il web design reattivo (e adattivo) produca grandi esperienze mobili in molte circostanze, in altri casi, un'esperienza mobile distinta - che si tratti di un'app nativa o di un sito Web m-dot - può avere senso. Anche in questo caso, investire nella ricerca prima di prendere decisioni farà in modo di ottenere la giusta misura. "

"A nostro avviso, i consumatori del Regno Unito sono" indipendenti dalla piattaforma ", utilizzano piattaforme diverse a seconda della loro posizione o situazione e possono utilizzare fino a tre dispositivi (PC, tablet, smartphone) nello stesso giorno", ha commentato Mike Flynn, CEO di Fast Web Media.

"Ciò che è importante è garantire che i tuoi contenuti siano di facile accesso e sia utili o altamente coinvolgenti per il pubblico con cui desideri connetterti. La strada migliore da intraprendere è un sito web di miglioramento progressivo completamente reattivo, che garantisce agli utenti la possibilità di visualizzare il sito nel formato più appropriato per il dispositivo che stanno utilizzando. "

Inoltre, per le aziende che dipendono da Google per il traffico del sito, il leviatano di ricerca ha dichiarato pubblicamente la sua preferenza per il design reattivo: "Mantiene i tuoi contenuti desktop e mobili su un singolo URL che è più facile per gli utenti di interagire, condividere e link a, e per gli algoritmi di Google per assegnare le proprietà di indicizzazione ai tuoi contenuti. "

Un'ulteriore considerazione che viene spesso trascurata riguarda il modo in cui il contenuto del sito Web reattivo verrà interagito. Il contenuto creato per un puntatore del mouse spesso non funziona come previsto su un dispositivo touch. Pensa alla navigazione del sito, per esempio, e se può essere usato con un cursore e un dito.

Il responsive design è ora una componente vitale dell'attività di marketing digitale di tutte le piccole imprese.

Firebug ti aiuta a identificare i problemi del sito

Può essere inizialmente scoraggiante contemplare lo sviluppo di contenuti per l'accesso ai contenuti reattivi, ma se affrontati con attenzione e con un piano d'azione dettagliato, i benefici - specialmente all'interno della piccola comunità imprenditoriale - possono essere enormi.

Porsi queste domande prima di passare al design reattivo:

  1. È un design reattivo appropriato per il contenuto dell'azienda?
  2. Costruire un'app sarebbe più appropriato per i clienti mobili della tua attività?
  3. La tua azienda ha le risorse per ridisegnare la sua presenza online con principi reattivi?
  4. Hai valutato il modo in cui il tuo pubblico interagisce attualmente con la tua attività?
  5. La SEO è una componente importante del marketing della tua attività? In tal caso, la progettazione reattiva è fondamentale per implementare il prima possibile.

Con Montetate che afferma che oltre $ 38 miliardi saranno spesi per lo shopping mobile entro la fine del 2013, David Wynne di Red Badger ha concluso: "Che si tratti di una grande o piccola impresa, se stai creando applicazioni web in questo momento e non prendi responsive web design in In considerazione, potresti snobbare una quota ampia e in rapida crescita dei tuoi utenti e perdere quote e quote di mercato potenziali.

"I vantaggi visti dalle aziende che lanciano siti Web reattivi includono enormi salti nelle conversioni, transazioni e entrate, aumenti delle pagine per visita e una grande crescita del traffico mobile".

  • Nuovi domini di primo livello ora disponibili - ma alcuni non sono esenti da controversie