Focus sur la création d'un design System

•

2 j'aime•779 vues

Talk d'Audrey Hacq, Lead Designer & Design System expert @Idean France Retour de plus d'un an d'expérience sur la mise en place d'un design system pour le Crédit Agricole. Comment mettre en place un design system from scratch et embarquer les équipes ? Comment ensuite le maintenir, le faire évoluer et mesurer son succès ?

Tribu Tribu Tribu Tribu Tribu
Chapitre Expérience Utilisateur
Chapitre IHM
Chapitre Data
Chapitre xx
Contexte - Les tribus et chapitres

Existant - Maturité design
Design ?
Vous avez dit design ?

Existant - Les objectifs
Objectifs principaux
- Évangéliser le design
- Internaliser les savoir-faire
- Industrialiser la production
- Harmoniser l’expérience

Déﬁnir - les critères de réussite
Ce sera une réussite si...

Déﬁnir
Le périmètre
1
2 3
WEB
NATIF
INTERNE

Déﬁnir
Une équipe
multi-proﬁls Design system team
PO/PM Design Dev

Embarquer - Équipes réparties
Équipes réparties

Timing
Inventaire
de l’existant
Embarquer - Les ateliers

Embarquer - Les ateliers
Timing
Perceptuals patterns

Timing
Functional patterns
Embarquer - Les ateliers

Timing
Embarquer - Les ateliers
Priorisation
des composants

Embarquer - Les ateliers
Timing
Trouver le nom
du système

Implémenter
Même composants
Librairies différentes
Librairies
Sketch
Framework
front end

Implémenter - Construction des librairies

Et maintenant ?
Communiquer
sur le système

Et maintenant ?
Accompagner
l’utilisation

Et maintenant ?
Encourager
les contributions

Et maintenant ?
Faire évoluer le système

Et maintenant ?
Mesurer le succès
NBQ - OAV

56
A Design System isn’t a project.
It’s a product, serving products

Bientôt disponible en version française !

Recommandé

Comptoir OCTO Provence - UX Design System

OCTO Technology

DESIGN SYSTEM : DÉVELOPPER UNE MEILLEURE EXPÉRIENCE POUR VOS UTILISATEURS ET VOTRE ÉQUIPE PROJET "Où puis-je trouver le logo sur fond transparent ? A-t-on le droit d’utiliser cette photo ? Quel bleu doit-on choisir ? ”... Si cette musique vous est tristement familière, le moment est sûrement venu pour vous de développer votre Design System. Le Design System est un point de contact unique qui regroupe tous les éléments graphiques et comportementaux d'un projet ou d'une entité. Il permet à l'ensemble des acteurs d'un projet de concevoir ce dernier, le réaliser et le faire évoluer en ayant une base commune. Le Design System vit et évolue constamment au fil des équipes, des produits et des technologies émergentes. Muriel et Quentin, UX Designers chez OCTO Provence, vous présenterons les principaux avantages du Design System. En effet, utiliser des composants réutilisables et modulaires permet de réduire drastiquement les coûts de la maintenance sur le long terme. Au-delà d'une amélioration des coûts et de l'expérience utilisateur, il bénéficie aussi à l'équipe projet. Par Muriel Ecarot & Quentin Bouissou (OCTO Provence)

Figma Paris Event #2- DESIGN SYSTEM avec @Puzzle & @Qonto

Hugo BEN BRAHIM

A design system. A year in review.

James Ferguson

Design System

Charlie Weston

The document describes the JLL Design System, which was created to bring more consistency to JLL's digital products. It includes a set of reusable UI components, guidelines for design and development, and processes for maintaining the system. The design system includes style guidelines, a Sketch component library, documentation on its usage and components, and the underlying code for components built with React. It aims to improve consistency, efficiency, and reduce repetitive work across JLL products. A dedicated team manages the system through maintaining components, handling contribution/enhancement requests, and communicating progress against objectives to adopt the system more widely.

Design System Proposal

Charlie Weston

The document proposes implementing a design system for JLL Products to establish reusable UI components and standards. It recommends the vendor DevBridge based on their experience with design systems, agile delivery approach, and ability to help ensure adoption. DevBridge proposes an initial workflow including evaluating existing components, prioritizing them for the style guide, and validating extensibility before implementing the design system across applications.

Building a Mature Design System

Drew Burdick

Drew has spent the better part of the last two years leading the charge on launching and managing the global design system at AIG. Learn some of the battle-tested tips, tricks, and methods gained during the process including how to: - Manage contribution and intake - Manage “snowflake” vs system components - Support multiple brands with a single system - Track and measure the ROI of your system - Perpetuate buy-in Bio Drew Burdick is a multi-faceted design leader with over a decade of experience. He founded and led a creative agency, led top accounts at Red Ventures, and most recently helped to transform product design at AIG by leading a team to establish their global design system. He is now a leader with the Experience Design practice at Slalom, helping to drive client engagements in the Charlotte market.

Design System & Atomic Design

Vani Jain

Evolving your Design System: People, Product, and Process

uxpin

Recommandé

Comptoir OCTO Provence - UX Design System

OCTO Technology

Figma Paris Event #2- DESIGN SYSTEM avec @Puzzle & @Qonto

Hugo BEN BRAHIM

A design system. A year in review.

James Ferguson

Design System

Charlie Weston

Design System Proposal

Charlie Weston

Building a Mature Design System

Drew Burdick

Design System & Atomic Design

Vani Jain

Evolving your Design System: People, Product, and Process

uxpin

Design system presentation - How to sell it internally

Eugene Kardash

Uxpin Why Build a Design System

Lewis Lin 🦊

This document discusses why product teams should build design systems. It notes that as product teams grow, inconsistencies can emerge across products without standardized processes. A design system creates a single source of truth for visual assets and interactions. It allows for more efficient development, faster iteration, and increased product consistency. The document provides recommendations for creating a design system, such as defining design principles, unifying visual design, and creating an interactive component library. It also lists additional resources on design systems.

Design System 101

Mayank Dhawan

The SlideShare presentation consists of the summary of the Design System 101 Workshop, as presented by UX Gorilla with Mayank Dhawan. Link of the event: https://bit.ly/2RwN4RF The workshop took place on December 01, 2018 at 91springboard, Jhandewalan Extension, New Delhi. This event was for designers, developers or members of the product team to help them with a clear understanding and give them useful ideas to make better decisions, help their teams to save time so that they can do things they would enjoy.

Design Systems: Enterprise UX Evolution

Anne Grundhoefer

A design system is a framework of practices that bring designers and products together. It is a platform to identify, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy. The role of design with enterprise organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale, paired with the array of devices, browsers, screen sizes, locales, and environments, makes it increasingly challenging to align designers and developers to deliver cohesive user experiences. In this talk, I’ll discuss the lessons learned, the challenges faced, and best practices for creating and maintaining an effective interface design system.

『自走プログラマー』が我々に必要だった理由

Takayuki Shimizukawa

BPStudy#150〜自走プログラマーとはなにか https://bpstudy.connpass.com/event/166409/ 書籍『自走プログラマー』は「プログラミング入門者が中級者にランクアップ」するのに必要な知識をお伝えする本です。実際の現場で起こった具体的な問題に対する120のベストプラクティスを紹介します。この本の企画のきっかけと、執筆によって起きた効果を紹介します。

Webinaire design Thinking

Mustapha BOUBEKRI, MBA, PMP, PMI-ACP

DesignOps 101

Macy Fontaine

Iocコンテナについて

Akio Terayama

Design Systems at Scale

Sarah Federman

A design system can vastly improve your team's productivity, but most of all, it leads to better products! The challenge lies in creating a mature system and leading its adoption across the company successfully. Let's talk about how we learned to meet the needs of different designers and developers on different products, on different tech stacks, on different platforms. Attendees will go home with tips they can use to improve design systems of any stage.

Building a Design System: A Practitioner's Case Study

uxpin

Design Systems (english) #UXcamHH

Benno Lœwenberg

UI design becomes increasingly important for products and services. Influencing their users' expierence. UX itself determines the value of digital offerings and is their key differentiator. But "historically grown" incoherent interfaces deteriorate value and brand of products and services. This talk is about design systems, that help to avoid (or overcome) design dept and to enable scaling UX across platforms, products and devices. Modularity and standardisation of repeatedly used aspects helps speeding up processes and increasing business value. Design systems help making user experience tangible to teams and brand values actionable.

#Organisation Produit : Quelle est l'organisation Produit au sein de Vente Pr...

Focus sur la création d'un design System

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Focus sur la création d'un design System

Similaire à Focus sur la création d'un design System (20)

Plus de Thiga

Plus de Thiga (20)

Dernier

Dernier (7)

Focus sur la création d'un design System