La semaine en pixels – 13 Janvier 2019
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 : stratégie de contenu, capacités du navigateur mobile, fonctionnement du CSS, grille CSS, éthique et design, SEO et React, différents types de gestion de projet pour le design de produits (waterfall, agile, scrum, etc.), diversité et icônes, un outil SVG avec des Gradient Map Filter, une bibliothèque de sons d’interface, un générateur de formes organiques en SVG, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un truc cette semaine
#Mobile #UX
Super Secret Powers of Mobile Browsers – les temps ont changé ! Apprenez à utiliser la puissance des PWAs et des APIS comme la géolocalisation, les notifications push, le support hors ligne, l’authentification biométrique, etc. pour améliorer l’expérience utilisateur sur les navigateurs mobiles.
tl;dnr, s’il devait n’en rester qu’un ?
#Gestion de Projet
“Building Better Products by Exploring Workflows and Design Processes” une très bonne introduction à tout le jargon technique de la gestion de projet (cascade, agile, lean, kanban, scrum)
Les articles de la semaine
#Design
- Design Ethics and the Limits of the Ethical Designer, les limites du design éthique et pourquoi il est important de remonter à des strates stratégie / business si on veut vraiment influencer les choses
- “Reflections from a designer turned product manager: 6 unexpected differences” la différence entre la semaine du designer et du chef de produit, je ne sais pas trop comment se passait le design avant pour l’auteur, mais perso je suis designer et ma semaine ressemble plus à celle qu’il décrit comme chef de produit
- Breaking the illusion of completeness – s’assurer que les utilisatrices comprennent qu’il y a du contenu plus bas dans la page et scrollent
#CSS
- “CSS doesn’t suck” Andy Bell nous rappelle à quel point CSS est incroyable et flexible
- Stepping away from Sass, c’est sympa de voir comment le CSS a évolué au point où on peut se passer de Sass
- CSS Grid for Designers – un petit tutoriel pour vous aider à vous familiariser avec CSS Grid Layout
#UX
SAM, Self-Start Accommodations Management App – une étude de cas qui vous montre à quoi ressemble un processus de conception centré sur l’utilisateur.
#Diversité
The issue of diversity in icon design – avons-nous les bonnes icônes à portée de main pour représenter tous les humains ?
#Design system
Underneath the component: theme driven design systems – lecture intéressante sur les composants d’un style guide, entre cohérence vs divergence.
#Mobile
Tap to Dismiss – des conseils pour concevoir et fermer des modales sur mobile
#Contenu
The first-time content strategist’s survival guide – le guide de survie de la stratégie de contenus
#SEO
“3 Essential Tools to Boost your React App’s SEO” aider à référencer sa webapp en React
De l’inspiration, du fun et de jolies idées
#Design et code
Top Pens of 2018 on CodePen – c’est incroyable de voir ce que nous pouvons construire dans le navigateur aujourd’hui
#Jeu
The art behind the gorgeous Gris on Nintendo Switch and Steam – un peu de design de jeux vidéos
Tutoriels
#CSS
Multi-Line Inline Gradient – un défis CSS de dégradés multiligne
Des ressources outils et plugins pour vous faciliter la vie
#Dimensions
Mon cerveau et mes yeux adorent ça : Dimensions.Guide, une base de données de référence des dimensions standard des objets et des espaces de la vie quotidienne qui composent notre monde.
#SVG
SVG Gradient Map Filter –un outil en ligne pour créer un des filtres SVG avec des Gradients maps pour vos images
#Performance
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]– la petite checklist de performance version 2019
#Sound
UI Sounds – un site qui référence les sons d’interface
#SVG
Blobmaker, un éditeur en ligne pour créer des formes organiques SVG
