La semaine en pixels – 29 avril 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 : erreurs UX commises dans les interfaces, créer des interfaces accessibles, les utilisateurs n’ont pas peur du changement, AB testing vs Mutivariable testing, Service Design, une police d’écriture pour amplifier des messages féministes, des astuces de designer pour rendre les développeurs heureux, présenter des sites responsive, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unités viewport en CSS.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Les liens en français
#UX
A lire absolument: La méprise sur l’UX – Rappelez-vous : faire de l’UX sans utilisateurs finaux, ça n’est pas de l’UX. C’est tout au plus du webdesign, comme on en faisait déjà il y a 20 ans
tl;dnr, s’il devait n’en rester qu’un ?
#UX
« Common UX Mistakes Made by Business Developers » des aberrations en terme d’interface commises par des Business developpeurs, levez la main si vous avez vu bien trop souvent des modales dans des modales✋
Les articles de la semaine
#UX
- Users Don’t Hate Change. They Hate Our Design Choices, les utilisateurs ne détestent pas le changement, juste votre nouveau design
- Multivariate vs. A/B Testing: AB testing vs Multivariable testing
- « 100 example UX problems, A list of common UX problems to challenge and inspire designers and coders. » 100 exemples de soucis d’interface
- Service Design and UX Design: What’s the Difference?, la différence entre service design et UX design
- Scrolling Interactions & Techniques – des observations interessantes sur les interactions au scroll
#Design
- « The Hidden Trap in Design Systems – We should define what the user needs first, then figure out how the design system applies. » les pièges des design systèmes.
- Cards and Composability in Design Systems – une lecture interessante sur le design d’interface de type « Card UI »
- « Simple things designers can do to make their front-end developers happy« , comment rendre les développeurs heureux quand on est un designer. Il faudrait que je rédige la version designer du coup : respectez mes maquettes, les tailles, les polices, si un truc est techniquement impossible venez m’en parler et on trouve une solution ensemble au lieu de le changer sans mon avis, etc.
#Front-End
« Layers and how to force them » animations CSS et performance : comment le navigateur les décompose
#Responsive
« Demo your responsive site well » ou comment présenter son site responsive, en résumé, sur de vrais appareils mobiles
#Accessibilité
How to Create Interfaces that Benefit All: Accessibility Testing and Inclusive Design Principles. une lecture sur l’accessibilité et le design inclusif
De l’inspiration, du fun et de jolies idées
#Boutons
Particle button, de jolis boutons à particules
#Typographie
THE FEMINIST LETTERS, une police pour amplifier différents messages féministes d’égalité des droits, salaires, etc.
Tutoriels
#CSS
- 7 Tricks for Improving CSS Performance, astuces CSS pour améliorer la performance de vos sites
- A Look at CSS Viewport Units: vh vm vmax, les unités de viewport en CSS
#Modale
« Native Modals on the Web Using the HTML Dialog Element » il est possible de faire des modales natives en HTML5, attention cependant à les utiliser avec parcimonie
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Grid #Flexbox
Flexbox fallbacks for popular UI solutions that use CSS Grid, une solution Flexbox pour des interface en Grid Layout
#Sketch
Sketchize, un site pour télécharger des templates mobiles et desktop à imprimer pour sketcher des interfaces
#Fonts
Fonts.lol – des polices multicolors
