Postes

• 

  Calculateur de taille de composants selon le contexte d'utilisation. (Mobile - Pupitre - Desktop)

  • Product design
  • Outils
  • #composants
  • #tableaux
  • #uidesign
  • #calculateur

  

  Belle idée de l'agence Use.design qui à créé un simulateur sur la taille optimale des champs, lignes de tableaux et des boutons selon la distance d'utilisation et la taille de l'écran. https://www.use.design/calculateur-taille-composant-design-ui

  (lire la suite)

  Alexis Gérôme · Staff UX researcher · il y a 7 mois

  • 💪 5 merci! Utile
  • 💔 0 Pas utile
  • 🤔 0 Pas sûr
• 

  Guide sur l'UX des screen readers et comment le documenter.

  • Accessibilité
  • Ressources
  • #screenreader
  • #guide
  • #gratuit
  • #anglais
  • #composants

  

  Superbe ressource de la BBC, sur la partie non visible de l'expérience qui vous explique pas à pas comment faire pour documenter l'accessibilité de vos composants et écrans. https://bbc.github.io/accessibility-news-and-you/guides/screen-reader-ux.html

  (lire la suite)

  Marie-Anne Chaloupecky · il y a 1 an

  • 💪 7 merci! Utile
  • 💔 0 Pas utile
  • 🤔 0 Pas sûr
• 

  Libraire de 30+ composants avec des liens aux design systems

  • Product design
  • Ressources
  • #composants
  • #designsystem

  

  Super petit projet qui répertorie des composants avec par ex: Badge Avatar Accordeon Le plus ? Ces composants sont liés à des design systems existants. https://component.gallery/components/

  (lire la suite)

  Alexis Gérôme · Staff UX researcher · il y a 1 an

  • 💪 0 merci! Utile
  • 💔 0 Pas utile
  • 🤔 0 Pas sûr
• 

  Astuce pour les composants et variants Figma

  • Product design
  • Ressources
  • #figma
  • #astuce
  • #composants
  • #variants

  

  Repost de Linkedin ------------------------------- 🧑‍🏫 TIPS Figma 🧑‍🏫 ➡ Variants & Composants Hello à tous ! En UX / UI on est super feignant 😇 (mais dans le bon sens du terme) en vrai on a bcp de boulot et peu de temps ⏱ donc on travail beaucoup en composants ! @Figma dans son extreme bienveillance 😍 concernant notre charge de travail et nos heures de sommeil 🤪 😴 a optimisé ça au maximum !  Mais on peut encore plus optimiser ça surtout lorsque l’on commence à avoir des design system assez lourd.  La bonne pratique que j’aborde aujourd’hui concerne l’utilisation de composants de bases et de variants  Exemple :  Un bouton qui aurait de nombreux de variants On va tout d'abord créer un composant principal qui sera notre bouton avec le pack full option ( toutes les possibilités activées)
  Ensuite on va créer un bloc de variants de ce bouton principal  Ce qui permettra de modifier si besoin ( la forme la taille etc) de votre « main component » qui mettra à jour tous les variants qui y sont liés
  NB : Utilisez un .ou _ pour empêcher leur publication dans les lib sachant qu’il ne doivent pas être utilisé  Partagé par Thomas sur Linkedin

  (lire la suite)

  Alexis Gérôme · Staff UX researcher · il y a 2 ans

  • 💪 0 merci! Utile
  • 💔 0 Pas utile
  • 🤔 0 Pas sûr
• 

  Bien concevoir ses composants

  • Product design
  • Ressources
  • #designsystem
  • #composants
  • #article

  

  Voici un nouvel article que j'ai vu passer de Stéphanie Walter qui nous montre ses coulisses de comment elle crée ses composants et pose les bases d'un design system. Pour moi qui suis researcher c'est super intéressant :) https://stephaniewalter.design/fr/blog/bien-concevoir-ses-composants-les-bases-dun-design-system-evolutif/

  (lire la suite)

  Alexis Gérôme · Staff UX researcher · il y a 3 ans

  • 💪 1 merci! Utile
  • 💔 0 Pas utile
  • 🤔 0 Pas sûr

Commentaires