La semaine en pixels – 20 Mai 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 : mener des recherches utilisateur à distance, le jargon de notre métier d’UX, un template d’interface pour React, créer des personas, card design et design produit, les CSS custom properties, styler un bouton en CSS, un outil pour construire du grid layout, des tableaux responsifs, les outils Google Material Design, générer des fonds décoratifs en utilisant de l’unicode et CSS, un TED talk sur la création d’objets inutiles et beaucoup d’autres outils.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#CSS
Tellement génial : Unicode Patterns, générer des fonds décoratifs en utilisant de l’unicode et CSS
Les articles de la semaine
#UX
- « How to run remote user research » mener des recherches utilisateur à distance. Après plusieurs tentatives j’ajouterai qu’il faut s’assurer que les utilisateurs puissent installer ce qu’il faut sur leur machine, que ce soit Zoom ou un plugin appearin; parfois les machines sont bloquées par l’infra. Prévoir ce genre de cas en avance peut-être une bonne idée.
- « The user experience of choosing the simplest possible words » sur l’utilisation du jargon dans nos métiers
- Create User Personas That Stick – créer des personas qui vont durer
- Field Guide to UX Research for Startups
#Product Design
- Product Design Principles in a Single Card – des principes de design produit expliqué via du « Card UI »
- Two Fascinating Things Salesforce Discovered When It Studied Color – sur les thèmes sombres et clair pour des graphiques de données
#CSS
- CSS !important and What We Can Use for It
- Strategy Guide To CSS Custom Properties (aka CSS variables)
- « Overriding Default Button Styles » et Styling buttons, the right way, deux articles pour styler les boutons en CSS
- New CSS Features That Are Changing Web Design — Grid Layout et CSS shape, whoohoo
#Front-End
- Responsive tables, les tableaux responsifs revisités par Lea Verou
- Vous vous souvenez du drama iPhone X Notch? CSS Environment Variables are becoming an official spec :)
- What’s wrong with CSS-in-JS?
#SEO
Things Designers Should Know About SEO In 2018, ce que les designers doivent savoir sur le SEO par ma copine Myriam Jessier
De l’inspiration, du fun et de jolies idées
#Logo
Brand New: New Logo for BE BEST by Melania Trump, ce à quoi ressemblerait un logo fait par le cousin de 15 ans et sa licence Photoshop crackée. Ha non c’est un vrai logo :/
Conférence
#TED
Why you should make useless things, une chouette conférence sur le fait de faire des trucs inutiles mais cools
L’actualité webdesign
#Android
Evolution of Android Homescreen and Navigation, l’évolution de la home screen sur Android au file des ans
Google Just Remade Its Brand Again
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Template
Okay c’est plutôt impressionnant ça : ant.design et mobile.ant.design, un UI kit pour react et react native (et angular) avec un attention particulière portée au design et à l’UX
#Material Design
Google Material Theme Editor, un plugin Sketch pour le nouveau Material Design et Gallery tool, un invision like qui permet d’avoir un inspect (un peu foireux pour le moment) et des commentaires sur un projet, le tout gratuitement (mais c’est Google quoi, si c’est gratuit, vous connaissez la suite)
#Grid Layout
CSS Grid Layout Interface Builder, un outil pour construire ses grilles visuellement
#Ebook #UX
Un ebook en cours d’écriture sur les méthodos UX : The UX Playbook
