La semaine en pixels – 4 décembre 2015 - par Stéphanie Walter

Ce contenu a été rédigé il y a 9 ans. Il se peut qu'il ne soit plus à jour.

Comme chaque semaine, je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).

Au programme cette semaine : des bonnes pratiques et commandements d’expérience utilisateur, améliorer la typographie de ses designs, des petits rappels sur le paradoxe du choix mais aussi sur des guidelines pour un menu utilisable, l’évolution de » l’internet mobile « , un jeu sympa, des sushis et une librairie d’éléments d’UI, les nouveautés Adobe Photoshop et Illustrator, un petit tutoriel flexbox bien ludique, des outils de typographie dans le navigateur et gestionnaires de police, un petit rappel de ce qui est disponible en HTML5 dans nos navigateurs aujourd’hui et un peu de fun en fin d’article.

Pour plus de liens vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#UX

15 UX commandments, les 15 commandements du design d’expérience utilisateur

Les articles de la semaine

#Typographie

Un article sympa pour les débutants en typographie : 10 Ways to Improve Typography In Your Designs

#Icons

Adobe Illustrator Workspace for icon design, configurer Illustrator pour le design d’icônes

#UX

Simplicity Wins over Abundance of Choice, le paradoxe du choix expliqué et les danger du “trop d’options” illustré avec une machine à Soda

#Design

Design Thinking: Learn How to Solve Problems Like a Designer, un joli article sur le “design thinking”, bon, dit comme ça ça fait un peu buzzword2.0 mais les illustrations et les cas très concrets sont très intéressants :)

#Design #Menu

Menu Design: Checklist of 15 UX Guidelines to Help Users, 15 lignes directrices pour vous aider à créer un menu utilisable

#Mobile

There is no Mobile Internet. Un excellent article sur l’évolution des appareils et des tâches à accomplir grâce à ces appareils

#Usability #Form

The State of Mobile Checkout & Form Usability, l’utilisabilité des formulaires sur mobile

De l’inspiration et de jolies idées

#Photos

Shutterstock color trends 2015 – Shutterstock a identifié à partir des données des images téléchargées les tendances des couleurs utilisées le plus dans les photos de 2015

#Miam

Apprendre à faire des sushis qui ressemblent à des carpes koi <3

#Jeu

J’ai des copains qui font des trucs carrément sympa sur Steam Greenlight, tu votes ? Dungeon Rushers

#Journal

Un design inspiré du style des journaux papier dans codepen

#Pattern #Snippets

littlesnippets.net rassemble des bouts de code et des patterns d’UI pour votre inspiration

L’actualité webdesign

#Adobe

Adobe unveil major update to Photoshop, des artboards améliorés, un nouvel espace de travail, une fonction d’enregistrement plus poussée et moins lourde que le “save for the web”, etc.

#Illustrator

Petite amélioration de l’outil d’export SVG dans la dernière version d’Illustrator

Les tutoriels de la semaine

#CSS #Flexbox

Apprendre à utilser flexbox avec un petit jeu sympa : flexboxfroggy.com

Des ressources utiles, outils et plugins pour vous faciliter la vie

#Typographie

type-scale.com un outil pour vous aider à mettre en place le rythme typographique sur une page

#HTML

Gethtml.at les éléments HTML expliqués sur une seule page

#Feedback

Juntoo.co, un outil pour ajouter des annotations et faire des retours sur un site “live” (un peu comme invision, mais sur du vrai site pas de la maquette). Ça a l’air carrément cool pour les phases de recette graphique.