Best practice per i progettisti responsive Layouts o le app native? [Op-Ed]

Non si può negare che il cellulare sia il futuro. Con Google confermando che sono state effettuate più ricerche su dispositivi mobili che su desktop, è evidente che tutti i siti Web dovrebbero essere mobili se non lo sono già.

Ma c'è una dicotomia interessante tra contenuti in-browser tramite layout reattivi e contenuti in-app tramite app native.

Mi piacerebbe esplorare entrambe le aree e scavare alla radice di ogni scelta. Quando un sito web deve andare con un'app nativa su un layout reattivo? Un sito potrebbe funzionare entrambi? Queste sono domande vitali che dovrebbero essere poste ogni nuovo progetto creativo oggi.

I valori di un'app nativa

La maggior parte degli utenti di smartphone si affida alle app native per i loro programmi preferiti. Facebook, Twitter, Instagram e altri gestiscono le proprie app native.

Poiché le applicazioni native vengono eseguite sul sistema operativo locale, sono un bel po ' più agevole e più facile da usare in termini di animazione, progettazione dell'interfaccia utente e organizzazione dei contenuti. Le app native seguono le linee guida dell'interfaccia utente mantenendole tutte coerenti e naturalmente ipotensive. Gli utenti spesso sanno solo intrinsecamente come usare i menu scorrevoli e le tab barre.

Molti editori importanti hanno app su iOS Store e Google Play Store che coprono blog, webapp e social network. Ma è giusto dire grandi siti come Facebook e Twitter Ottieni più valore dalle app native rispetto ai siti più piccoli.

Questo dibattito ha opinioni di esperti e pubblicazioni importanti che offrono i loro punti di vista. È un argomento molto dibattuto sia per i designer che per le agenzie creative.

Ma resta il fatto che le applicazioni native sono sia utili che apprezzate dagli utenti finali. L'unica variabile è decidere se il tuo sito web potrebbe funzionare meglio come app mobile, o se gli utenti volessero anche uno.

Siti web completamente responsivi: pro e contro

In un contesto generale, il web design reattivo è sempre una buona cosa. I Web designer non stanno perdendo nulla, rendendo i loro layout pienamente reattivi e malleabili su qualsiasi schermo.

Ma nel contesto delle app native ci sono alcune considerazioni. in primo luogo i siti Web reattivi sono limitati al motore di rendering del browser. Sugli smartphone questo significa animazione limitata, niente Flash e affidamento sul motore di rendering del browser.

Le app native possono utilizzare le funzionalità principali di uno smartphone o tablet. Le librerie di animazioni sono molto più potenti in modo nativo di CSS o JS resi nel browser.

Lo stesso vale per gli elementi di input nei moduli, insieme a problemi di trasmissione e sicurezza dei dati. Molte persone preferiscono utilizzare l'app Pinterest sul sito di Pinterest. Lo stesso vale per Flipboard, Dropbox, Feedly, Gmail o qualsiasi altro servizio Web principale.

Ma dovrebbero quei siti web non offrire un layout reattivo? Ci sono tre scelte:

1. Forza gli utenti del Web mobile a scaricare l'app nativa
2. Offri un layout web mobile con un link opzionale all'app nativa
3. Basta eseguire il layout web mobile separato da un'app nativa

Flipboard va con la seconda opzione posizionando un banner nella parte superiore di ogni pagina. Puoi iscriverti a un account Flipboard direttamente nel browser Mobile Safari. Ma è molto più facile, veloce e intuitivo usare l'app.

Il sito di notizie ZDNet non menziona nemmeno la loro app mobile durante la visita su Mobile Safari. Funziona proprio come un tipico layout reattivo con notizie e post in primo piano.

La differenza giace nell'esperienza dell'utente. Determina cosa è meglio per gli utenti e calibro da cui proviene la maggior parte del traffico.

Ricordatelo le app mobili richiedono tempo per la progettazione e la programmazione. Loro spesso richiedono più lavoro rispetto alla costruzione di un sito web. Se vuoi un'app per il tuo sito, assicurati che completi il ​​tuo layout reattivo abbastanza da fornire un valore reale.

Desktop-First o Mobile-First?

Quando si progetta per il web si dovrebbe iniziare con la larghezza più ampia o la larghezza più piccola? È una domanda che viene posta frequentemente abbastanza dai freelance e dalle agenzie creative di tutti i tempi.

Un'opinione molto popolare è l'approccio mobile-first che è stato reso popolare dal libro di Luke Wroblewski. Questo metodo considera miglioramento progressivo che parte dalle basi e aumenta la funzionalità per gli ambienti in grado di gestirlo.

In alternativa, altri progettisti si appoggiano al primo approccio da desktop che oscilla da “prima il cellulare” a “anche mobile”.

Questa strategia funziona innanzitutto pianificando tutte le funzionalità che si desidera su un monitor desktop di dimensioni standard. Quindi da quell'idea si ridimensionano gradualmente le funzionalità, definiscono i punti di interruzione e infine si arriva al layout più piccolo per gli smartphone.

C'è una risposta giusta qui? I layout reattivi devono iniziare con gli schermi più piccoli o, in primo luogo, i dispositivi mobili sono un concetto obsoleto?

L'unico svantaggio di scegliere uno sopra l'altro è potenzialmente funzionalità mancanti. A partire da cellulare puoi farlo omettere le caratteristiche o dimenticarti di aggiungerle a risoluzioni maggiori. A partire dal desktop è possibile progettare layout che sentirsi troppo affollato sul cellulare.

Tuttavia nessuno dei due ha ragione o torto. Scegli il flusso di lavoro più adatto a te. Basta non aver paura di apportare importanti cambiamenti se potessero migliorare il design.

Il meglio dei due mondi

Costruire un sito web completamente reattivo che funzioni su qualsiasi schermo sazierà probabilmente la maggior parte dei lettori. Quindi se hai già un layout reattivo, dovresti preoccuparti anche di un'app mobile?

Come trovato in questo fantastico pezzo di Modo Labs, la risposta arriva a l'esperienza utente. Non c'è una risposta definitiva definitiva. Riguarda quale metodo offre la migliore forma di consumo per il tuo progetto specifico su un dispositivo mobile. I tuoi utenti vogliono un'app mobile? O è un sito web più che sufficiente?

Il blog Tech News TechCrunch ha un layout reattivo e un'app mobile gratuita, sia per una buona ragione. Il loro sito ha recentemente coperto una storia che conferma che la gente negli Stati Uniti trascorre più tempo nelle app che a guardare la TV.

Ma cosa succede se qualcuno si collega a TechCrunch su Twitter? Se qualcuno fa clic su quel collegamento sul loro iPhone, aprirà Mobile Safari perché è un collegamento HTTP. Questo è dove il layout reattivo è utile perché non tutti vogliono la tua app.

Certo, alcuni utenti vogliono ancora visitare il tuo sito e potrebbero preferire la visita senza dover scaricare un'app, gratis o altro.

Lavorare su una base per progetto

La migliore risposta per il dibattito responsive vs nativo è app valutare ogni progetto e decidere cosa è meglio caso per caso.

Dalla mia esperienza lo direi i social network e i siti web interattivi beneficiano maggiormente delle applicazioni native. Sia Android che iOS dispongono di strutture di grandi dimensioni per la creazione di app che possono connettersi in API, inviare query di database e funzioni più pulite di una pagina Web.

Le interfacce utente native dell'app vengono visualizzate come software, quindi non devi preoccuparti delle proprietà CSS o dei limiti del browser. Questo è enorme per le piattaforme che richiedono agli utenti di accedere ed eseguire interazioni dettagliate.

Ma i siti web aziendali generici come quelli dei ristoranti in genere funzionano meglio solo con layout reattivi, soprattutto considerando la quantità di lavoro necessaria per creare un'app nativa.

Blog e riviste digitali sono in qualche modo un'area grigia. Le app native funzionano bene per alcuni ma non sono necessarie per gli altri. Generalmente dipende dal tuo dimensione del mercato e pubblico (cioè persone con conoscenze tecniche).

Quando si avvia una nuova pubblicazione su Internet, c'è molto da considerare. Se hai appena iniziato, ti consiglio di creare prima solo un sito web. Da lì sarà più facile concludere se un'app nativa varrebbe la pena.

Avvolgendo

Dovrebbe andare senza dirlo ogni il sito moderno beneficia dell'essere reattivo. Sia che tu voglia creare un'applicazione nativa o meno, il layout del tuo sito dovrebbe essere reattivo e malleabile a qualsiasi dimensione dello schermo. Non ci sono aspetti negativi e fornisce una pagina di destinazione stabile per gli utenti mobili che sono in aumento.

Alcuni siti Web possono offrire un collegamento per il download di app ai visitatori di dispositivi mobili. Questi possono essere produttivi e utili per il marketing della piattaforma mobile del tuo sito web. Ma a volte vale la pena di offrire questo come alternativa piuttosto che un mandato.

Raccogli il feedback degli utenti se possibile e valuta le opinioni su un'app mobile. Cerca di scoprire cosa pensano realmente i tuoi visitatori di un'app mobile nativa e basare le tue decisioni su ulteriori ricerche.