La semaine en pixels – 5 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.)
Pour commencer, je vous souhaite à toutes et à tous une excellente année 2018 :)
Au programme : des tutoriels Photoshop et Illustrator, le Net Promoteur Score remis en question. des experiences utilisateur innovantes, le redesign des icônes d’Adobe, réaliser une analyse de compétition d’applications mobile, checklist pour la performance, utiliser skip-ink pour rendre les liens plus accessibles aux personnes dyslexiques, styles un input type range en CSS et des polices gratuites.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Les liens en français
- L’horoscope du web 2018 par @hellgy est juste parfait
- Concilier design et accessibilité c’est possible
tl;dnr, s’il devait n’en rester qu’un ?
#Design
Photoshop for designers who don’t use Photoshop. une série de tutoriels video pour les UI/UX designer qui utilisent Sketch ou Figma mais ont besoin de Photoshop pour de la retouche d’image
Les articles de la semaine
#UX / UI
- Net Promoter Score Considered Harmful (and What UX Professionals Can Do About It), le NPS remis en questions sur plusieurs points par Jared M. Spool
- MeasuringU: Changing the Net Promoter Scale: How Much Does It Matter? , changer l’échelle du NPS ?
- “username or password incorrect” is bullshit, des points intéressants mais à quoi bon quand la moitié des sites utilisent le nom d’utilisateur dans l’URL ?
- The 12 Most Innovative UX Experiments Of The Year
#Design
- Redesigning Adobe’s File Type Icon System Language. ou comment un petit changement est bien plus compliqué qu’il n’y parait
- Designing for Blockchain
#Accessibilité
- Screen Reader User Survey 7 Results, des informations sur les lecteurs d’écran
- CSS: How to Remove the Yellow Background Color on Input Fields – NON, non, s’il vous plait, éviter de retirer le fond jaune des champs en autofill, stylez le différemment s’il ne convient pas à votre charte mais laissez tranquille les fonctionnalités d’utilisabilité du navigateur.
- Improving text readability for dyslexic users with skip-ink underlines
#Mobile
Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis, améliorer votre application mobile avec une analyse de la compétition
#Conférence
« Major Hacker Conference Organizers Accused of Ignoring Harassment, Enabling Abusers” une conférence qui ignore le harcèlement d’une des participantes :/
#Performance
Front-End Performance Checklist 2018 [PDF, Apple Pages] une checklist performance à ne pas louper ( Avec un petit lien vers ma conférence sur la perception de l’UX, saurez-vous le repérer ?)
#Star Wars
This is Not Going to Go the Way You Think”: The Last Jedi Is Subversive AF, and I Am Here for It <3
De l’inspiration et de jolies idées
#CSS #Illustration
The woman of Star Wars in a single div
L’actualité webdesign
#Front-End
Can I Use a une section « News »
Tutoriels
#Illustrator
faire des petits points avec Illustrator
#CSS
A Sliding Nightmare: Understanding the Range Input. un excellent article sur comment styler un input type range en CSS, en bref, c’est galère
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Typographie
Il est temps de mettre à jours votre liste de polices avec ces 20 polices gratuites
#Accessibilé
accessnow.me, un site communautaire pour noter l’accessibilité
#Dégradé
Un outil pratique pour créer des dégradés pas à pas
