On me demande très régulièrement quel est mon parcours, ou quelles sont les formations que je conseille pour être front-end, UI Designer ou UX Designer. C’est une question difficile pour moi, je peux difficilement y répondre et vous allez comprendre pourquoi en lisant cet article auto-biographie (pro) en lecture x10.

De plus en plus de personnes travaillent depuis chez elles, encore plus en ces périodes de confinement répétées. L’installation chez soi d’un espace de travail approprié commence par un bon bureau et une chaise adaptée à votre morphologie, mais un bon éclairage fait aussi toute la différence sur votre fatigue et l’ambiance de vos conférences.

Vous connaissez peut-être déjà Ahmad pour tous ses partages sur la toile au sein de la communauté Web. Il a publié un livre sur le débogage des CSS qui aidera les débutants mais aussi les développeurs plus avancés à découvrir et à résoudre nombre de bugs, Le tout dans un livre numérique bien illustré et structuré.

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 !