La semaine en pixels – 16 décembre 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 : agilité et spécifications, réflexions sur les « gardiens du front-end » qui obligent à apprendre JS, debugger le CSS, des ressources typographiques et polices gratuites, conseils pour designer son portfolio, prototyper avec du code, tendances UX et UI, design de page 404, nommer les couleurs, outils de design de 2018, accessibilité, CSS, les risques d’un web homogène avec uniformisation des navigateurs, etc.

Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)

Les liens en français

#Agile #Design

Des spécifications dans un cadre agile ? Des « user stories » aux « jobs stories »

#UX

Pourquoi faut-il travailler l’UX de vos applications professionnelles ? Augmenter le bien-être des employés, la productivité et la créativité, baisser les coûts pour le département informatique, attirer de nouveaux talents, c’est tout benef !

tl;dnr, s’il devait n’en rester qu’un ?

#Front-End

Reluctant Gatekeeping: The Problem With Full Stack un article de fond sur les soucis du front-end et cette obligation d’apprendre le JavaScript si on veut faire du HTML et du CSS. Je cite : La valeur que vous voulez obtenir d’un expert CSS est leur CSS, pas leur JavaScript, il est donc absurde de faire de JavaScript une exigence.

Les articles de la semaine

#UX

• A UX Guide For Designing Error Pages. un guide pour la conception de page 404, trouver ce qui a causé le problème, ce qui s’est passé et pourquoi, répondre à quand sera-t-il résolu et comment l’utilisatrice peut-il le résoudre.
• 2018 design tools survey is out, L’enquête 2018 sur les outils de conception. Principale conclusion : Sketch est devenu l’outil pour tout, du user flow au design d’interface (ou y a-t-il un biais d’échantillonnage ici ?).
• Unraveling a complex UX problem: comment résoudre les problèmes d’architecture de l’information avec de l’analyse concurrence, des user flows  et le tri des cartes

#Mobile

• Is there a cold war between Android and Chrome because of PWAs? Si vous pensez qu’Apple ne veut pas d’une bonne expérience PWA sur iOS, figurez-vous que Google et les équipes Android n’en veulent pas non plus. Triste réalité.
• Proof That iOS Still Hasn’t Gotten Undo Right.  iOS a encore du mal avec les options d’annulation dans les interfaces

#Front-End

• What is the Shadow DOM? – Qu’est-ce que le Shadow DOM ?
• What do you name color variables? Comment nommez-vous les variables de couleur ? Perso je les nomme primaire/secondaire en CSS, mais bleu-100 ou bleu foncé sur Sketch. Peut-être que je devrais me décider ?
• How and when to use the tabindex attribute, comment et quand utiliser l’attribut tabindex, utile pour l’accessibilité ?
• Why isn’t it <style src=””>? – pourquoi n’est-ce pas <style src= » » »> ? – Hum, question légitime, réponse intéressante

#Design

• “Stop showing design options and commit“ ne pas proposer plusieurs options de design à ses clients et choisir
• My struggle with colors –créer des palettes de couleurs, les nommer, pas toujours facile, voilà quelques conseils

#Navigateurs

• Risking a Homogeneous Web – excellente lecture sur la domination de Google sur les standards Web, AMP, le passage de Microsoft à Chromium, etc.
• L’état des navigateurs Web pour 2018 – The State of Web Browsers for 2018

#Portfolio

Advice from women in design on building a great portfolio, des conseils pour votre portfolio donné par des designeuses

#Prototype

“Prototypes and production” la différence entre le code d’un prototype et le code en production, deux façons de penser

#Jeu

“Fortnite Is so Much More Than a Game – Teens have always created their own spaces to experiment, socialize, and indulge idle curiosity“ – « Fortnite est bien plus qu’un jeu – les adolescents ont toujours créé leurs propres espaces pour expérimenter, socialiser et découvrir des choses

#Conference

A lire si vous organisez une conférence

De l’inspiration, du fun et de jolies idées

#Retro

Larcon VII, petit style retro gaming pour ce site de conférence

#Inspiration

Un très joli site dans un style « journal » Sea Harvest <3

#Tendances

2019 UI Trends (and a few UX stuff), les tendances 2019 parce que c’est toujours marrant à lire. Le Deeeeep Flat m’a bien fait marrer en tout cas

Des ressources outils et plugins pour vous faciliter la vie

#CSS

Debucsser – un outil pour vous aider à debuguer le CSS

#Typographie

• Cunia une jolie sans serif arrondie et gratuite
• Pentagram designed a Harry Potter logo and font, une police Harry Potter
• Tout savoir sur la police du film WALLE