Oggi, il 53% di tutte le email aperte si verifica su un dispositivo mobile. Poiché più della metà delle persone controlla le proprie e-mail sui dispositivi mobili, sarebbe impazzito non avere una piattaforma con un design reattivo della posta elettronica. Dopo tutto, il 70% degli utenti eliminerà un'e-mail se non viene visualizzata correttamente. Con questa consuetudine positiva per gli utenti, è chiaro che c'è una richiesta di e-mail reattiva. Una società ha raggiunto l'obiettivo di soddisfare questa domanda.

ZURB ha migliorato la sua base originale per le e-mail, originariamente chiamata inchiostro, e inventata Foundation for Emails 2.0 .

In sviluppo dall'anno scorso , 2.0 si concentra su layout, colori e stili più veloci, tutti fattori che i dati mostrano agli utenti. Il design delle e-mail è reso più efficiente, in modo che le aziende possano concentrarsi su ciò che è più importante per loro: costruire il loro prossimo, grande prodotto o servizio.

Nuove caratteristiche

Iniziamo subito: tutte le nuove funzionalità che rendono il 2.0 migliore per i designer, gli sviluppatori e, in definitiva, gli utenti finali. Ecco cosa ottieni:

Griglia completamente flessibile: questo vale anche per i piccoli schermi, il che è un grosso problema. Crea un numero qualsiasi di colonne e continua a lavorare con una piccola griglia completamente flessibile.

Costruito con Sass: i designer hanno a disposizione tutti i vantaggi offerti da Sass, che include mixin, variabili e partial.

Inky, il nuovo linguaggio dei modelli: con Inky, setacciare centinaia di fastidiosi tag da tavolo è una cosa del passato. Ora puoi scrivere tag come "column" e "row" per ottenere i sei tag table necessari per riunire lo scheletro della tua email.

Utile componente dell'interfaccia utente: gli stessi componenti utilizzati nella Foundation for Sites di ZURB sono stati riciclati per Foundation for Email. Di conseguenza, i progettisti possono godere della flessibilità senza essere soggetti a una curva di apprendimento così difficile. Ecco i componenti inclusi:

  • Riga
  • colonne
  • didascalie
  • Elenchi in linea
  • Liste verticali
  • Blocca la griglia
  • miniature

In linea tutti gli stili: un utile compito Gulp integrerà tutti i tuoi CSS per te, tutto da un foglio di stile remoto.

Manubri: i modelli di manubri ti manterranno in pista in modo che non ti ripeta. L'intestazione e il piè di pagina possono rimanere gli stessi, consentendo di modificare il contenuto che si desidera.

10 modelli: questi nuovi modelli reattivi sono così completi che coprono tutte le tue campagne di marketing, newsletter e flebo, per non parlare delle tue esigenze di email transazionale.

Designer e user-friendly

Conoscere 2.0 è intuitivo e semplice perché molte parti di Foundation for Sites sono anche presenti in 2.0. Come dice Geoff Kimball, Foundation Lead:

Foundation for Emails 2 prende in prestito molti componenti, best practice e flussi di lavoro da Foundation for Sites. Gli sviluppatori di fondazioni nuovi alle e-mail HTML si sentiranno come a casa.

Di conseguenza, i progettisti e gli sviluppatori non devono perdere tempo a conoscere e imparare di nuovo una bestia completamente nuova da zero. E questa è una buona notizia per i progettisti che cercano di far funzionare le e-mail reattive per le loro aziende e clienti.