La semaine en pixels – 4 décembre 2015
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.
#Outils
? Modern Workflow & Tooling Talk, une conférence sur les outils modernes comme gulp, grunt, npm, etc.
#UX #Statistiques
Quelques statistiques sur l’UX (en anglais)
#HTML5
Whatwebcando.today Quelles sont les APIs HTML5 fonctionnelles aujourd’hui qui me permettront de construire une app
#Fonts
10 Most Popular Font Managers for Mac & Windows , 10 gestionnaires de polices pour mac et windows
Pour le fun: jeux et démos sympas et impressionnantes
#Social
Hahaha les liens de partage sociaux que vos utilisateurs sont sures de ne pas louper
#WTF
PRO CRA STINATION saucis.se