La semaine en pixels – 8 December 2017
Comme chaque semaine, un condensé de mes lectures et ma veille web design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.
Au programme : des éléments de formulaire HTML5, la méthode UX des Jobs to be Done, un concept de filtres Instagram, intelligence artificielle et accessibilité, un mise en page en patterns zigzags, survivre à la fatigue du chercheur, des conseils pour construire un moteur de recherche, la redondance en design ça a du bon parfois, des conseils pour l’accessibilité des liens, des bordures CSS et comment importer une page HTML dans Sketch.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#HTML5
Un aide mémoire des éléments de formulaire HTML5
Les articles de la semaine
#UX
- Jobs-to-Be-Done in Your UX Toolbox – un article long mais très interessant sur la méthode UX du « Job to be Done », très détaillé avec pleins de références à différents ouvrages
- Instagram Concept: Hashtag Filters, une étude de cas UX sur le design des filtres instagram
- UX predictions for 2018, les prédictions UX 2018, je trouve ça cool de voir « le contenu sera roi » et qu’on puisse enfin se débaraser du lorem ipsum.
- Zigzag Image–Text Layouts Make Scanning Less Efficient
- Best Practise for site search design. Des bonnes pratiques pour améliorer un moteur de recherche sur un site. J’ajouterai HTML5 input type = search dans la liste surtout sur mobile.
- « Overcoming That Dreaded Malady: User Research Fatigue« , survivre à la fatigue du chercheur surtout sur de longues journées d’interview et test utilisateur
- Designed Redundancies: UX Patterns To Unblock Frustration…And Save Lives, la redondance dans le design parfois c’est bien
- « Customer Journey Maps – How to Build One. » un article détaillé pour créer un customer journey map
#Accessibilité
Five Ways in Which Artificial Intelligence Changes the Face of Web Accessibility, accessibilité et intelligence artificielle font plutôt bon ménage.
#Design
Vous aurez beau proposer la maquette la plus magnifique qu’il soit, si vous ne savez pas présenter votre travail ça ne sert à rien. Voici un article pour vous aider : 7 tips to present your work like a boss.
#Conference
Why I Don’t Pay to Speak – amis conférenciers, organisateurs, lisez.
En dehors du 3.17 j’ai lu / entendu toutes les excuses de la section 3, hélas, et je suis du même avis que l’auteur : il s’agit d’une responsabilité éthique et sociale de favoriser la diversité en permettant à toutes et tous de devenir orateurs, et pas juste une partie de privilégiés qui peuvent payer le déplacement pour parler et / ou se le faire payer par leur employeur.
#Typographie
10 Rules of Using Fonts in Virtual Reality
#Remote
Why Startups Are Going Remote In 2017, les startups se mettent au remote (télétravail) en 2017. Arguments interessants pour les développeurs et les ventes ou le support. Je me demande si c’est possible pour des métiers d’UX et UI Design dans des processus de Design Thinking basés sur l’itération collective à coups de papiers et post-its dans une salle.
#PWA
A Pinterest Progressive Web App Performance Case Study
De l’inspiration et de jolies idées
#Design
cheshirecat.inthehiddencity.com ce site pour une chasse au trésors dans Londres est tout simplement magnifique
#CSS
Bauble Toggle, un toggle boule de Noel
Tutoriels
#Accessibilité
Accessible Links Re:visited, beaucoup d’astuces pour l’accessibilité des liens. Saviez vous qu’on peut utiliser text-decoration-style et text-decoration-color pour définir une couleur de soulignement différente de la couleur de texte ?
#CSS
Animating Border différentes techniques pour faire animer des bordures en CSS
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Sketch
