UI

Big Data

Créer une web-app interactive en 10min avec Streamlit

Dans un projet de Machine Learning, il y a souvent besoin de visualiser les données sous forme de graphes, que ce soit lors d’une phase exploratoire ou pour montrer les résultats d’une modélisation. Force est de constater qu’intégrer ces graphes à une web-app n’est pas forcément aisé, puisque les outils existants nécessitent pour  la plupart quelques connaissances front-end, Dash par exemple. Et si nous pouvions faire tout ceci en Python, en 10 minutes ? C’est ce que nous allons voir avec Streamlit, une nouvelle librairie…

Lire la suite
UX - Ergonomie

Pattern UI : Vision des couleurs et daltonisme

En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes. Le daltonisme, décrit il y a deux siècles par le physicien anglais John Dalton, est un déficit visuel dont la forme la plus connue se manifeste par une perception déficiente du rouge (protanopie), du vert (deutéranopie) ou plus rarement du bleu (tritanopie). En gros, lorsqu’un daltonien (deuteranope ou tritanope) observe l’infographie sur les couleurs des géants du web, il voit ça : Lorsque la plupart d’entre nous voit ceci :

Lire la suite
UX - Ergonomie

Pattern UI : Positionnement et aspect des boutons d’action

Qui ne s’est jamais « pris le chou » sur le positionnement des boutons au sein d’un formulaire….? Le bouton valider doit-il être placé à droite ou à gauche du bouton annuler? Comment mettre en valeur les actions principales par rapport aux actions secondaires? Comment inciter les utilisateurs à effectuer (pour leur bien) les actions adéquates? Un éternel débat, et pour cause… Êtes vous plutôt habitués à cette organisation visuelle-ci? Ou êtes vous familiers de cette organisation là....?

Lire la suite
Méthode

PATTERN UI : le responsive design, la nouvelle tendance du web

Les nouvelles résolutions apportées par les périphériques portables modernes ont révolutionné les usages du web, que ce soit en termes d'utilisation comme de design. Cela se traduit par de nouvelles contraintes pour les designers et développeurs web. Dorénavant il faut adapter le design des sites et applications pour être compatible sur les nouveaux périphériques (téléphones portables, tablettes).

Lire la suite
Méthode

Pattern UI : Affichage du mot de passe lors de la souscription

Certaines pratiques sont tellement ancrées dans les habitudes qu'on ne se pose plus la question de leur utilité et encore moins de leur impact sur l'expérience utilisateur. Pour proposer une solution optimisée et ergonomiquement satisfaisante, il est indispensable d’examiner chaque fonctionnalité à intégrer, au regard de l'adéquation aux besoins ainsi qu'au contexte d'utilisation. Prenons le cas de l’affichage du mot de passe dans le cas d’une souscription. La coutume veut que le mot de passe soit caché. Que penser de cette solution ?

Lire la suite
UX - Ergonomie

Pattern UI : Principes d’organisation visuelle au sein d’un formulaire

Les formulaires sont les objets les plus représentés dans les sites applicatifs (applications métiers, sites e-commerce, etc…). Tout a été dit sur le sujet et pour cause, on en croise tous les jours. Les utilisateurs continuent pourtant de s’arracher les cheveux dans leurs tâches quotidiennes de saisie de contenu ou encore lors d’un achat en ligne ou la création d’un compte : « je perds du temps », « ahhh, non… j’ai perdu toutes mes données », « je n’arrive pas à valider, les chiffres de l’image sont illisibles… », « pourquoi, me…

Lire la suite
Méthode

De la bonne utilisation des patterns UI

Le recours aux patterns d’ergonomie est devenu une évidence. Le pattern, c’est une solution générique à un type de problème fréquemment rencontré. Depuis toujours, les patterns encadrent notre façon d’appréhender l’ergonomie : c’est la base, le socle, les fondations.

Lire la suite