Pianificare progetti web per una serie di dispositivi è diventato un po 'più facile questa settimana con il rilascio di Zurb Foundation 4, un framework reattivo con un contorno mobile.
La versione successiva della griglia flessibile di Zurb Foundation 3 è strutturata in modo tale da far sì che il designer pensi prima al mobile. Con più di 1,08 miliardi di smartphone utilizzati in tutto il mondo, è una tendenza che probabilmente continuerà a guadagnare popolarità. Unisciti a noi mentre diamo uno sguardo alle novità di Foundation 4 e scopri perché dovresti considerare di usarlo per il tuo prossimo progetto di design!
Cosa c'è di nuovo?
? Mobile-first è sicuramente la nuova ondata? Foundation 4 è un nuovo build da codice creato da Zurb. Il concetto di mobile-first è il fattore trainante dietro di esso.
? Mobile-first è sicuramente la nuova ondata, anche se il concetto è stato in giro per un po '? ha dichiarato Jonathan Smiley, partner e design lead presso ZURB. "Abbiamo continuato a fare il cellulare dapprima fino ad oggi proprio perché non pensavamo che la maggior parte dei progettisti, o anche la maggior parte dei nostri clienti, fossero pronti per questo. Ora la storia è un po 'diversa.?
A parte il nuovo modo di pensare quando si entra in una costruzione di un sito Web, anche le fondamenta di Foundation 4 sono cambiate nella speranza di offrire una piattaforma più veloce e più snella.
Designer e sviluppatori probabilmente noteranno una codifica più intelligente e più semantica. Il codice è ottimizzato per consentire ai progettisti di dedicare più tempo all'elaborazione dell'HTML.
"Volevamo consentire agli utenti della Fondazione di superare il difetto più eclatante nei framework: markup di presentazione? - Jonathan Smiley
La Smiley ha notato che "la promessa di HTML / CSS era che l'HTML diceva al dispositivo quali erano i tuoi contenuti, e il CSS gli diceva come dovrebbe apparire. Con altri framework (inclusa la Foundation 3) eri bloccato a inserire tutti i tipi di markup nel tuo HTML per dire come dovrebbe apparire - con Foundation 4 puoi estrarre tutto questo nel CSS attraverso la magia dei mixins SCSS.
Il framework usa anche il più leggero Zepto al posto di jQuery. Le pagine devono essere caricate rapidamente in ambienti mobili per attirare l'attenzione degli utenti. Zurb dice questi miglioramenti al codice e Javascript farà proprio questo.
Qual è lo stesso?
La struttura è reattiva. L'idea è di progettare con un processo di pensiero mobile-first - ma non è lì che si ferma. La Fondazione 4 è progettata per creare siti Web reattivi che funzionano su dispositivi mobili, tablet e browser Web di qualsiasi forma e dimensione.
La griglia che Zurb è nota per la sua struttura fluida a 12 colonne non è andata da nessuna parte. Puoi ancora usarlo; il processo di progettazione inizia solo con il cellulare. Foundation 4 è completamente personalizzabile, dai componenti alle specifiche della griglia, fino ai colori e ai punti di interruzione. E il software è pieno di piccoli extra e componenti aggiuntivi, per aiutarti a ottenere un prototipo realizzato in pochissimo tempo.
Uno strumento di progettazione
Foundation 4 è fatto appositamente per i designer. Il semplice punto di partenza del codice è ottimo per i progettisti che forse non sono esperti di codice. E come designer, questo significa che posso usare quel tempo progettazione, piuttosto che combattere il codice. (Un vero bonus.)
Lo schema della Fondazione 4 è anche un ottimo punto di partenza. Con così tante opzioni mobili là fuori, solo l'idea può essere un po 'schiacciante e questo strumento elimina parte di quella confusione. Foundation è un ottimo punto di partenza e un ottimo modo per immergersi da capo nel mondo del design per tutti i tipi di dispositivi mobili.
Tempo di aggiornamento?
La Fondazione 4 non sostituirà la popolare Fondazione 3, che? Compete? con il software Bootstrap di Twitter. (Puoi leggere ulteriori informazioni a riguardo in un precedente articolo di Design Shack.)
Gli utenti di Foundation 3 saranno felici di sapere che Zurb continuerà a supportare il prodotto (e ha anche pianificato un aggiornamento). La versione 3.2.5 fungerà da solido framework desktop-first responsive a cui le persone sono abituate.
Detto questo, quelli che vogliono fare il salto, possono. La Fondazione 4 ha una guida completa sulla migrazione, per coloro che ne hanno bisogno. Ma questo è uno strumento molto diverso - ricorda prima il cellulare piuttosto che prima il web - e non tutti i designer o gli sviluppatori vorranno aggiornare?
La Fondazione 4 è probabilmente uno strumento migliore per i nuovi progetti, forse anche quelli che sono già stati avviati se la ricerca interna ha dimostrato una forte connessione con gli utenti mobili. Per i nuovi progetti, è un'opzione utile per i progettisti:? Aiuterà a concentrare i loro sforzi, concentrare l'interazione e l'esperienza e offrire un sito migliore ai propri utenti.?
Onda del futuro
Zurb è il primo strumento importante con una piattaforma mobile-first. E ci vorrà un po 'di tempo per vedere quanto velocemente gli sviluppatori e i progettisti devono abbracciarlo.
Crediamo fermamente sul mobile-first perché un approccio ha più senso in questo momentoAnche una versione mobile di Bootstrap è all'orizzonte. Quando la versione 3 è rilasciata, secondo il blog Bootstrap, anch'essa sarà mobile-first.
Zurb sta valutando un prudente tasso di adozione per iniziare.
"Ci aspetteremmo che l'adozione di mobile-first per lo sviluppo continui a essere lenta, almeno per alcuni mesi, ma qualunque cosa possiamo fare con Foundation per accelerare, lo faremo?" Smiley ha detto. "Crediamo fermamente nel mobile-first perché un approccio ha più senso in questo momento, e lo perseguiremo in modo aggressivo."
Con l'uso di dispositivi mobili che cresce a 14 volte il tasso di utilizzo desktop, questa strategia sta diventando sempre più importante ogni giorno. E sempre più designer e sviluppatori ne parlano - molto. Secondo Luke Wroblewski? Mobile First ,? pensare con il cellulare come priorità consente ai siti Web di raggiungere più persone, costringe i progettisti a concentrarsi su contenuti e funzionalità e consente ai progettisti di innovare e pensare alle nuove tecnologie.
Conclusione
È bello vedere qualcuno fare il salto verso una strategia di sviluppo mobile-first.Siamo in un mondo sempre più mobile basato sul Web e più utenti si aspettano un'esperienza eccezionale online, indipendentemente dal dispositivo.
"Pensiamo che aiutando le persone a costruire per i dispositivi che le persone stanno realmente utilizzando e costruendo in modo semantico responsabile, leggibile dalle macchine, stiamo aiutando a creare una generazione di siti e app che funzioneranno come dovrebbero, anche sui dispositivi e con una tecnologia che non esiste ancora ,? Smiley ha detto. ? Siamo piuttosto entusiasti di questo.
Dal punto di vista del progettista, lo sono anch'io. Progettare il mobile prima ha senso. Mi è stato insegnato a progettare prima i pezzi più piccoli e farli funzionare, essere leggibili e poi costruire da lì. Questa è la base di Foundation 4. Costruisci prima il piccolo e poi espandi il design. Sembra una strategia solida.