Lezioni dal web design mobile
Lo sviluppo mobile è di gran moda, e l'industria interattiva è in grande fermento quando sul mercato arrivano innumerevoli tablet e smartphone.
Lo sviluppo di app per dispositivi mobili riceve la maggior parte dell'attenzione, mentre il web mobile si muove in qualche modo lentamente. Ma il Web mobile sta facendo progressi ogni giorno mentre sempre più sviluppatori lanciano interfacce ottimizzate per dispositivi mobili.
Il bello del web mobile è che è fondamentalmente costruito con tutti gli stessi strumenti utilizzati nella progettazione e nello sviluppo di siti web tradizionali.
Questo lo rende molto più accessibile rispetto allo sviluppo di app. Inoltre, molti utenti vorranno visitare il sito Web di un'azienda in viaggio, senza necessariamente aver bisogno di un'applicazione completa.
Costruire siti web ottimizzati per i dispositivi mobili è così simile eppure così diverso da progettare per il desktop. Alcuni fattori assumono un ruolo molto più significativo. Ad esempio, le variazioni delle dimensioni dello schermo, l'attenzione dell'utente e i problemi di usabilità sono più importanti che mai.
Questi stessi problemi sono sempre presenti sul desktop, ma a volte sono più facili da trascurare. Qui vedremo alcune lezioni per imparare dall'ottimizzazione che sta accadendo sul web mobile. Le lezioni possono informare direttamente come progettiamo e come pensiamo al web design tradizionale e all'architettura del sito web.
Navigazione semplificata sui siti web per dispositivi mobili
Una delle prime cose che diventa evidente quando si scava nei siti Web mobili è l'estrema semplificazione della navigazione. La navigazione non solo diventa molto importante e centrale su un sito web mobile, ma è anche abbastanza spesso ridimensionata in modo sostanziale per concentrarsi solo sugli elementi più critici.
Trovo incredibile come la navigazione di livello superiore possa essere ridotta a due o quattro elementi nella maggior parte dei siti Web mobili. Naturalmente, riconosco che il contenuto di un sito web per dispositivi mobili è spesso ottimizzato per il pubblico previsto. Per esempio, Verità Tabernacle Church ha sei opzioni nella sua navigazione principale, solo una delle quali è entrata nella navigazione per versione mobile ; e quello che lo ha realizzato ("Contatto") è il punto focale dell'intera home page.
Il contenuto che non è entrato nella versione mobile è, ovviamente, ancora del tutto pertinente. L'interfaccia mobile è destinata a catturare le persone che cercano di trovare la chiesa o controllare i tempi di servizio o semplicemente contattarli. Questi sono gli obiettivi più probabili del surfista mobile. Coloro che colpiscono l'intero sito Web su un computer desktop hanno la stessa probabilità di volere quelle cose come vogliono cercare la chiesa per vedere se è il tipo di posto che vorrebbero visitare.
Quindi, qual è la lezione da imparare? Queste due interfacce non si rivolgono a un pubblico completamente diverso e hanno scopi completamente diversi? Forse, ma possiamo imparare molto dall'estrema attenzione dell'interfaccia mobile. Notate come tutto riguarda le azioni che puoi intraprendere? La chiesa ha eliminato tutti gli elementi di navigazione che sembrano caselle da spuntare.
Un elemento interessante è l'opzione di navigazione "Informazioni" sul sito web completo. Il sito web mobile può essere ottimizzato per le persone in movimento, ma non c'è motivo di supporre che non sarebbero interessati a leggere la chiesa e le sue credenze. Qualcuno potrebbe aver menzionato la chiesa di passaggio, chiedendoti di cercarlo sul tuo telefono.
Quindi, l'opzione di navigazione per questo elemento dovrebbe essere cambiata. Che cosa succede se, invece, ha comunicato qualcosa del tipo: "Cosa dovresti sapere di noi"? Anche se un po 'lungo, riflette un atteggiamento più utile. Un secchio generale "Informazioni" sembra un posto dove conservare tutte le informazioni che nessuno legge. "Una guida per i visitatori della nostra chiesa" sembra molto più utile e mirata.
La semplicità e l'attenzione dell'interfaccia mobile dimostrano che tutto deve avere uno scopo per guadagnare uno spazio sul sito web. Se lo stesso fosse vero per il sito web completo, saremmo meno inclini a riempirlo di contenuti apparentemente importanti e più inclini ad assicurarsi che ogni cosa avesse una funzione chiara.
Ciò riflette una mentalità molto orientata ai compiti. Ogni opzione sfida l'utente a fare un passo attivo. È come se ogni opzione passiva fosse stata eliminata e ridotta a elementi utilizzabili sul sito web mobile. Questo ci porta alla prossima lezione: essere estremamente orientati al compito.
I siti Web mobili sono orientati ai compiti
Con una mentalità orientata ai compiti, riconsideriamo il sito web completo. Mentre la home page è ben progettata, la call to action è molto meno evidente. Il contenuto è pieno di bit di informazioni che ti aspettano per decidere di essere interessato.
Ad esempio, il grande banner che evidenzia un evento in arrivo non riesce a chiamarmi per un qualche tipo di azione; molto passivo. Con una mentalità orientata ai compiti, potremmo migliorare notevolmente l'invito all'azione "Leggi altro". Questo potrebbe essere semplice come rendere la chiamata all'azione molto più importante; per esempio, un grande bottone in un'arancia a contrasto. Inoltre, la chiamata potrebbe essere modificata in "Ulteriori informazioni e iscrizione".
Un altro esempio è il messaggio di benvenuto. Apprezzo l'intenzione e il messaggio che viene comunicato qui. Il messaggio mostra che le persone reali sono dietro il sito web e tenta di rendere personale la pagina. Ma ancora, analizziamo questo con una mentalità orientata ai compiti. Un grande seguito di un'introduzione come questa sarebbe un chiaro invito all'azione, incoraggiando i visitatori a fare il passo successivo. Dopo tutto, le uniche persone che leggeranno questo sono nuovi arrivati. I membri attuali salteranno da questo punto a cose come il calendario degli eventi. Quindi, offri un punto di conversione per gli utenti, ad esempio "Fai una domanda difficile" o "Cosa aspettarti quando visiti".
Al contrario, la scatola "Special guest" è fantastica. Affronta problemi chiave e spinge le persone a scavare più a fondo. Mi chiedo solo se potrebbe essere un elemento più prominente della pagina. Di nuovo, i membri arriveranno dove devono andare; quindi concentrandosi su coloro che sono nuovi sul sito Web e la chiesa farebbe molto per massimizzare l'opportunità.
So che sto davvero battendo questo sito, ma non è perché non mi piace o penso che non funzioni. Il mio obiettivo è solo quello di sfidare il nostro modo di pensare e le nostre nozioni preconcette su come dovrebbe apparire e come dovrebbe funzionare un sito web. Raccomando davvero questa chiesa per avere un sito web bello e funzionale, con un'estensione mobile da avviare!
I siti web per dispositivi mobili riducono drasticamente il loro contenuto
Un'altra ovvia lezione relativa alla riduzione della navigazione è che i siti web per dispositivi mobili riducono invariabilmente il loro contenuto. Non solo il numero di opzioni è ridotto alla funzionalità e allo scopo principale del sito Web, ma anche la copia è notevolmente ridotta.
In alcuni casi, gran parte della copia viene completamente eliminata! Questo solleva la domanda, questo contenuto è necessario sul sito web completo se la versione mobile funziona bene senza di essa? Divi Aruba è un grande esempio di questo. Il seducente discorso di marketing posato sopra la foto potrebbe sembrare un elemento indispensabile per la home page, ma è stato messo a nudo sul sito web micro mobile .
Sulla versione mobile, il logo è collocato sopra la stessa immagine, eppure trasmette ancora lo stesso identico messaggio: se vuoi andare in un posto come questo, continua a leggere. Perché non utilizzare questo punto importante per guidare le persone all'azione desiderata? Sicuramente i progettisti sanno qual è l'elemento più critico per convertire i visitatori in clienti. Metti queste informazioni al lavoro e guida le persone con un invito all'azione preminente invece di parlare di marketing birichino.
Tutta la roba buona, senza lanugine
Questo ci porta alla prossima lezione: perdere il fluff. Il prossimo esempio è una dimostrazione positiva di questo. Viaggio Tex è un sito di informazioni di viaggio per lo stato del Texas. Ha uno scopo ben chiaro e il pubblico in mente. Fortunatamente, i designer hanno pienamente abbracciato la mentalità senza lanugine.
Non solo il mini sito Web mobile si concentra interamente sull'argomento in questione e sugli elementi chiave utilizzabili, ma lo stesso vale per il sito Web completo! Che sollievo vedere quasi senza lanugine. Includere qualcosa di triste come una storia del Texas sarebbe fin troppo allettante. Se le persone volevano una lezione di storia, non sarebbero venuti su questo sito. Ti sarà difficile trovare contenuti che non siano pertinenti allo scopo singolare di questo sito.
Prendi l'abitudine di mettere in discussione tutto. Questo è l'unico modo per far bollire davvero un sito web verso i suoi elementi critici, che è esattamente ciò che accade su un buon sito web mobile. Vengono fatte scelte difficili e viene altrimenti tagliato il contenuto di valore per ottimizzare il sito web. Chiama lanugine per quello che è e nuke it!
Il marchio è il re sul web mobile
Sono tutto sulla creatività sul web. In effetti, molti dei più grandi cambiamenti nel settore si sono verificati in seguito al rifiuto di attenersi allo status quo. Ma c'è un tempo e un posto per tutto. Così tanti designer usano i loro incarichi come una scusa per liberare i loro succhi creativi, per nessun altro scopo se non quello di fare qualcosa di creativo. Questo trasforma il sito web in un design per il designer, non per il cliente e le sue esigenze. Questa è una cosa che il web mobile mette in guardia piuttosto audacemente.
Il branding è incredibilmente coerente sul Web mobile e una delle parti più coerenti è la posizione del logo. Sui siti web per cellulari, non troverai alcun logo pazzo nella parte inferiore con i piedi fissi. La funzionalità è re e i loghi appaiono sempre in alto. Riesci a immaginare di colpire un sito web per cellulari e non vedere il logo subito? Eppure questo è comune su molti siti web completi.
Ecco alcuni siti Web che, pur minimali e privi di uno stile strabiliante, sono ricchi di marchi da non perdere.
La lezione qui può avere un profondo impatto su come ti avvicini al tuo lavoro e sul valore fondamentale che poni ai tuoi clienti. Per ogni designer che capisce che i bisogni del cliente dovrebbero essere il loro intero scopo per il progetto, c'è un altro che vuole mostrare al mondo quanto siano creativi e originali.
Come chiunque altro sia coinvolto nella produzione di un sito Web, il web designer dovrebbe essere risoluto nel servire il cliente, aiutando la propria attività e migliorando la linea di fondo. Con ogni elemento che metti su un sito web mobile, considera il suo ruolo e il vantaggio che porterà. Applica questa mentalità a tutto ciò che fai e presto troverai un forte alleato nel tuo cliente.
Più abbracciamo le esigenze del cliente e facciamo tutto il possibile per dare valore al loro sito web, più vedremo un cambiamento fondamentale nel nostro lavoro. Andremo dalla costruzione di "cose interessanti" a guardare tutto dal punto di vista del cliente. Questa caratteristica è destinata ad aumentare i loro profitti? Come può essere cambiato il design per migliorare la propria attività? Se un sottoprodotto del tuo lavoro è più denaro per il cliente, allora troverai opportunità ovunque.
Siti web senza espedienti
Uno dei più grandi successi del web mobile è la totale mancanza di espedienti. Per essere onesti, c'è un tempo e un posto per trucchi sul web. In effetti dedico loro interi paragrafi dei miei libri. Ma la mancanza di espedienti sui siti web mobili dimostra che queste idee apparentemente grandi non servono a scopi reali.
Tutto ciò che accade su un sito Web mobile deve passare attraverso diversi filtri. Il contenuto è pertinente e assolutamente utile? Il contenuto è critico e serve lo scopo principale del sito? Il sito web è facile da usare e capire? La navigazione è anticonvenzionale? Se è così, è fondamentale per la funzione del sito web? La risposta potrebbe essere sì, ma il più delle volte, sarà un no decisivo.
Alcuni espedienti che sono notevolmente assenti dallo sviluppo mobile sono splash screen, navigazione insolita, animazioni senza senso e interattività, regioni di scorrimento in linea, layout dispari e layout a larghezza fissa. L'efficienza del Web mobile è sorprendente.
Conclusione
Come puoi vedere, abbiamo un numero di lezioni da imparare dal web mobile; in particolare, la sua capacità di rivelare elementi non necessari di un sito web. Come per molte altre cose nella vita, un leggero cambiamento di prospettiva spesso ci apre gli occhi sul vero valore delle cose che abbiamo dato per scontato.
Non sto suggerendo di aver perso di vista lo scopo del web. Piuttosto, sto proponendo di adottare una mentalità molto più strategica.
Patrick McNeil è scrittore, sviluppatore e designer freelance. In particolare, ama scrivere sul web design, formare persone sullo sviluppo web e costruire siti web. L'ultimo progetto del libro di Patrick è Il manuale Web del designer ; include molti argomenti sulla falsariga di questo articolo. Puoi saperne di più su di esso TheWebDesignersIdeaBook.com . Segui Patrick su Twitter @designmeltdown .
Questo post è stato portato da te da DudaMobile, a sito web mobile società di creazione.
Quali aspetti del design mobile provi a tradurre sul desktop? Vedi semplicità e velocità nel Web mobile?