La semaine en pixels – 24 mars 2019

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

Chaque semaine,  je publie 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 : des conseils pour les conférencières débutantes, un outil de test d’accessibilité, demander le genre dans les formulaires, des conseils pour les checkout en e-commerce, un design sans frictions, l’apprentissage en ligne du métier d’UX designer ne fonctionne pas, un outil de création de palettes de couleurs, des grilles CSS complexes et un plan de maison en CSS Grid, des animations de chargement, design inclusif et comment la technologie fournit des plateformes qui favorisent la haine en ligne, un joli livre sur la typographie, la nouvelle identité visuelle de Feminist Library, la nécessité de normalisation des chaînes Unicode, éviter les mauvaise descriptions de fiches de postes d’UX Designer, etc.

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

Les liens en français

#Accessibilité

Les slides de la conférence de Marie Guillaumet au WordCamp Bordeaux, pleins de bons conseils pour votre WordPress, avec un petit bout de mon portfolio dedans ;) 8 conseils pour améliorer l’accessibilité de votre thème WordPress

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

« Tips For First Time Speakers » des conseils si vous être conférencière débutante. J’ajouterai :

  • Utilisez une télécommande pour les slides,
  • Si vous portez une robe, c’est compliqué de faire tenir l’équipement du micro : une veste avec des poches ou une ceinture peuvent aider à le fixer. Vous vous direz peut-être : « Je vais fixer le petit équipement du micro à mon soutien-gorge dans mon dos ». J’ai essayé, mauvaise idée. Vous ne voulez pas passer toute votre présentation avec cet équipement qui vous démange le dos
  • Un micro main est une autre option si disponible (mais ça devient ennuyeux si vous avez une télécommande dans l’autre main)
  • Les micros Madonna sont bien mais si vous avez les cheveux longs, cela peut interférer avec le son, vous devrez peut-être les attacher. Ouais, j’ai des conseils super pratiques :D
  • Retirer le tour de coup que vous parlez, il pourrait interférer avec le son du micro aussi. Et puis ça gratte en général
  • Demandez le format des diapositives et quel type de port (hdmi, vga etc)  à l’avance pour éviter de paniquer en arrivant. Si possibles faites un test durant une pause.

Les articles de la semaine

#UX

  • The UX of Learning UX is Broken, l’apprentissage en ligne du métier de UX designer ne fonctionne pas. Article de 2016 mais j’ai l’impression que ça a empiré. Il y a plus de « bootcamps UX 5 jours avec un certificat bonbon à la fin » que jamais. Et franchement, la qualité des leçons en ligne me fait un peu peur.
  • Terrible UX Design Job Descriptions (Or: How To Avoid Bad UX Design Jobs), éviter les pièges du n’importe quoi dans les descriptions des offres de poste d’UX designer. J’ai vu le « code » dans tant d’offres et j’ai eu un test de conception pour un travail UX qui a utilisé le mot « wow the user » deux fois, meh.

#Design

#Performance

Si vous êtes intéressé par les performances perçues, voici un bel article sur le animations de chargement : « Everything you need to know about Loading Animations« .

#Formulaires #Genre

Sex and/or gender — working together to get the question right, comment poser la question du genre dans un formulaire. Au mieux, ne la posez pas c’est au final rarement utile

#Inclusive Design

Canary in a Coal Mine: How Tech Provides Platforms for Hate – nous avons construits des plateformes qui deviennent des vecteurs de haine et personne n’est prêt à écouter le canari dans la mine de charbon qui sonne l’alerte.

#Ecommerce

Best E-Commerce Checkout Practices for 2019 – un long article sur les conseils pour améliorer votre tunnel d’achat

#Front-End

#Accessibilité

See No Evil: Hidden Content and Accessibility – le contenu masqué

#Mobile

Do you remember Firefox OS? Vous vous souvenez de Firefox OS ? Je lui suis reconnaissante parce qu’ils ont créé une base pour un grand nombre d’API que nous tenons maintenant pour acquis dans les navigateurs mobiles. De plus, je pense que l’idée d’un système d’exploitation basé sur le Web pourrait fonctionner aujourd’hui, avec Google qui fait la promotion des PWAs, d’énormes pas ont été faits en ce sens.

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

#Robot

MIT invented a new type of robot hand that’s both adorable and terrifying – Le MIT a inventé un nouveau type de main de robot qui est à la fois adorable et terrifiante.

#Website #Illustrations

Sigle un générateur de blog décentralisé et open source. J’adore le site, le logo, les illustrations, tout ici <3

#Book

On the Road to Variable – un joli livre et une idée de cadeau sympathique pour vos amies qui aiment la typographie.

#Typography

The Feminist Library’s new visual identity is inspired by its archive of protest banners. La nouvelle identité visuelle de la Feminist Library s’inspire de ses archives de bannières de protestation. Et j’ADORE la police <3

#CSS Grid

CSS Grid: Floor Plan, un plan de maison en CSS Grid Layout, pourquoi pas :D

L’actualité webdesign

#Chrome

Chromium Blog: Chrome Lite Pages – ça commence à ressembler un peu à Opera Mini avec une partie navigateur proxy pour « servir » la page plus rapidement pour une connexion lente.

#Instagram

2016, Stephanie Rieger nous raconte l’histoire de cet homme qui vend des moutons via instagram, 2019, Instagram lance le tunnel d’achat à l’intérieur de leur app

Tutoriels

#CSS

Des ressources outils et plugins pour vous faciliter la vie

#Couleur

Geenes, un générateur de palette de couleurs qui vous  propose différentes variantes de luminosité de la même couleur

#Accessibilité

accessibilityinsights mon nouvel outil préféré pour tester l’accessibilité, disponible en extension Chrome ou app windows. Leur outil d’audit qui guide dans les différents critères est génial.

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

Une réflexion au sujet de « La semaine en pixels – 24 mars 2019 »

  1. J’avoue, j’ai poussé un petit cri de joie quand j’ai vu que l’article sur l’utilité de demander le sexe ou le genre d’une personne a été publié sur le site du gouvernement écossais, parce que j’aime beaucoup l’Écosse.

    Et sinon, j’en profite une nouvelle fois pour te remercier du partage de ma présentation, c’est toujours un grand honneur pour moi. Ton site est très chouette et je m’y réfère souvent, c’était donc tout naturel de le citer en exemple ! :-)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *