Adottare un approccio inverso alla progettazione con la strategia Mobile-first

Se ritieni che il cellulare sia il futuro, vivi sotto una roccia. Questa nozione era valida fino a circa, diciamo, 8 anni fa; il mondo è cambiato parecchio negli ultimi anni per quanto riguarda l'utilizzo di Internet e le interazioni web. Osservando alcune statistiche, possiamo vedere che ci sono più di 4,5 miliardi di utenti Web mobili in tutto il mondo con circa il 47,3% di tutto il traffico Web negli Stati Uniti proveniente da dispositivi mobili. Con questo tipo di utilizzo mobile, sarebbe più giustificato dire che il mobile non è il futuro, ma il presente. E tali livelli folli di interazione mobile richiedono intrinsecamente un cambio di paradigma nella strategia di progettazione. Il design reattivo, sebbene ancora diffuso, sta gradualmente diventando un ricordo del passato e la strategia del "design mobile first" sta prendendo il sopravvento.

Perché scegliere una strategia Mobile First

Come suggerisce il nome, “mobile-first” significa progettare per il mobile first e ingrandire gradualmente gli elementi web rispetto al desktop. È l'opposto del design reattivo, in cui l'attenzione si concentra principalmente sul desktop e i siti Web vengono adattati in modo regressivo per tablet e dispositivi mobili. L'approccio è piuttosto diverso qui, non solo in termini di flusso di lavoro, ma anche di utilizzo e presentazione di diversi elementi web.

Il contenuto è il centro principale di attrazione

Quando si progetta con in mente una strategia mobile first, è il contenuto che prende il volante. Tutto il disordine con pulsanti, immagini, animazioni, ecc. passa in secondo piano, riducendo così il sito Web all'essenziale. In cambio, l'utente ottiene un aspetto molto più pulito e sofisticato del sito Web con tempi di caricamento più rapidi e un'esperienza di navigazione complessiva migliorata.

Il contenuto è la priorità assoluta qui e dovrebbe essere estremamente coinvolgente per gli utenti. Alcuni sono dell'opinione che i contenuti di lunga durata non siano adatti alla visualizzazione mobile, il che non è affatto vero. Alla gente piace leggere in movimento e sarebbe prevenuto affermare che dovresti utilizzare solo brevi forme di contenuto in una strategia di progettazione mobile-first. Gli studi, infatti, hanno suggerito che le persone amano leggere di più sui loro telefoni cellulari che sugli schermi dei desktop.

Un vantaggio, qui, è che il design è incentrato sul contenuto, invece di dover adattare un design preesistente a un contenuto lungo. Inoltre, alcune persone credono che dispositivi diversi richiedano strutture e dimensioni dei contenuti diverse, il che è parzialmente vero. Il modo migliore per accontentarsi è creare contenuto specifico del contesto, il che significa che il contenuto può essere di qualsiasi dimensione o struttura in base a ciò di cui si tratta.

Perché il miglioramento progressivo prevale sulla degradazione aggraziata

Da un lato, c'è un grazioso degrado, che implica costruire per lo schermo più grande e successivamente ridurlo per dispositivi più piccoli. Dall'altro, c'è un miglioramento progressivo, che si riferisce alla progettazione di un sito web nella sua forma semplice e minimale e alla sua costruzione progressivamente con elementi più avanzati. Sebbene possa sembrare che entrambi i processi siano sorprendentemente simili in termini di scopo finale, in realtà presentano enormi differenze.

In caso di degrado grazioso, inizi a creare per un desktop e le funzionalità ad esso associate. Ciò include un processo di sviluppo completo con tutte le funzionalità di un desktop, che potrebbe non essere nemmeno possibile nel caso di un dispositivo mobile. Quando viene creato un design rispetto a un desktop, il designer ha molto spazio per giocare con gli elementi. Questo spazio diventa limitato quando la stessa prospettiva di progettazione viene spostata su un dispositivo mobile. Di conseguenza, molti degli elementi che forse farebbero risaltare il sito web, vengono eliminati nella versione mobile e il sito web perde completamente il suo fascino.

Al contrario, il miglioramento progressivo inizia con il minimo indispensabile per i piccoli schermi, in cui il designer può utilizzare solo il contenuto e gli elementi di design minimi per fornire all'utente un'esperienza utente fluida e pulita. Quando ci si sposta su uno schermo più grande, le funzionalità più interessanti come animazioni e grafica animata possono essere visualizzate perfettamente. Quindi il design non viene compromesso in alcun modo e il sito Web sembra ugualmente buono su entrambi i dispositivi. E qualsiasi designer sarebbe facilmente d'accordo sul fatto che è più facile aggiungere altro che ridurre ciò che è già presente.

Con un discreto degrado, c'è la possibilità che dopo aver ridotto il design e le funzionalità, il prodotto finale potrebbe non sembrare attraente su dispositivi mobili come su desktop. Spesso tende ad essere semicotto o addirittura non funzionante. Ma quando si migliora progressivamente, è più facile concentrarsi sull'esperienza mobile e fornire il meglio di ciò che il piccolo schermo può offrire. Se è necessario aggiungere qualcosa in più a questa già interessante esperienza, ciò può essere fatto facilmente concentrandosi sul potenziale dei computer desktop. Sarebbe, quindi, del tutto normale dire che il miglioramento progressivo è una scelta molto migliore rispetto al degrado aggraziato, che spesso non risulta essere così aggraziato come dovrebbe essere.

Il design mobile first è la migliore strategia da seguire?

Come ogni altro miglioramento tecnologico, lo schema di progettazione mobile first presenta inevitabili ostacoli. Il design reattivo è la strada da percorrere nel mondo di oggi. Ed è essenzialmente costruito per andare di pari passo con una strategia mobile first. Ma qui i vincoli sono molto più pronunciati. Innanzitutto, la dimensione dello schermo è un grosso problema per la maggior parte dei designer. Dopo anni passati a giocare con la proprietà di un grande schermo, ora devono fare i conti con una dimensione dello schermo ridotta e può essere frustrante. Anche la possibilità di varietà è limitata. Ma ciò che i designer non riescono a capire è che un approccio mobile first non riguarda il design e l'estetica, ma si concentra invece sull'esperienza dell'utente finale. Con sempre più persone che utilizzano i propri smartphone per navigare sul Web, può essere un enorme passo avanti se viene applicata questa strategia. Se vista dal punto di vista di un designer rigoroso, questa potrebbe non essere la strategia migliore da seguire, ma è solo una questione di tempo, pratica e adozione. Non si tratta mai del designer o di ciò con cui si sente a proprio agio a lavorare. Non è mai stato. Tutto ciò che fanno è per l'utente finale e il successo della strategia mobile first risiede esclusivamente nel fatto che la "loro" esperienza mobile non è ostacolata. Dopotutto, come ha affermato Steve Jobs: “Il design non è come appare e come ci si sente. Il design è come funziona."

Cerchi un design mobile first per il tuo sito web aziendale? Possiamo aiutare. Contattaci oggi!