La semaine en pixels – 9 September 2018
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.
Au programme : animations et expérience utilisateur, interfaces sémantiques et conversationnelles, designer avec de vrais données, bonnes pratiques pour choisir la bonne visualisation de données, les CSS shapes et leurs éditeurs, une conférence sur le design inclusif, designer des interfaces accessibles aux personnes daltoniennes, applications mobiles et notifications, OpenType et CSS, des produits pas si intelligents que ça et de l’inspiration pour de jolis dégradés.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Animation
“The ultimate guide to proper use of animation in UX” une longue lecture sur les animations et l’expérience utilisateur avec d’excellents conseils sur le timing et les interactions
Les articles de la semaine
#UX
- 10 Examples of Really Good UX that Help Teams Learn About Users, des exemples de micro-expérience sur différents sites
- Smarter Dumb Products – tldnr les chats sont tous des connards et cassent vos objets connectés ? Bon plus sérieusement une très bonne lecture sur le design d’objets connectés
#Front-End
- Conversational Semantics, ajouter de la sémantique au HTML et CSS pour aider les interfaces conversationnelles à comprendre le contenu
- Take A New Look At CSS Shapes — une excellente lecture sur les Shapes CSS qui permettent de designer et écrire dans des formes dans le contenu du site
- CSS Shape Editors, in Firefox and Chrome, deux éditeurs pour créer ces formes en CSS
- For typography and CSS lovers: une jolie démonstration des capacités de l’OpenType et des propriétés CSS associées
#Design
Design with Difficult Data, anticiper le design avec de vrais données qui vont casser les écrans, pas juste les jolies données bien structurées dans nos designs
#Accessibilité
Designing UI with Color Blind Users in Mind, designer des interfaces en prenant en compte les besoins des personnes daltoniennes
#Mobile
Designing notifications for apps – explorer différentes options pour les notifications sur mobile
Conférence
#Inclusive Design
Sauvez la date Inclusive design 24 revient le 11 octobre 2018 avec 24h gratuites de conférences en ligne sur le design inclusif
De l’inspiration, du fun et de jolies idées
#Chiens #CSS
- Awwww ??The Dogs of CodePen
- CSS Background Patterns, des patterns de fond en CSS
#Haha
#Branding
This Colorful New Font Is Made Entirely of Brand Logos – une police d’écriture faite dans les logos de différentes marques
#Dégradés
Oh Mamma, I’m in love with Gradient – un peu d’inspiration sur l’utilisation des dégradés à travers le web
Livres
#Smashing
Le nouveau Smashing Book 6 – New Frontiers in Webdesign sort en septembre, il est temps de le commander !!
Des ressources outils et plugins pour vous faciliter la vie
#Dataviz
From Data to Viz comment choisir le bon graphique de visualisation de donnée ? Ce site peut vous aider
#Typographie
Archetype, un outil en ligne pour vous aider à calculer le rythme verticale et l’exporter pour Sketch (fonctionne avec les Google Fonts)
