Questa settimana in design 28 novembre 2014

La stagione delle vacanze è ufficialmente arrivata! E con questo, questa settimana nel design si concentra su qualcosa di un po 'nuovo (material design), qualcosa di vecchio (usabilità) e qualcosa da regalare (un nuovo libro sul responsive web design).

Ogni settimana, abbiamo in programma di dare un'occhiata alle principali versioni e aggiornamenti dei prodotti, strumenti e trucchi e anche alcune delle cose più popolari di cui si parla sui social media. E ci piacerebbe sapere cosa sta succedendo nel tuo mondo. Abbiamo perso qualcosa? Mandami una riga a [email protected].

Pensando a Apps e Material Design

Tutti sembrano parlare di design dei materiali in questi giorni. Molti stanno persino iniziando a spaventare un po '. Ma il material design, come concetto generale, non è nulla di cui essere sacri.

Max Weiner, progettista leader di Android su Pocket, offre un'ottima guida introduttiva su Come evitare il design dei materiali. L'articolo spiega le basi del linguaggio di progettazione e offre molte risorse per aiutarti a capire meglio. Plus Weiner ti aiuta a iniziare con un case study basato su progetti in corso su Pocket.

Nel caso in cui non sei stato ancora esposto al design dei materiali, è un nuovo linguaggio / concetto di design di Google che combina i principi del buon design con l'innovazione e le possibilità della tecnologia e della scienza. L'idea, in poche parole, è creare e creare progetti che abbiano un'esperienza unificata su piattaforme e dispositivi.

Ecco cosa devi sapere adesso. (Assicurati di leggere il post completo per ulteriori dettagli e link pertinenti.)

  • Impara la teoria di base del design dei materiali
  • Interagire con le app utilizzando concetti concreti. (È un'idea di Google, quindi inizia con quelli.)
  • Effettua un controllo della tua app. Cosa devi fare?
  • Dare priorità. Ricorda, non puoi rinnovare tutto in un giorno.
  • Rimani concentrato e lavora verso l'obiettivo.

Che impatto vede il design dei materiali avere nei tuoi progetti andare avanti? Pensi che sia qualcosa che incontrerai? Scopri di più sul concetto di Google nella sua ampia documentazione.

10 errori comuni di usabilità da evitare

Eliminare i contenuti obsoleti dovrebbe essere parte della normale manutenzione del sito Web.?

Ora che stai pensando al tuo sito Web e alla tua app, grazie al design dei materiali, è anche un buon momento per assicurarti di non commettere errori di usabilità comuni. (Tutti abbiamo fatto uno di questi a un certo punto.)

Just Creative ha messo insieme una lista di 10 errori di cui soffrono troppi siti web. Utilizza questa guida come elenco di cose da evitare nei tuoi progetti.

  1. Mancanza di coerenza: i visitatori si aspettano di vedere gli stessi colori, loghi, caratteri, schede di navigazione e così via nello stesso punto su ogni pagina.
  2. Nessuna ricerca
  3. Navigazione sperimentale
  4. Contenuti obsoleti: la rimozione di contenuti obsoleti dovrebbe far parte della normale manutenzione del sito Web.?
  5. Collegamenti morti
  6. Organizzazione dispari o non convenzionale
  7. Scarsa leggibilità
  8. Musica:? Se si utilizza un lettore musicale, assicurarsi di avere un pulsante di arresto e mantenere il ciclo continuo.
  9. Trascurare gli utenti mobili
  10. Dimenticando la pagina dei contatti

Una volta individuati questi errori, esci e fai qualcosa al riguardo. Sono la chiave per un grande design, è l'usabilità. Hai bisogno che il tuo pubblico interagisca e capisca il design.

Stocking Stuffer

Puoi evitare tutti quei pazzi clienti e linee del Black Friday aspettando fino al 3 dicembre e ordinando la seconda edizione di? Responsive Web Design? di Ethan Marcotte. Questo libro è una grande aggiunta allo scaffale (fisico o digitale) di qualsiasi designer o sviluppatore.

Dall'editore A List Apart:? Nella seconda edizione di "Responsive Web Design", Ethan Marcotte espande i principi di progettazione alla base di grid fluide, immagini flessibili e query multimediali. Attraverso nuovi esempi e fatti e cifre aggiornati, imparerai come offrire un'esperienza di qualità, indipendentemente da quanto grande o piccolo sia il display.

Dovresti essere molto, molto entusiasta di questa versione. Tutti i bravi stilisti della mia lista ne avranno sicuramente una copia!

Quiz tipografia: quale carattere ti adatta?

Così? non è tanto uno shock che io sia Helvetica. È il mio go-to default-use-it-everywhere senza vergogna typeface. E a quanto pare - perché il quiz dice così - sono questo personaggio personificato.

In poche parole:? Classico e affidabile, sei pignolo per il design. Pulito e semplificato, non ti impantanare nei dettagli o nella decorazione. La versatilità e la semplicità sono la chiave, e tu sei il padrone di entrambi.

Sì, ammetto che questa descrizione descrive molto i miei stili personali e di design. Forse questi stupidi quiz su internet sanno di cosa stanno parlando. (Basta non basare le principali decisioni sulla vita sui risultati).

Mentre non ci sono molte opzioni per i caratteri tipografici che puoi? il quiz è ancora molto divertente. E con solo 10 domande, è una rapida diversione quando hai bisogno di una pausa. Fai il test per scoprire se sei Impact, Courier, Brush Script, Comic Sans, Helvetica, Times New Roman, Franklin Gothic o Futura e assicurati di condividere i risultati con noi nei commenti.

Solo per divertimento

Colpo di botteghino? Interstellare? ha ispirato i designer a creare. Creative Market ha trovato 30 dei migliori design di poster cinematografici là fuori ispirati al thriller spaziale.

I disegni sono fantastici, indipendentemente da cosa hai pensato del film o se lo hai mai visto. Ognuno prende una visione radicalmente diversa del film e dei concetti di design. Navigare attraverso la galleria dei poster è di sicuro ispirazione.

Il mio preferito, sopra, ha un effetto vetro colorato che include dettagli notevoli. Anche il designer, Simon Delart, ha adottato un approccio abbastanza diverso al design con più colori chiari rispetto a molti altri stili di poster a tema.