La semaine en pixels – 23 Mars 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 (illustrations, photos, sites web, etc.)
Au programme : états vides d’interface, rôles de designer, fausse logique, du easing sur des dégradés, inspiration de boutons « toggle », polices CSS variables fonts, les variables CSS pour créer des thèmes, gestion des couleurs, ressources d’accessibilité, de jolies cartes, des outils collaboratifs et pourquoi demander un nom est compliqué dans un formulaire.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Workshop Slides
The slides on card sorting, les slides de notre premier workshops UX in Lux avec Laurence Vagner, sur le card sorting.
Les liens en français
Boom ! Wow, BOOM ! Les arcs dramatiques au service de l’expérience (et leur utilisation dans le design de service)
tl;dnr, s’il devait n’en rester qu’un ?
Un super outil si vous écrivez en anglais qui va vous donner votre niveau de langue et aider à simplifier les phrases : hemingwayapp.com
C’est un outil découvert grâce à myriamjessier. Je lui ai proposé de venir de temps en temps présenter des outils et ressources dans mes liens de la semaine.
Les articles de la semaine
#UX #UI
- The spectrum of design roles in 2018 – je suis « UX team of one » sur le spectre des rôles UX, et vous ?
- Logical Fallacies In Design Critiques, how to spot and counter them, fausse logique et comment l’éviter
- The Principle of Commitment and Behavioral Consistency
- A Guide to Information Architecture, un article pour comprendre l’architecture d’information
- Falsehoods Programmers Believe About Names, demander un nom dans un formulaire est complexe
- ReCAPTCHA is UX’s worst nightmare, les recaptchas sont des cauchemars d’utilisabilité
#Front-End
- Je veux que les Easing Gradients deviennent une spécification
- 4 essential image optimisation tips, des conseils pour optimiser les images
- Variable Fonts, un outil en ligne pour tester les variables fonts
#Design
- Your Work is Starstuff. même si notre travail n’est pas implémenté de suite, le design est un travail d’équipe. Un bel article pour voir plus loin
- Colour management, la gestion des couleurs
- Theming With Variables: Globals and Locals. les variables CSS c’est génial et on peut les utiliser pour faire des thèmes
#SEO
Why rich results can help significantly improve your search ranking and boost traffic to your site
#Accessibilité
Useful accessibility resources
#SEO et UX, la sélection de Myriam Jessier
- Calling Bullshit: Data Reasoning in a Digital World, un vrai cours à l’université de Washington
- UX writing: how to do it like Google
- Must know SEO concepts for 2018
- How to reclaim your online digital privacy
- All about visual cues
De l’inspiration, du fun et de jolies idées
#Toggles
UI Toggles, de l’inspiration de boutons de toggle
#Cartes
Pour mes amis fans de cartographie et de linguistique : literal world map
Tutoriels
#Keynote
The tedious process of building a colour scheme in Keynote, créer un theme de couleur pour Keynote est long et fastidieux, un petit tutoriel pour vou aider
#Sketch
Sketch Type Symbols, un hack interessant pour créer des symboles de style de text mais ça reste un hack. J’aimerais bien qu’on puisse surcoucher les styles directement sans ce hack
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Etat vide
emptystat.es, un site plein d’exemples d’interface dans leur état « vide »
#Collaboration
tscheck.in, un outil en ligne pour les exercices de « check in » et « check out » de réunion (pour ceux qui pratiquent le design thinking
