Un exemple d'implémentation du drag and drop (via React dans ce cas) où toutes les questions liées à l'UX ont bien été posées. On se rend bien compte qu'un truc qui semble banal ne l'est en fait pas du tout. Ils ont même rendu l'utilisation possible au clavier (accessibilité). Chapeau !
Voici une démo si vous voulez vous en rendre compte par vous-même.
Via https://mastodon.social/users/stephaniewalter/updates/4164930
tl;dr
Créer le slider parfait.
Les animations ne doivent pas être laissées au hasard.
Prévoir de l'espace dans un design est essentiel ! Voilà de quoi répondre si on vous demande pourquoi.
Tout à fait d'accord avec l'article.
Autant j'aime beaucoup Material Design, autant je déteste ces floating labels.
Plein de bons conseils sur les choses à faire et à ne pas faire dans un formulaire d'inscription.
Todo : imprimer ça taille poster.
La solution mise en place par Amazon est assez bluffante de pertinence et d'efficacité. Et loin d'être simple, techniquement parlant.
Despite having vertical menu items of very low height, Amazon solves the issue of accidentally activating sibling categories by using a mouse path analysis, that adds an extra-long hover delay if the user moves in a direct line toward any of the sub-categories of the expanded drop-down menu — we’ve here marked the mouse path that triggers the extra hover delay in red.
J'aime quand des gens poussent à ce point les problématiques de User Experience.
Une très saine lecture remplie de conseils et d'astuces pour gérer l'attente de l'utilisateur lors d'un temps de chargement.
Plein d'idées intéressantes pour une interface de recherche élégante.
Une saine lecture non dénuée d'humour :)
Une chouette animation pour le menu hamburger.
Un bon gros paquet de raison de ne pas utiliser les placeholders.
Je dirais que ça dépend des cas mais effectivement, dans un souci d'utilisabilité, il vaut mieux restreindre leur utilisation au maximum.
Un article passionnant sur le design optimiste (optimistic UI design).
En gros, c'est ce qu'il se passe quand vous likez quelque chose sur Facebook. Le résultat de votre action apparaît immédiatement, même si la requête correspondante n'a en fait pas encore été reçue par le serveur. Ça offre une impression de réactivité indéniable. Ce type de design table sur le fait que 97 à 99% des requête seront de toute façon réussies.
Ça ne peut bien sûr pas s'appliquer à tout sans réfléchir mais c'est une approche intéressante.
Encore des bons conseils pour valider vos formulaire efficacement tout en aidant l'utilisateur.
Des alternatives aux placeholders. Finalement ça devient presque difficile de les utiliser de manière pertinente.
Un article très intéressant à propos de la gestion de l'espace lors du design d'une page web. On y pense malheureusement souvent assez peu mais ça peut avoir un impact capital sur la lisibilité et sur le ressenti de l'utilisateur.
D'autres bonnes pratiques pour les formulaires d'inscription.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/
Vers une meilleur gestion des erreurs.
Via https://blog.stephaniewalter.fr/semaine-pixels-23-septembre-2016/