Il vous est certainement déjà arrivé d’utiliser ces raccourcis disponibles au « force touch » ou « long touch » sur vos icônes d’application mobile ? C’est une manière d’accéder à des raccourcis à l’intérieur de votre application afin d’accéder rapidement à une section, ou entamer directement une action plus précise. Il est désormais possible de le faire pour vos Progressive Web App (PWA).

Dans le cadre du Meetup UX Design Brest, j’ai eu l’occasion de proposer un retour d’expérience sur la construction d’un Design System pour la société Groupe Foyer, la première société d’assurance luxembourgeoise. Voici une vidéo ainsi qu’un partage des slides, et même un PDF téléchargeable.

Les expériences les plus douloureuses sur le mobile sont très certainement celles sur les formulaires en ligne qu’il faut remplir ici et là. Et si vous optimisiez ces expériences étape par étape ? Aujourd’hui, je vous propose une solution pour la saisie d’un code unique temporaire : Vous recevez le SMS avec un code, votre clavier vous le suggère – un seul tap, c’est fait ! Ok, c’est parti !

Lorsque vous devez travailler sur des interfaces, le contraste des couleurs est une réalité dont vous devez tenir compte pour la rendre accessible. Vous avez le droit de craindre de perdre une partie de l’esthétique de votre interface, notamment si vous êtes habitué à un mauvais rapport de contraste.

Rester enfermé et réduire les temps de trajet m’a donné pas mal de temps pour me remettre à d’autres activités : le jeu vidéo, musique, mais aussi des tutoriels dans des domaines que je ne connais pas toujours bien. Tuto.com, se joint à moi pour vous occuper jusqu’à la fin de l’année en apprenant de nouvelles choses.

Connu sous le nom du DMP (Dossier Médical Partagé), le DSP (Dossier de Soins Partagé) est sa version Luxembourgeoise. Il s’agit d’un outil de centralisation des informations de santé d’un patient pour permettre un meilleur suivi global, notamment via le partage d’informations sur un espace supposé être sécurisé.

Les illustrations sur une page web ou une application apportent un effet très intéressant sur l’utilisateur·rice : elles permettent de créer une connexion, de faire écho aux émotions et sentiments et permettent également d’affirmer votre identité.

Vous savez déjà qu’un Design System n’est pas seulement un fichier CSS partagé ou un ensemble de bibliothèques Figma/Sketch. Un système de conception est composé à 80% d’humains (relations, partage, travail quotidien) et à 20% de documentation, d’outils et de bibliothèques. Je souhaite vous aider pour ces 20%.

Tout le monde a déjà entendu parler de SEO lorsqu’il s’agit d’optimiser sa visibilité sur les moteurs de recherche. Cependant très peu de personnes prêtent attention au référencement de ses images, et ça commence par des choses pourtant très simples, mais rarement mise en place. Image SEO peut vous y aider.

Cela fait un moment que je n’ai pas fait de sélection. En voici une grande avec un ensemble de ressources sur l’UX Design et la recherche utilisateurs, mais aussi des outils SXO, SEO, UI Design et des outils amusants pour composer des palettes de couleurs, une démo JavaScript et CSS pour apprendre à faire des choses animées, ainsi que des ressources et des articles sur l’accessibilité.

Lorsque vient le besoin de se concentrer sur la rédaction de textes à destination d’une page web, les éditeurs WYSIWYG permettent de se projeter dans ce que sera votre texte une fois publié sur votre page, ou en tout cas vous en offrir un bon aperçu. Voici une sélection d’éditeurs qu’il est possible d’installer dans vos projets web.

Il n’est parfois pas toujours facile de récupérer l’ensemble des besoins de vos utilisateurs, notamment lorsque vous ne connaissez pas nécessairement bien le contexte d’usage ou le domaine dans lequel ils travaillent. C’est pourquoi nous avons créé ce canvas téléchargeable et imprimable.

Le SEO c’est quelque chose que la plupart des développeurs essaient de refiler à l’équipe marketing. De toute façon, ça n’a pas grand chose en commun avec les activités quotidiennes des devs n’est-ce-pas? Donc pas besoin de prendre le temps de se familiariser avec tout ça. Sauf que, connaître les bonnes pratiques en SEO peut avoir de nombreux avantages pour un développeur.

Il n’y a pas si longtemps j’ai vu un des développeurs avec lesquels je travaille écrire une fonction très complexe pour permettre un défilement fluide vers un élément plus bas dans la page. J’ai été assez surpris qu’il n’utilise pas scrollIntoView() et son paramètre behavior de valeur smooth. Ça vous parle ?

UX / UI, CSS, HTML, JavaScript, Accessibilité et tout plein de pixels et animations dans cette sélection. Apprenez Grid Layout tout en vous amusant, découvrez en plus sur CSS Variables et Font Variable. J’ai aussi une sélection de Digital Artists pour rendre cette sélection un peu moins technique. Amusez-vous bien !

Il y a 2 ans (ha ouai…) j’ai écrit un petit article ici : Apprendre le positionnement en s’amusant – Partie 1 : Flexbox. Ca fait un moment que je voulais écrire la deuxième partie sur Grid Layout mais je n’ai jamais vraiment pris le temps de le faire. J’ai parlé de Grid Layout pour la première fois il y a 6 ans (ha ouai x2 !) dans mon article sur The State Of Responsive Web Design 2013.

Cette sélection offre de nombreuses ressources de conception pour vous aider à créer une session d’idéation, à tester vos interfaces pendant les tests utilisateur ou à exploiter les biais de vos utilisateurs pour créer de meilleurs produits. En plus de ces ressources, des outils de développement, des articles et des tutoriels vous aideront avec de nouvelles fonctionnalités CSS et JS. Ah, et j’ai besoin de votre aide à la fin de l’article :p

Cela fait maintenant plus d’un an que j’ai repris un travail en présentiel, que je mets en opposition au télétravail. Je vous avais parlé dans un article précédent des avantages du télétravail. Ils sont clairement toujours valides. Cet article est un retour d’expérience personnel accompagné de conseils pour les futurs télétravailleurs ou les personnes qui s’y trouvent déjà.