La semaine en pixels – 28 Octobre 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 : documentation de guide de style, microinteractions et expérience utilisateur, humour et UX, confession d’un designer imparfait, amélioration des chatbots, étude sur les skeleton screens, utilisabilité et innovation, rédaction de textes, design d’expérience de recherche, 30 secondes de snippets CSS, apprentissage d’Adobe XD en 5 minutes, et plus.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un truc cette semaine
#UX #Frameworks
Ces 2 dernières semaines, j’ai parlé à DevFest Nantes et Blend Web Mix Lyon des templates / frameworks UI et de comment les utiliser pour construire un produit ou un service tout en faisant de la recherche utilisateur et en ayant un processus centré sur l’humain. Le support en français et disponible ici.
Les liens en français
#Accessibilité
Marie Guillaumet a publié les slides de sa conférence à DevFest Nantes : Typographie et accessibilité
tl;dnr, s’il devait n’en rester qu’un ?
#Styleguide
How much documentation to include in a style guide? combien de documentation faut-il dans son styleguide par Brad Frost
Les articles de la semaine
#UX et #UI Design
- Microinteractions in User Experience – Les microinteractions transmettent l’état du système, supportent la prévention des erreurs et peuvent rendre l’expérience attrayante.
- How to Improve Your Website UX with Humor and Cuteness – Comment faire pour améliorer votre site expérience avec de l’humour et du mignon
- Everything you need to know about skeleton screens, une étude intéressante sur les Skeleton screens et la performance perçue
- Balancing Usability with Innovative Design – équilibre entre ergonomie et design innovant, l’ergonomie ne tue pas l’innovation.
- The Hidden Power of Reward Systems In Design – un rappelle des bons et des mauvais côtés du mécanisme de récompense, en tant que designeuses nous devons en être conscients et les utiliser avec prudence.
- No Good, Very Bad UX Writing Mistakes – la rédaction des messages d’erreur
- Designing contemporary search experiences — less typing, more context Concevoir des expériences de recherche contemporaines – moins de choses à taper au clavier, plus de recherches contextuelles
#Design
Confessions of a Flawed Designer, des confessions d’un designer sous forme de gifs animés très funs
#ChatBot
Honey, I built a chatbot, but no one will click on my buttons – une lecture sur l’amélioration des chatbots
De l’inspiration, du fun et de jolies idées
#Code Demo
Shredded, une démo sur codepen
#BD
Six cartoonists on gender and transition, six BDs sur le genre et la transition
L’actualité webdesign
#Browser news:
- Chrome 70 a maintenant des PWAs sur bureau sous Windows et Linux
- Edge bénéficie également de l’API d’authentification, des notifications et des améliorations des PWAs.
Tutoriels
#Adobe XD
Apprendre AdobeXD en 5 minutes (en anglais)
Des ressources outils et plugins pour vous faciliter la vie
#CSS
30 seconds CSS, une collection conservée de snippets CSS que vous pouvez comprendre en 30 secondes ou moins.