Toutes les semaines nous vous proposons un petit récapitulatif des meilleurs articles et nouveautés UX / UI de la semaine. Des articles, des librairies UI, la sortie d’un logiciel qui changera votre façon de travailler, des kits UI… Tout ce qu’il fallait savoir dans le monde de l’Expérience Utilisateur cette semaine est ici.

 

UIDB

uidb

UIDB est une librairie UI où l’on retrouve tous les éléments d’un site web. C’est un projet participatif où chacun peut télécharger des exemples inspirants. Récemment le site a annoncé qu’il allait implémenter les requêtes des utilisateurs: Il suffit pour cela de faire sa demande personnalisée et quand UIDB a atteint les 20 exemples différents à vous montrer il vous envoie un petit email. Pour l’instant la librairie n’est pas très fournie (217 exemples à l’heure où nous publions cet article) mais si la base de donnée augmente rapidement, ce sera vraiment une ressource intéressante. Alors allez-y, téléchargez, téléchargez!

 

Adobe XD (Poject Comet)

XD

Le projet Comet d’Adobe devient Adobe XD. Voilà un concurrent sérieux pour Sketch qui avait jusque ici une petite hégémonie en matière de solution de création d’interfaces et de prototyping. Pour l’instant Adobe XD est encore en rodage. On déplore l’absence de calques qui est perturbante. Mais l’interface est plaisante et l’évolution s’avère prometteuse. Pour l’instant Sketch et ses nombreuses extensions comme Zeplin qui permet d’exporter tous ces assets et code CSS en un clic devraient garder une longueur d’avance. Mais pour combien de temps face au rouleau compresseur Adobe? A vous de juger. Quelques vidéos en anglais aident à la prise en main d’ XD ici. Et à propos d’anglais sachez que pour installer XD il vous faudra passer Adobe CC en anglais. En effet n’étant disponible que dans la langue de Kerouac pour l’instant, XD n’apparaitra pas dans votre Creative Cloud si vous l’utilisez en français par exemple.

UIOHMY

uiohmy

UIOHMY est une autre librairie UI un peu plus fournie qu’UIDB. Sa particularité est de comparer côte à côte les écrans d’applications IOS et Androïd. C’est également une bonne source d’inspiration et vous pouvez également participer en téléchargeant vos exemples (lien de téléchargement dans le footer). Alors encore une fois allez-y! 

 

50 User Experience Best practices

uxbestpractices

On remonte un peu le temps avec cet ebook qui date de 2012 mais qui est toujours d’actualité sur plusieurs sujets. Above the Fold était une agence spécialisée en UX Design aujourd’hui disparue, ils sont les auteurs de User Experience Best Practices. C’est une bonne lecture pour les débutants notamment. Il y est question de recherche utilisateur, de design UI, de stratégie de contenu ou bien encore d’intégration HTML / CSS. Bonne lecture!

 

Les principes du design d’App mobile par Google

principes_google

Jenny Glove, en charge de la recherche UX chez Google nous emmène ici à la découverte de 25 principes utiles pour construire une application qui permet aux utilisateurs d’accomplir ce qu’il cherche à faire. Elle explore notamment la question de la navigation, des formulaires, de l’utilisabilité, de la conversion et bien d’autres.

 

UIgarage

librairie_UI

 

UIgarage est une autre librairie UI. On peut faire ses recherches par mots-clés et la liste d’éléments disponibles est bien fournie. On peut également trier les résultats par IOS, Android, web, mac. Il ne semble pas que l’on puisse contribuer pour le moment  et ça se sent un peu lors d’une recherche spécifique où le nombre de résultat est parfois un peu limité. Une bonne source néanmoins qu’on espère voir évoluer.

 

Le problème avec le design chez Apple

Apple

Un long et très intéressant article décrivant comment Apple a renoncé à ses principes de design du début. Selon l’auteur la beauté à prix le pas sur l’utilisabilté. Et l’avènement du mobile semble y avoir contribué à un tel point qu’un certain nombre d’utilisateur Apple se sentirait bête en utilisant ces produits. L’article cite de nombreux exemple tel que la lisibilité du texte ou l’abandon de la commande qui permettait de revenir en arrière en cas d’erreur, commande qui donnait à l’utilisateur la liberté d’essayer de nouvelles actions. Tout cela en faveur du beau au détriment du fonctionnel.

 

Tests Utilisateurs & Visualisation de données

test_utilisateur

Une infographie de Dataveyes qui explique l’importance, les étapes et les bonnes pratiques des tests utilisateurs . Les quatre étapes que sont la rédaction d’un protocole, la réalisation d’un prototype, la réalisation du test et l’analyse des résultats sont expliquées par des illustrations. Une bonne façon de comprendre comment améliorer nos interfaces pour une utilisabilité optimale.

 

Premières impressions avec Adobe XD

xd_impression

Maintenant que vous avez installé Adobe XD, voici un article qui parle des premières impressions au contact du logiciel. De la facilité de créer des artboards, à la présence de répétition de grille, fonctionnalité qui fait gagner du temps et participe à la création d’interface propre. Il décrit quelques petits problèmes avec la création et modification de masque ou l’exportation limitée et bien d’autres remarques pertinentes.

 

 

« Êtes-vous sûr? » Le pop up résultant d’une mauvaise conception UX

popup

Cet article parle des popup qui apparaissent lors de certaines actions comme l’abandon lors de la complétion d’un formulaire. Hors comme l’auteur le souligne il n’est jamais agréable de voir ses décisions remisent en compte en tant qu’utilisateur. La solution à ces popup existe pourtant depuis 1974, celle de permettre à l’utilisateur de revenir en arrière s’il jugeait à postériori avoir fait une erreur. Mais cette solution demande une ingénierie plus lourde. Ce qui n’est pas une excuse.

 

Voilà, c’est fini pour cette semaine, je vous dis à la semaine prochaine pour de nouvelles news UX. En attendant n’hésitez pas à laisser un commentaire. Nous apprécions toujours vos retours, remarques, demandes. Et pour ne rien manquer, rendez-vous dans le footer pour vous inscrire à la newsletter hebdomadaire.

 

Laisser un commentaire