Nicolas Gut

lundi 8 avril 2019

Standardiser le jargon UI

CultureIHM UI UX – # # # # # #

Avec la popularisation du design d’Interface Utilisateur et l’augmentation de l’intérêt porté à celle-ci, il devient impératif de standardiser le vocabulaire qui lui est associé. Ne serait-ce que pour s’assurer que tout ce petit monde se comprend et que le travail collectif ne tourne pas irrémédiablement au dialogue de sourds. Situation que, je vais être honnête, constate très, trop, fréquemment.
UX Collective se penche sur l’exercice, entre index et méthodologie.

Lire User interface ontology — UI jargon.

jeudi 14 mars 2019

Interface claire ou sombre ? Comment choisir le bon champs colorimétrique de l’UI

IHM UI UX – # # # #

Notre vie quotidienne est un flot continu de choix. Aussi bien dans la vie personnelle que professionnelle, nous devons considérer un nombre important de challenges et il est préférable que les solutions à apporter ne se basent pas seulement sur une intuition, mais aussi sur des faits, de l’expérience et du savoir. Le choix du champs colorimétrique d’une interface utilisateur fait partie de ces réflexions systématiques, projet par projet. Une très bonne raison pour s’y intéresser de près.

A lire sur UX Planet

vendredi 21 décembre 2018

Créer un Design System en 5 étapes

IHM UI UX – # # # # # # # # #

Si vous ne savez pas ce qu’est un design system, Usabilis en propose une définition complète et pertinente :

Les définitions du Design system englobent souvent les mots bibliothèque (library), lignes directrices (guidelines), styleguide et langage visuel (visual language). En fait, le Design system comprend tous ces aspects. Le Design system regroupe ce que nous appelions auparavant la charte ergonomique et la charte graphique. C’est une bibliothèque de référence et un guide pour designer et développer une application métier, un site e-commerce ou toute autre forme de produit ou service digital. Les équipes techniques et design peuvent ainsi piocher des composants prêts à être utilisés et écrits dans un langage commun. Le contenu du Design system dépend de l’identité de l’entreprise et de son écosystème digital. Toutefois, les éléments suivants y figurent généralement :
– Composants UI et patterns
– Principes visuels autour de la typographie
– Palettes des couleurs et règles associées
– Iconographie et imagerie
– Grilles pour structurer les éléments, espaces, etc. (Grid layout)
– Principes de communication de la marque (langage, ton…)
– Éléments réutilisables de l’interface utilisateur (UI)

Maintenant que la notion est claire, comment créer son design system ?
En 5 étapes, avec, de préférence, un outil comme Sketch.
1. Passer en revue son site ou son application et faire une liste d’éléments
2. Organiser en pages
3. Créer des styles de calques et des styles typographiques
4. Créer les symboles et les composants
5. Mettre à jour continuellement le design system

Trouver les détails sur Beyond 360

mardi 19 juin 2018

Comment utiliser les animations dans les interfaces d’applications mobiles

IHM UI UX – # # # #

En UX design, les animations des interfaces d’applications sont l’objet d’innombrables recherches créatives tout comme de débats endiablés. Penchons-nous sur la façon d’utiliser les animations dans le design d’applications mobiles dans le but d’assurer une expérience utilisateur positive et une interaction agréable.

A lire sur UX Planet

mardi 20 février 2018

7 points simples d’amélioration du design d’interface

IHM UI UX – # # # # #

Le titre est volontairement provocateur mais le contenu n’en est pas moins vrai et efficace.
Améliorer simplement et efficacement le design d’une interface en respectant 7 règles quasiment évidentes.
1. Utiliser la couleur et le poids de la typo plutôt que la taille pour hiérarchiser le contenu.
2. Ne pas utiliser du texte gris sur des fonds colorés.
3. Excentrer les ombres.
4. Limiter le nombre de bordures.
5. Ne pas afficher en grand des visuels prévus pour être petits.
6. Utiliser une bordure contrastée pour coloriser une design fade.
7. Tous les boutons n’ont pas besoin de bordure et de fond.

Parcourir en détail sur Refactoring UI

lundi 6 juin 2016

Redécouvrir – VSCO [Visual Supply Company]

Applications – # # # #

VSCO® is an art and technology company empowering people everywhere to create, discover, and connect. Our goal is to honor art and artist while fueling a worldwide creative movement through innovative tools and experimental projects.

3 applications aux interfaces épurées autour de la photographie, à redécouvrir.

VSCO (voir aussi pour Android)
Artifact Uprising
DSCO