La semaine en pixels – 2 fevrier 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 : comportement des utilisateurs. outils et méthodes UX, CSS variable fonts, typographie, empathy mapping, des astuces pour gérer les images dans Sketch, l’accessibilité des liens qui contiennent un numéro de téléphone, une idée de navigation mobile , la gestion des formulaires par les managers de mots de passe, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un article cette semaine
#UX Solving design problems: finding UX tools, methods, and activities (promis un jours je trouverai le temps de le traduire)
tl;dnr, s’il devait n’en rester qu’un ?
#Design #User Experience
“Make me think!” par @ralphammer, un super articles sur la complexité vs la simplicité, comment à trop simplifier on aliène parfois les utilisateurs. Bonus, les petits gifs sont géniaux.
Les articles de la semaine
#UX / #UI
- Want to Design User Behavior? Pass the ‘Regret Test’ First, le test du regret pour designer des comportements utilisateur
- Empathy Mapping: The First Step in Design Thinking, un introduction aux cartes d’empathie
- The Checkout Debate: Multi-Step, One Step or Accordion tunnel d’achat en plusieurs étapes, une seule ou en accordéon, le débat est lancé
#Mobile #PWA
- Glossier’s Mobile Navigation – un exemple de menu de navigation en onglets pour du e-commerce
- PWAs are coming to iOS 11.3: Cupertino, we have a problem. excellent article sur les arrivées des Progressive Web Apps pour iOS et les soucis que ça va engendrer
#Typographie
Why there isn’t a font behind every letter you see
#Accessibilitie
« Phone number links and accessibility » accessibilité des liens avec des numéros de téléphone pour mobile
#Formulaire
Un article pour vous aider à construire des formulaires que les manager de mots de passe pourront facilement remplir: « Making password managers play ball with your login form »
Tutoriels
#Sketch
« 4 Tricks for Fast Image Fills in Sketch » des astuces pour la gestion des images dans Sketch. De mon coté j’utilise Craft qui me permet de mettre toutes les images dans un dossier et lui demander de remplacer aléatoirement la partie image de mon symbole par une image du dossier.
#CSS-fonts
How to use variable fonts in the real world utiliser les variable fonts sur un site
#Slides
« Time to design presentations right in sketch and convert it to a .ppt » un outil pour faire des slides dans Sketch et les convertir vers powerpoint ensuite
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Drag and Drop
Enter The Dragon (Drop): Accessible List Reordering, une librairie de drag and drop accessible qui vous permet de re-ordonner les éléments sur une page
