Questa settimana di design: 28 novembre 2014

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

Ogni settimana, abbiamo in programma di dare un'occhiata alle principali versioni e aggiornamenti dei prodotti, strumenti e trucchi e persino alcune delle cose più popolari di cui stai parlando sui social media. E ci piacerebbe sapere anche cosa sta succedendo nel tuo mondo. Ci siamo persi qualcosa? Mandami una riga su [email protetto].

Esplora Envato Elements

Pensando alle app e al design dei materiali

Oggigiorno tutti parlano del design dei materiali. Molti stanno persino iniziando a dare di matto un po '. Ma il design materiale, come concetto generale, non è nulla di sacro.

Max Weiner, Lead Designer Android di Pocket, offre un'ottima guida introduttiva in "Come non parlare del design dei materiali". L'articolo spiega le basi del linguaggio di progettazione e offre molte risorse per aiutarti a capire meglio. Inoltre Weiner ti aiuta a iniziare con un case study basato su progetti in corso presso Pocket.

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

Ecco cosa devi sapere adesso. (Assicurati di leggere l'intero post per maggiori dettagli e collegamenti pertinenti.)

Impara la teoria di base della progettazione dei materiali
Interagisci con le app usando concetti materiali. (È un'idea di Google, quindi inizia con quelli.)
Effettua un controllo della tua app. Che cosa devi fare?
Dare priorità. Ricorda, non puoi revisionare tutto in un giorno.
Rimani concentrato e lavora verso l'obiettivo.

Che impatto vedi che il design dei materiali ha sui tuoi progetti in futuro? Pensi che sia qualcosa che incontrerai? Scopri di più sul concetto di Google nella sua documentazione piuttosto estesa.

10 errori di usabilità comuni da evitare

"L'eliminazione di contenuti obsoleti dovrebbe far 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 comuni di usabilità. (Abbiamo fatto tutti uno di questi ad un certo punto.)

Just Creative ha messo insieme un elenco di 10 errori di cui soffrono troppi siti Web. Usa questa guida come lista di controllo delle cose da evitare nei tuoi progetti.

Mancanza di coerenza: "I visitatori si aspettano di vedere gli stessi colori, loghi, caratteri, schede di navigazione, eccetera nello stesso posto in ogni pagina".
Nessuna ricerca
Navigazione sperimentale
Contenuti obsoleti: "L'eliminazione dei contenuti obsoleti dovrebbe far parte della normale manutenzione del sito Web".
Link morti
Organizzazione strana o non convenzionale
Scarsa leggibilità
Musica: "Se si utilizza un lettore musicale, assicurarsi di avere un pulsante di arresto e mantenere il loop continuo."
Trascurare gli utenti mobili
Dimenticare la pagina dei contatti

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

Calza imbottita

Puoi evitare tutti quei folli acquirenti e le 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 griglie fluide, immagini flessibili e query sui media. Attraverso nuovi esempi e dati e cifre aggiornati, imparerai come offrire un'esperienza di qualità, indipendentemente dalla dimensione del display. ”

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

Quiz sulla tipografia: quale font ti sta bene?

Quindi ... non è poi così scioccante che io sia Helvetica. È il mio go-to default usarlo ovunque senza vergogna. E a quanto pare - perché lo dice il quiz - sono questo carattere personificato.

In poche parole: “Classico e affidabile, sei esigente per il design. Pulito e aerodinamico, non ti impantanerai nei dettagli o nella decorazione. La versatilità e la semplicità sono fondamentali 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 nessuna delle principali decisioni di vita sui risultati.)

Sebbene non ci siano molte opzioni di carattere che puoi "essere", il quiz è ancora molto divertente. E con solo 10 domande, è una diversione rapida 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

Il successo al botteghino "Interstellar" ha ispirato i designer a creare. Creative Market ha trovato 30 tra i migliori progetti di poster cinematografici ispirati al thriller spaziale.

I disegni sono fantastici, indipendentemente da ciò che hai pensato del film o dal fatto che tu l'abbia visto. Ognuno prende una visione radicalmente diversa del film e dei concetti di design. La navigazione nella galleria dei poster è sicuramente d'ispirazione.

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