La semaine en pixels – 12 janvier 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 : pas mal d’astuces Sketch, un article sur les « quick wins », designer pour créer de la friction, évaluer l’expérience utilisateur, des conférences UX pour 2018, le design des emotes de League of Legends, des conseils pour de jolies illustrations, une checklist pour gérer la performance, une 404 renard toute mignonne, HMLT5.2 et de la typographie responsive.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un article cette semaine
#Sketch
Astuce : se débarrasser des “overrides” (surcharges) inutiles des symboles Sketch
tl;dnr, s’il devait n’en rester qu’un ?
#UX
Tiny Wins, un article super intéressant sur les « petites victoires » ou « quick wins » qui vont ravir vos utilisateurs bien au delà de vos attentes. Personnellement c’est la fonctionnalité « j’aime pas cette chanson » des playlist Spotify, un petit bouton pour ne plus entendre une chanson que Spotify me proposait mais me plait pas :)
Les articles de la semaine
#UX
- Designing Friction For A Better User Experience, la friction dans les interfaces n’est pas toujours mauvaise dans les interfaces; elle permet par exemple d’empêcher les utilisateurs de commettre des erreurs irréparables.
- Evaluating UX: Would you buy a home without an inspection?, acheteriez-vous une maison sans faire une inspection avant ? C’est pareil pour le redesign d’un site web.
- The best UX and design conferences in 2018 – the definitive guide, les meilleures conférences UX de 2018
- The human side of emotes, les test utilisateur des emotes League of Legends
#Illustration
- 5 Basic Tips for Illustrating – des astuces pour de jolies illustrations
- Challenge: To create an illustration style.
- Si vous aimez la cartographie cet article vous plaira: Mapbreaking
#Front-End
- Careful Now, Chrome est-il entrain de devenir le nouvel IE?
- « I’m harvesting credit card numbers and passwords from your site. Here’s how. » un article hypothétique sur comment un hacker pourrait récupérer des cartes de crédit en utilisant des modules npm
- Front-End Performance Checklist 2018 [PDF, Apple Pages] une checklist performance avec un petit lien vers ma conférence sur « Améliorer l’experience utilisateur grâce à la perception de la performance«
#Mobile #PWA
- Every project a Progressive Web App, injecter des fonctionnalités de PWA dans des projets mobile
- M-Commerce: Terrible UX
#Ressources
webgdedeck.com, les articles et conférences des membres des GDE
De l’inspiration et de jolies idées
#Illustration
Cette 404 est peeeerfecte
L’actualité webdesign
#HTML5
What’s New in HTML 5.2? Whooot <dialog>
Tutoriels
#CSS
Responsive Typography Using Modern CSS, utiliser calc() pour de la typographie responsive
#Sketch
« Some great tips to create a Sketch Library » des astuces si vous débutez dans Sketch
