La saison des vacances est officiellement arrivée! Et avec cela, cette semaine du design met l’accent sur quelque chose de nouveau (design de matériaux), d’ancien (convivialité) et de cadeau (un nouveau livre sur le responsive web design).
Chaque semaine, nous prévoyons de jeter un coup d'œil aux principales versions et mises à jour de produits, aux outils et astuces, et même à certaines des choses les plus populaires sur les médias sociaux. Et nous aimerions aussi savoir ce qui se passe dans votre monde. Avons-nous manqué quelque chose? Envoyez-moi un message à [email protected].
Réflexion sur les applications et la conception matérielle
Tout le monde semble parler de design matériel ces jours-ci. Beaucoup commencent même à paniquer un peu. Mais la conception matérielle, en tant que concept global, n’a rien de sacré.
Max Weiner, concepteur principal Android chez Pocket, propose un excellent guide de démarrage: Comment ne pas paniquer à propos de la conception matérielle? L'article explique les bases du langage de conception et offre de nombreuses ressources pour vous aider à mieux comprendre. De plus, Weiner vous aide à démarrer une étude de cas basée sur des projets en cours chez Pocket.
Si vous n'avez pas encore été exposé à la conception matérielle, il s'agit d'un nouveau langage / concept de conception de Google combinant les principes de bonne conception et "l'innovation et la possibilité de la technologie et de la science". En résumé, l’idée est de créer et de construire des conceptions offrant une expérience unifiée sur toutes les plates-formes et tous les appareils.
Voici ce que vous devez savoir maintenant. (Assurez-vous de lire le post complet pour plus de détails et des liens pertinents.)
- Apprendre la théorie de base de la conception matérielle
- Interagissez avec les applications en utilisant des concepts matériels. (C'est l'idée de Google, alors commencez par ceux-là.)
- Effectuez un audit de votre application. Que devez-vous faire?
- Prioriser. Rappelez-vous, vous ne pouvez pas tout réviser en une journée.
- Restez concentré et travaillez vers le but.
Quel impact la conception des matériaux at-elle sur vos projets? Pensez-vous que c'est quelque chose que vous rencontrerez? Apprenez-en plus sur le concept de Google dans sa documentation assez détaillée.
10 erreurs courantes à éviter concernant l'utilisabilité
«L'élimination du contenu obsolète devrait faire partie de la maintenance régulière du site Web.Maintenant que vous pensez à votre site Web et à votre application, grâce à la conception des matériaux, c’est également le bon moment pour vous assurer que vous ne commettez pas d’erreurs d’utilisation courantes. (Nous en avons tous fait un à un moment donné.)
Just Creative a dressé une liste de 10 erreurs dont souffrent trop de sites Web. Utilisez ce guide comme une liste de contrôle à éviter dans vos projets.
- Manque de cohérence: "Les visiteurs s'attendent à voir les mêmes couleurs, logos, polices, onglets de navigation, etc. au même endroit sur chaque page."
- Pas de recherche
- Navigation expérimentale
- Contenu obsolète: "L'élimination du contenu obsolète devrait faire partie de la maintenance régulière du site Web."
- Liens morts
- Organisation bizarre ou non conventionnelle
- Mauvaise lisibilité
- Musique: Si un lecteur de musique est utilisé, assurez-vous d'avoir un bouton d'arrêt et de garder la boucle continue.
- Négliger les utilisateurs mobiles
- Oublier la page de contact
Une fois que vous avez repéré ces erreurs, sortez et faites quelque chose. La clé pour un bon design est la convivialité. Vous avez besoin que votre public interagisse et comprenne le design.
Jarretière
Vous pouvez éviter tous ces acheteurs et lignes fous du Black Friday en attendant le 3 décembre et en commandant la deuxième édition de? Responsive Web Design? par Ethan Marcotte. Ce livre est un excellent ajout au rayon (physique ou numérique) de tout concepteur ou développeur.
Dans la deuxième édition de "Responsive Web Design", Ethan Marcotte développe les principes de conception des grilles fluides, des images flexibles et des requêtes multimédia. Grâce à de nouveaux exemples et à des faits et des chiffres mis à jour, vous apprendrez à offrir une expérience de qualité, quelle que soit la taille de l'affichage.?
Vous devriez être très très enthousiasmé par cette version. Tous les bons designers sur ma liste en auront une copie à coup sûr!
Typographie Quiz: Quelle police vous convient?
Alors? Ce n'est pas un choc que je sois Helvetica. C'est mon passe-partout par défaut, use-it-partout, sans caractère honteux. Et apparemment - parce que le quiz le dit - je suis cette police personnifiée.
En un mot: «Classique et fiable, vous êtes pointilleux en matière de design. Propre et rationalisé, vous ne vous perdez pas dans les détails ou la décoration. La polyvalence et la simplicité sont la clé, et vous êtes le maître des deux.
Oui, j'admets que cette description décrit très bien mes styles personnels et conceptuels. Peut-être que ces stupides jeux-questionnaires sur Internet savent de quoi ils parlent. (Ne basez aucune décision majeure de votre vie sur les résultats.)
Bien qu’il n’y ait pas beaucoup d’options typographiques possibles. le quiz est toujours très amusant. Et avec seulement 10 questions, c'est une déviation rapide lorsque vous avez besoin d'une pause. Répondez au quiz pour savoir si vous êtes Impact, Courrier, Brush Script, Comic Sans, Helvetica, Times New Roman, Franklin Gothic ou Futura et assurez-vous de partager les résultats avec nous dans les commentaires.
Juste pour le fun
Succès au box-office? Interstellar? a inspiré les concepteurs à créer. Creative Market a trouvé 30 des meilleures conceptions d’affiche de film inspirées par le thriller spatial.
Les dessins sont géniaux, peu importe ce que vous avez pensé du film ou même si vous l'avez déjà vu. Chacun adopte une conception radicalement différente du film et des concepts de conception. Parcourir à travers la galerie des affiches est une source d’inspiration.
Mon préféré, ci-dessus, a un effet de vitrail qui comprend des détails remarquables. Le designer, Simon Delart, a également adopté une approche très différente du dessin, avec davantage de couleurs claires que la plupart des autres styles d’affiche à thème espacé.