UI

UX - Ergonomie

Le Comptoir du 24/01 – Repenser la simulation du réseau électrique (retour d’expérience sur la refonte d’une application métier pour RTE)

Lundi 24 janvier 2022, Paris - Lors du dernier épisode du Comptoir, nous avons reçu Michaël Théodore (Product Owner, Rte), pour revenir ensemble sur sa collaboration avec Octo Technology pour la refonte de Convergence, principal outil de simulation du réseau de Rte.Dans cet article, on présentera comment la méthode UX Design s'insère dans un projet d’interface métier complexe, le tout dans un contexte de pandémie donc en full remote. Objectif et Challenge Bien que l’objectif initial du projet est de passer d’une application client lourd…

Lire la suite
Bonne pratique

La recette graphique pas à pas

Les justifications : DOs & DONTs

Introduction  « Mon UI n’est pas là, comment je fais pour la recette graphique, les tickets sont bloqués ! » « Je dois regarder quoi exactement pour faire une recette graphique ? » « Et si mon site est responsive, je fais la recette comment ? » « On fait quel gâteau avec une recette graphique ? » Ces réflexions vous semblent familières ? Alors la suite devrait vous intéresser. Au menu, on vous explique pourquoi la recette graphique est une étape incontournable dans le développement d’un produit et…

Lire la suite
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
Archi & Techno

Android Themes & styles, a real architecture

In modern Android development, there is a huge rise of advanced architectures like MVP, MVVM or Clean Architecture, crazy libraries like RxJava or Dagger and even new languages like Kotlin. But on most projects, theme and styles are still written in an oldschool way with no consideration on how to architecture them. But these XML are part of your code base and you should show them the same love you show to your Java Code.

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