Rivedi The Mobile Book di Smashing Magazine

Smashing Magazine, una delle forze più significative sul web per tutto ciò che riguarda il design e lo sviluppo, ci sta colpendo con un altro tomo di conoscenza pratica e approfondita del settore. Il libro mobile è l'ultimo prodotto della incursione di Smashing nell'editoria, e potrebbe essere ancora il migliore.

Continuate a leggere per vedere cosa è The Mobile Book, a chi è destinato e perché dovrebbe esserci una copia seduta sul vostro scaffale il prima possibile.

Cos'è il libro mobile?

Contrariamente a quanto suggerisce il nome, questo libro non riguarda semplicemente la progettazione di dispositivi mobili, ma riguarda la progettazione di tutto. Riguarda il modo in cui il panorama del web design sta cambiando radicalmente e il modo in cui le nostre vecchie pratiche di progettazione standard non sono più rilevanti.

Il Web non ha solo colpito diverse dimensioni dello schermo ben separate, è ovunque, su ogni schermo (diamine, è persino collegato a un sacco di cose interamente senza schermi!). Quindi, come rispondiamo? Qual è la nostra mossa? Responsive Web Design è la nostra salvezza? È tutto ciò che dobbiamo considerare? Il libro mobile risponderà a tutte queste domande e altro ancora.

Per chi è?

Il libro mobile è stato strutturato con cura in modo che sia rilevante per i web designer e gli sviluppatori di ogni livello di esperienza. Se lo fai da dieci anni, fantastico, questo libro è per te. Se lo fai da sei mesi, questo libro è anche per te.

In conclusione, l'onnipresenza del web sta interessando tutti noi e tutti noi, in quanto designer e sviluppatori, dobbiamo assicurarci che le nostre competenze rimangano rilevanti e negoziabili in un settore in evoluzione. Se stai cercando di farlo, questo libro può aiutarti.

Una storia in tre parti

Il libro mobile ti colpisce con una serie di informazioni mirate ad aiutarti a gestire il compito incredibilmente complesso di creare siti web che funzionano bene su un'ampia gamma di dispositivi. Lo fa con tre sezioni di contenuto:

  • Il paesaggio mobile
  • Web design reattivo
  • UX Design per dispositivi mobili

Questo può sembrare un semplice schema, ma non lasciatevi ingannare, ogni sezione è piena di discussioni di prim'ordine da parte di esperti del settore. Diamo un'occhiata a ciascuno di essi.

Il paesaggio mobile

La prima sezione del libro è intitolata "The Mobile Landscape". È diviso in due capitoli:? Cosa sta succedendo nel mobile ?? di Peter-Paul Koch e "The Future Of Mobile"? di Stephanie Rieger.

Il primo di questi è uno sguardo approfondito sullo stato del web mobile. Incontri i principali attori nel settore dei dispositivi mobili e impari la storia di ciò che accade in un telefono cellulare prima che colpisca il consumatore.

Puoi anche dare un'occhiata a quali sistemi operativi, browser e produttori di dispositivi sono i più diffusi e quali sono i pro e i contro dello sviluppo per ciascun sistema.

Passando da qui, possiamo dare un'occhiata al futuro del mobile. Il tempo delle? Internet Things? è alle porte L'idea che solo computer, telefoni e tablet siano connessi al web è un ricordo del passato. Presto, tutto sarà connesso al web, dall'auto che guidi a quella bottiglia di pillola sul tuo comodino.

Imparerai tutto sulle ultime e future tecnologie che possono e cambieranno il modo in cui interagiamo con il mondo che ci circonda. Soprattutto, imparerai come prepararti per questa rivoluzione.

Dati che sono rilevanti ora

Una cosa che ho apprezzato molto da questa sezione è stata la tempestività dei dati. Quando stavo sfogliando le classifiche del mercato OS, non stavo considerando dati inutili dal 2005, ma 2012. Mi congratulo con il tempo e gli sforzi investiti per assicurarsi che i numeri e le statistiche gettati in giro fossero direttamente applicabili al diritto di progettazione e sviluppo adesso.

Web design reattivo

Per me come un ragazzo dei CSS e amante del layout di tutte le cose, questa era la vera carne del libro. Smashing ha attirato due dei più grandi nomi di RWD in questo momento per spiegare tecniche e concetti reattivi: Trent Walton e Brad Frost. Alzo gli occhi e seguo da vicino il lavoro di questi ragazzi ogni giorno ed è stato fantastico leggere i loro contributi a questo libro.

Trent Walton ha discusso? Responsive Design Strategy ,? una solida introduzione ai concetti coinvolti in RWD. Dalle griglie fluide alle immagini reattive e alle query multimediali, Trent espone tutto in un modo semplice da seguire con esempi codificati che è possibile seguire.

Trent inizia in maniera super semplice ma si tuffa rapidamente in argomenti avanzati come il design mobile-first, le unità relative e l'idea della coreografia dei contenuti.

Sia Trent che Brad passano molto tempo a discutere di layout e schemi di progettazione attuali prevalenti in RWD oggi. Questo è estremamente pratico in quanto ti fornisce le strategie e le tecniche di layout attuali che puoi applicare al tuo lavoro oggi.

Trent introduce l'idea dei pattern, ma l'articolo di Brad esplora davvero le aree specifiche di ogni design e il modo in cui vengono avvicinati dalle persone che lavorano ogni giorno su siti responsive.

La sezione RWD include una discussione più incentrata sullo sviluppo di Dave Olsen su come ottimizzare il tuo sito per dispositivi mobili. Parla di come il peso dei siti sia in costante aumento e delle pratiche che è possibile seguire per contrastare gli effetti di rallentamento di questo fenomeno. Questo pezzo è traboccante di ottimi consigli che puoi portare direttamente al tuo sito per migliorare le prestazioni.

UX Design per dispositivi mobili

Fino a questo punto, il libro è stato pesantemente distorto verso gli sviluppatori. Le tecniche discusse erano in gran parte legate al codice: HTML, CSS e JavaScript.

Quindi, se sei un designer che non codifica molto o del tutto, sei lasciato fuori? No, la sezione UX è per te. Qui possiamo vedere come il Responsive Web Design e la rivoluzione mobile stanno effettivamente cambiando il processo di progettazione a livello centrale.

Dennis Kardys ha un pezzo chiamato? Hands on Design for Mobile? dove discute la ridefinizione di come pensiamo a una pagina web? e come ridefinire il nostro approccio sulla base di modelli più accurati.

Si imbatte in cose davvero divertenti che i designer amano assolutamente, come le tecniche di sketch e di brainstorming. Una parte che mi è particolarmente piaciuta è stata l'idea di mettere il contenuto in una tabella, quindi mappare ogni cella del tavolo in un punto specifico nei wireframe in evoluzione. Sono cose fantastiche e sicuramente hanno il potenziale per cambiare completamente il modo in cui ti avvicini al processo di progettazione.

Il libro termina con un capitolo di Josh Clark chiamato? Designing for Touch.? Questo è esattamente ciò che sembra, una discussione approfondita sulle sfide che sorgono quando si progetta per le dita e l'interazione diretta rispetto ai cursori e all'interazione indiretta.

Discute le questioni uniche che dovrete affrontare quando progettate per telefoni, tablet e persino una nuova categoria di ibridi che confondono le linee tra categorie di dispositivi tradizionalmente separate.

Qualcosa che ho apprezzato qui è stato lo sguardo di Josh su come i videogame sono così ben progettati insegnamento i metodi di interazione degli utenti mentre vanno. È una metafora fantastica e penso davvero che abbia qualcosa in ballo quando dice che i progettisti di UX dovrebbero giocare a più videogiochi e pensare alle lezioni che possono trarre da come sono strutturati.

Cosa ho pensato? Vale la pena leggere?

"Prima ho detto che dovresti aggiungere questo libro al tuo scaffale, in realtà, probabilmente vorrai tenerlo sulla tua scrivania."

Per essere onesti, qualsiasi cosa con la parola? Mobile? in esso quasi getta bandiere rosse per me. È diventata una parola d'ordine inutile per discussioni superficiali e ovvie su come le persone ora posseggono gli smartphone (grande sorpresa, giusto?).

Fortunatamente, questo libro sfida questo stereotipo. Al posto di ovvie conclusioni vediamo domande difficili che portano a vere sfide. Siamo anche in grado di vedere soluzioni reali e applicabili ai problemi che devono affrontare ogni web designer del settore in questo momento.

Il Mobile Book non è una lezione sulla storia e non è pieno di cose che non potrai applicare per cinque anni, è un manuale per il web design di oggi. Prima ho detto che dovresti aggiungere questo libro al tuo scaffale, in realtà, probabilmente vorrai tenerlo sulla tua scrivania.

Quando inizi un nuovo progetto e pensi a come delineare un contenuto e una strategia di progettazione, il capitolo UX sarà lì per guidarti con grandi nuove idee. Mentre passate alla codifica delle pagine web attuali, Trent Walton e Brad Frost vi mostreranno come superano i principali ostacoli. E mentre ti senti sopraffatto da un settore che sembra vasto e veloce da comprendere, la sezione sul panorama mobile ti tranquillizzerà e ti aiuterà a sentirti il ​​più informato possibile.

Conclusione

Per me, ci sono alcune domande chiave che guidano un acquisto di libri, considerando la ricchezza di contenuti gratuiti online: userò davvero questo libro? È pieno di informazioni pratiche, applicabili o semplicemente fluff? L'informazione è affidabile?

Il libro mobile regge bene sotto tutte queste domande e quindi guadagna il mio timbro di approvazione. Se sei interessato, puoi prendere una copia fisica qui (viene fornita con una copia digitale) o prendere l'eBook qui. Al momento della stesura di questo libro, il libro fisico sta andando a poco meno di $ 40 e l'eBook è in vendita per $ 14,32.