Cette page référence les modifications et ajouts dans la charte UX design 89C3. 

Légende : 

  • Ajout
  • Suppression
  • Mise à jour, correction
  • Modification majeure

A venir

  • Composant métier : Pagination
  • Avis utilisateurs
  • Page Mode sombre
  • Bibliothèque illustrations 1.0.0-alpha - VectorDrawable - les variables pour les illustrations: background, surface, grey (#999), BC1
  • ‎Spécifications page Promotion des applications : Vidéos dans l'App Store
  • Pictogrammes blanc : VectorDrawable
  • Thème sombre : composant (Boutons toggles, Barre de menu)
  • Composant métiers : Navigation arborescente
  • Pictogrammes : video, fax out et in, visio out et in
  • Passage des gabarits XS en 375 (Base IPHONE SE NEW)
  • Spéc : titre de catégorie d'accordéon
  • Passage de la librairie sur Sketch Teams
  • Famille des Gélules “Actions contextuelles”. L’objectif sera de remplacer : - Boutons gélules et Contrôles de sélection / Filtres
  • Icônes 6.5.0 : image, serveur, boite, calques, éditer, bouclier, parapluie, document
  • Librairie assets pictogrammes pour les développeurs RWD
  • Refonte du processus de mise à disposition des icones pour les développeurs
  • Espace contribution portail commerciaux (modèles de page)
  • Design émotionel (Animations)
  • Espace outils conseillers et collaborateurs
  • Composant "Solde"
  • Composant "Maxibulle"
  • Composant "Arborescence"

Septembre 2020

Juin 2020

Mai 2020

Avril 2020

Mars 2020

  • 31/03/20 - Curseurs de sélection V2
  • 31/03/20 - Pictogrammes 5.8.2
  • 31/03/20 - Icônes 4.2.0 disponible (Nouveau : media_duration, media_pause, media_play)
  • 30/03/20 - Mise à jour page Illustrations : Inspirations & exemples
  • 30/03/20 - Mise à jour de composant dans la librairie Sketch : Bouton Tertiaire avec icône
  • 25/03/20 - Navigateurs supportés V3
  • 25/03/20 - Exemples illustrations
  • 25/03/20 - Pictogrammes 5.8.1
  • 24/03/20 - Promotions des applications
  • 24/03/20 - Logo 89C3-small
  • 23/03/20 - Boutons d'action flottants V2 (Code HTML / CSS)
  • 18/03/20 - Pictogrammes 5.8.0 (BPCE)
  • 18/03/20 - Nouveau logo 89C3
  • 18/03/20 - BPCE (couleurs, logos et pictogrammes)
  • 18/03/20 - Illustrations animés
  • 17/03/20 - Pictogrammes 5.7.1
  • 17/03/20 - Pages d’erreurs V3
  • 16/03/20 - Les versions PDF des pictos sont disponibles sur Dropbox - 5.7.0
  • 11/03/20 - Boite d’information (code HTML / CSS)
  • 11/03/20 - Etiquette statut (code HTML / CSS)
  • 06/03/20 - Accordéon (code HTML / CSS)
  • 05/03/20 - Pictogrammes 5.7.0 (modification de document/internet)
  • 02/03/20 - Pictogrammes 5.5.0

Février 2020

  • 06/02/20 - Icônes 4.0.1 disponible (nouveau : traits plus épais)
  • 06/02/20 - Pictogrammes 5.4.2

Janvier 2020

  • 30/01/20 - Pictogrammes 5.4.2
  • 28/01/20 - Boite d'information avec lien ou action
  • 24/01/20 - Télécharger les logos
  • 24/01/20 - Couleurs additionnelles (BETA)
  • 23/01/20 - Pictogrammes 5.4.1 (Nouveau picto (!) picto_objet_exclamation. + point plus gros pour (?)
  • 21/01/20 - Barre de menu
  • 17/01/20 - Pictogrammes en blanc
  • 17/01/20 - Visualisation de données (BETA) : Couleurs des visualisations
  • 17/01/20 - Visualisation de données (BETA) : Types de visualisation
  • 17/01/20 - Visualisation de données (BETA) : Fondamentaux sur les visualisations
  • 13/01/20 - Portails commerciaux : couleurs Banque Populaire
  • 13/01/20 - Portails commerciaux : Typographie – Spécificités
  • 10/01/20 - Crédit Foncier

Décembre 2019

  • 20/12/19 - Promotion des applications
  • 17/12/19 - Nouvelles couleurs 89C3
  • 17/12/19 - Pictogrammes 5.2.1 (nouveau : infobox/exclamation et modification : infobox/information)
  • 13/12/19 - Pictogrammes 5.1.3 (suppression picto_loader_ok- picto_loader_fail)
  • 11/12/19 - Bouton d’action flottant v2 (nouveau picto état fermé)
  • 10/12/19 - Filtres avancés
  • 10/12/19 - Filtres (suppression filtres avancés)
  • 10/12/19 - Animations de chargement - Ressources à télécharger : picto_loader_ok- picto_loader_fail)
  • 10/12/19 - Pictogrammes 5.1.2 (passage des tracés en "fill")

Novembre 2019

  • 14/11/19 - Mise à jour de la page "Fin de parcours" (v2) des Souscriptions digitales
  • 14/11/19 - Ajout du gabarit "Interstitiel"

Octobre 2019

  • 30/10/19 - Cellules d'actions v2
  • 29/10/19 - Interactions transverses : [NATIF] passage de l'overlay noir à 10% sur fond en BC1
  • 24/10/19 - Pictogrammes 3.25.0. disponible (quelque modifications, suppression des fonds blancs...)
  • 23/10/19 - Catégories de transactions : Pictogrammes 4.4.0 disponible
  • 23/10/19 - Catégories de transactions : Sous-catégories
  • 17/10/19 - Pictogrammes 3.24.1 disponible (Nouvelles couleurs Banque Populaire)
  • 13/10/19 - Headers V2 : Ajout des démos Vanilla HTML
  • 11/10/19 - Nouvelles couleurs Banque Populaire
  • 08/10/19 - Composants / boite d'information : Correction d'une erreur de couleur sur la spec UI
  • 04/10/19 - Icônes 3.15.1 disponible (Nouveau : Copy)

Septembre 2019

  • 25/09/19 - Icônes 3.14.0. disponible (Nouveau : Exchange)
  • 25/09/19 - Pictogrammes 3.24.0. disponible
  • 24/09/19 - Catégories de transactions : Pictogrammes 4.1.0 disponible
  • 24/09/19 - Catégories de transactions : Sous-catégories
  • 10/09/19 - Fondamentaux / typographie : ajout du "lien texte"
  • 11/09/19 - Composants / Tuiles V2
  • 10/09/19 - Composants / Champs de saisie : Mise à jour des références couleurs
  • 05/09/19 - Composants / Barre d'étape : Corrections de références couleurs dans les specifications UI

Août 2019

  • 30/08/19 - Mise à jour des exemples d'erreurs localisées
  • 29/08/19 - Espaces clients / Arborescence : Mise à jour (v1.5)
  • 28/08/19 - Icônes 3.13.0 disponible (Nouveau : icon_warning et icon_error)
  • 28/08/19 - Pictos 3.22.0 disponible (modifications : script de génération des VectorDrawable @color/bc1 == ?colorSecondary @color/bc2 == ?colorSecondaryVariant et le picto_service_pharmacie
  • 25/08/19 - Ajout des références HTML/CSS pour les typos. Modification mineure d'interletrage.
  • 09/08/19 - Nouvelle version de la librairie (v2.0.4) : Composant "Infobox"
  • 07/08/19 - Souscriptions digitales : Anatomie d'une page de parcours
  • 05/08/19 - Composant Bandeau d'acceptation des cookies

Juillet 2019

  • 30/07/19 - Composant Boite d'information (infobox)
  • 24/07/19 - Espaces clients : Mise à jour de l'arborescence
  • 24/07/19 - Espaces clients / principes de navigations : Modifications mineures sur les intégrations avec les portails commerciaux et producteurs
  • 22/07/19 - Composant Fil d'Ariane
  • 22/07/19 - Persona pour tests utilisateurs et creation des maquettes : Camille Valois
  • 18/07/19 - La version 3.19.1 des pictos est disponible sur dropbox. (email enveloppe ouverte proposition, etude dossier)
  • 12/07/19 - Fondamentaux / Interactions transverses / Comportement "focus" (Lié à l'accessibilité)
  • 11/07/19 - Nouvelle version de la librairie (v2.0.3) Pagination : Progress indicator > Pagin
  • 08/07/19 - Composant Bouton d'Action Flottant V2
  • 08/07/19 - La version 3.17.0 des pictos est disponible sur dropbox. (dégâts des eaux, bien endommagé, tempête, gel, Je ne sais pas?)
  • 08/07/19 - La version 3.11.0 des icons est disponible sur dropbox.
  • 05/07/19 - Pictogrammes : la version 3.16.1 est disponible. (Modification : pictos Locataire et propriétaires)
  • 05/07/19 - Composant footer V2
  • 04/07/19 - Composant pagination

Juin 2019

  • 24/06/19 - Modification des liens vers les sous-Librairies d'icônes et d'illustrations
  • 23/06/19 - Ajout d'un numéro de version pour la Librairie 89c3
  • 13/06/19 - Références couleurs pour le développement
  • 12/06/19 - Pictogrammes : la nouvelle version 3.15.0 avec les pictogrammes Banque Platine, Banque Dupuy de Parseva et Banque Marze
  • 12/06/19 - Deux nouvelles banques : Banque Dupuy de Parseva / Banque Marze
  • 11/06/19 - Signaler une erreur, demander des précisions > Formulaire en ligne
  • 06/06/19 - Pictogrammes Santé - la nouvelle version 3.13.0 avec les pictogrammes santé
  • 06/06/19 - Navigateurs supportés V2 - Ajout d'un lien vers la liste exhaustive des navigateurs (Pour le DEV)

Mai 2019

  • 29/05/19 - Les nouvelles icônes : filtre/bulle/molecule/plus/moins sont disponibles. Version 3.10.0
  • 24/05/19 - Ajout de la marque Banque Palatine
  • 23/05/19 - Le nouveau picto infobox/conseiller est disponible. Version 3.12.0
  • 22/05/19 - Navigateurs supportés V2
  • 21/05/19 - Modales et boites de dialogues : Ajout de l'exception "action sheet" natif.
  • 20/05/19 - Catégories de transactions > Couleurs et icônes > Sous-catégories
  • 16/05/19 - Les nouveaux picots sont disponibles sur dropbox et en ligne. Version 3.11.0 (edited)
  • 10/05/19 - Modales et Boite de dialogue
  • 06/05/19 - Tuiles : Marges intérieures 16px

Avril 2019

  • 17/04/19 - notes accessibilité : Onglets, Cellules d’actions, Champ de recherche, Champs de saisie, Curseur, Filtres, Tableaux
  • 17/04/19 - Accessibilité (Note pour le choix des couleur) : Couleurs des catégories de transactions
  • 05/04/19 - Une nouvelle version de la font icon est disponible sur Dropbox - 3.5.1 - nouvelles icônes " list " et "grid"
  • 05/04/19 - Pictogrammes Version 3.10.2 : disponible sur Dropbox et dans l'espace "Ressources à télécharger" > nouveauté : Pictogrammes Natixis
  • 02/04/19 - Nouveau composant : Bouton gélule

Mars 2019

  • 28/03/19 - Accessibilité > Menu déroulant
  • 28/03/19 - Accessibilité > Infobulle
  • 28/03/19 - Accessibilité > Modales et boites de dialogue
  • 28/03/19 - Accessibilité > Cases à cocher
  • 28/03/19 - Accessibilité > Listes de boutons radio
  • 28/03/19 - Accessibilité > Accordéon : Les spécifications pour la navigation au clavier et les guides pour le développement Web RWD sont disponibles sur la Notice AcceDe Web correspondante.
  • 26/03/19 - Pages d’erreurs V2
  • 21/03/19 - Pictogrammes Version 3.8.1 : nouveautés & mises à jour (carte bancaire, loupe)
  • 20/03/19 - Modification : boite de dialogue sur une modale standard.
  • 18/03/19 - Principes de conception / accessibilité
  • 13/03/19 - Pictogrammes Version 3.5.0 : disponible sur Dropbox et dans l'espace "Ressources à télécharger" > Pictogrammes (modifications : picto_infobox_alerte / picto_infobox_check
  • 12/03/19 - Une nouvelle version de la font icon est disponible sur Dropbox - 3.4.1 - nouvelle icône « delete ».

Février 2019

  • 21/02/19 - Champs de saisie "erreur" et "warning" couleurs génériques - nuancier couleurs simplifié
  • 20/02/19 - Couleurs et logos > Ajout de Natixis
  • 13/02/19 - Librairie sketch 89C3 V1 > Archivée
  • 14/02/19 - Charte édito - Règles Typographiques > Formatage des montants
  • 13/02/19 - Couleurs génériques - Nuancier couleurs simplifié
  • 12/02/19 - Animations de chargement - Spécifications UI : Animation du cercle de chargement
  • 12/02/19 - Navigateurs supportés > Ajout de Samsung Browser 8.2
  • 11/02/19 - Modales et boites de dialogue V2
  • 06/02/19 - Animation de chargement avec pourcentage
  • 4/02/19 - Pictogrammes Version 3.4.2

Janvier 2019

  • 31/01/19 - Page Navigateurs supportés déplacé dans la rubrique principes transverses de conception
  • 30/01/19 - Composants / Headers V2
  • 30/01/19 - Tunnels de souscription / Headers > Composant déprécié
  • 29/01/19 - Charte édito / Numéros de téléphones
  • 29/01/19 - Tuiles
  • 23/01/19 - Icon font 89C3 : 2 nouvelles icônes (money out & money in). Télécharger la librairie Version 3.2.1
  • 22/01/19 - Composant "barre de progression" déplacé dans la page "barre d'étapes"
  • 22/01/19 - Pictogrammes : librairie > Version 3.4
  • 22/01/19 - 13 nouvelles pictos. (appartement, assurance niveau 1 2 et 3, mobile home, autre bâtiment, bien non occupé, résidence secondaire, chambre, courrier, propriétaire, locataire, occupants à titre gratuit)
  • 22/01/19 - Outils (les principaux outils utilisés, nomenclature et organisation des livrables)
  • 22/01/19 - Workflow Design – Dev
  • 16/01/19 - Catégories de transactions - Nouvelles couleurs : Shopping et services / Epargne / Loisirs & Vacances / Santé
  • 16/01/19 - Librairie de composants Sketch V1 > Dépréciée
  • 14/01/19 - ressources à télécharger : Illustrations
  • 14/01/19 - Illustrations
  • 11/01/19 - Pictogrammes : MAJ librairie > Version 3.3
  • 09/01/19 - Icones : MAJ librairie > Version 3.1

Décembre 2018

  • 20/12/18 - Crédit Coopératif - Couleur BC1 #C8102E Couleur BC2 #EA7F49 (Orange)
  • 19/12/18 - Interactions transverses : Références couleurs pour le développement
  • 18/12/18 - Charte éditoriale
  • 17/12/18 - Gabarits / La page des gabarits devient transverse
  • 17/12/18 - Espaces clients / référentiel couleurs des banques
  • 17/12/18 - Librairies d'icones et de pictogrammes V3.x
  • 11/12/18 - Nouvelle sémantique icones.
  • 10/12/18 - Espaces clients / gabarits > suppression des logos dans les headers modales tunnels de souscriptions
  • 07/12/18 - Fondamentaux / retours haptiques

Novembre 2018

  • 29/11/18 - Modales et boites de dialogues : Ajout des exceptions natives pour les boites de dialogues
  • 28/11/18 - Catégories de transactions
  • 28/11/18 - Banque BCP - Couleur BC2 #ECB767
  • 27/11/18 - 16 nouvelles icônes
  • 19/11/18 - Animations de chargement
  • 13/11/18 - Page Lexique / interactions transverses

Octobre 2018

  • 05/11/18 - Cellules de tableaux > Etat survolé : Fond gris
  • 05/11/18 - Planche de composants V2 BETA
  • 30/10/18 - Souscriptions digitales - Emails de confirmation
  • 17/10/18 - Nouveau logo UX Design BPCE
  • 11/10/18 - Refonte de la page Icônes
  • 11/10/18 - Composant : Cellules
  • 01/10/18 - Composant : Etiquette statut
  • 01/10/18 - Composant : Champ de recherche

Septembre 2018

  • 28/09/18 - Nouveau logo Banque Populaire
  • 28/09/18 - Création d'une nouvelle rubrique Gabarits (transverses)
  • 28/09/18 - Refonte des pages listes (En cours)
  • 25/09/18 - Modales et boites de dialogues / Ajout de la spécification de l'ombre porté
  • 21/09/18 - Espaces clients / gabarits : Nouvelle version de la page
  • 17/09/18 - Espaces clients / arborescence : Mise à jour
  • 11/09/18 - Espaces clients : ajout des principes de navigation Mobile et Desktop.
  • 11/09/18 - Modales et boites de dialogues : Mise à jour des noms et précisions sur le fonctionnement avec ou sans scroll.
  • 10/09/18 - Nouvelle page Principes de conception
  • 10/09/18 - Réorganisation du contenu des rubriques Fondamentaux et composants > Tout les composant sont maintenant dans "composants"

Août 2018

  • 29/08/18 - Composant filtres
  • 03/08/18 - Bouton gélule

Juillet 2018

  • 31/07/18 - Boite à outils / Libraire des composants Sketch - 89C3 UX-UI Design v1.11 (nouvelle arborescence - l'affichage des couleurs)
  • 20/07/18 - Composant Tuiles
  • 20/07/18 - Composants / Champ de saisie téléphone international
  • 20/07/18 - Boite à outils / Libraire des composants Sketch V1.10 > V1.11 : Ajouts : Accordéon, Infobulle & Une nouvelle nomenclature des symbols Sketch
  • 11/07/18 - Grilles et breakpoints : Ajout du memo pour les concepteurs RWD
  • 11/07/18 - Composants / Champ de saisie téléphone international
  • 11/07/18 - Fondamentaux / boutons spécifiques : Suppression du bouton "sticky full" (Non utilisé)
  • 03/07/18 - Réorganisation des composants dans la rubrique Tunnels de souscription
  • 03/07/18 - Bouton assistance
  • 03/07/18 - Composant Infobulle
  • 03/07/18 - Création de la rubrique gabarits "Espaces Clients" - BETA
  • 02/07/18 - Boite à outils / Libraire des composants Sketch V1.9 > V1.10 : Ajouts : Champ de saisie de texte libre, Menu desktop (espace client)

Juin 2018

  • 27/06/18 - Fondamentaux / Champ de saisie texte libre
  • 27/06/18 - Icon Font : Nomenclature des icones SVG vector drawable pour Android > Pack icons 1.1
  • 21/06/18 - Calendrier : Combinaison champ de saisie + calendrier
  • 18/06/18 - Accordéon
  • 06/06/18 - Boite à outils / Libraire des composants Sketch V1.8 > V1.9 : Ajouts : Boutons (background tint), Table Cells (réorganisation des symbols), Page d'erreur - page bientôt disponible
  • 05/06/18 - Barre d’étapes
  • 04/06/18 - Charte éditoriale : Nouvelle section publiée (BETA)
  • 01/06/18 Boutons radio et cases à cocher - Etat inactif

Mai 2018

  • 28/05/18 - Composants / Tuile Avis Utilisateurs
  • 18/05/18 - Composants / Pages d'erreurs
  • 16/05/18 - boite-a-outils / icon-font : Version mise à jour avec nouvelles icônes.
  • 17/05/18 - typographie : Desktop & Mobile > Mentions : line spacing 18, Texte, texte light, texte gras line spacing 22
  • 16/05/18 - boite-a-outils / pictos : Bibliothèque de pictogrammes V3. Nouveaux noms. Nouveaux pictogrammes.
  • 14/05/18 - Composants / Champs mot de passe : Ajout de l'exemple d'un message d'erreur au dessus du lien "Mot de passe oublié ?"
  • 10/05/18 - Boite à outils / Libraire des composants Sketch
    V1.7 > V1.8 : Ajouts : Listes déroulantes, Calendriers, Champ mot de passe. Modifications : Modales et boites de dialogue, Grilles et breakpoints, Champs de saisie, Illustrations, InfoBox.
  • 09/05/18 - Composants / Fenêtres modales et boites de dialogue : Modification du style et positionnement des titres

Avril 2018

  • 30/04/18 - Composants / Listes déroulantes
    Nouvelle page dédiée aux listes déroulantes "simples"
  • 30/04/18 - Composants / Champs mot de passe : Nouvelle page décrivant la composition et le comportement des champs de saisie et création de mot de passe.
  • 27/04/18 - Composants / Autocompletion : Augmentation des marges et ajout d'une ombre portée.
  • 27/04/18 - Fondamentaux / Typographie : Regular remplace le light sur les labels des champs de saisie
  • 27/04/18 - Fondamentaux / Champs de saisie : Regular remplace le light sur les labels des champs de saisie et ajout d'une version avec lien "mot de passe oublié.
  • 27/04/18 - Fondamentaux / Typographie : Regular remplace le light sur les labels des champs de saisie
  • 27/04/18 - Composants / Calendriers : Nouvelle page dédiée aux calendriers
  • 25/04/18 - Grilles & breakpoints : Ajout du nombre de colonnes dans la liste des breakpoints
  • 20/04/18 - Boite à outils / Libraire des composants Sketch V1.6 > V1.7 : Champs de saisie redimentionnables et fixe avec padding mobile. Ajout de variantes de table cells.
  • 16/04/18 - Composants / Onglets : Nouvelle page décrivant le composant de navigation onglets

Mars 2018

  • 28/03/18 - Fondamentaux / Boutons
    Ajout de la mention à l'état "focus" (Sélectionné au clavier)
  • 28/03/18 - Infobulles
    Page remplacée par les fenêtres modales et boites de dialogues
  • 28/03/18 - Grilles & breakpoints
    Clarification de la largeur de grille maximum sur grand écran desktop : 1200px.
  • 27/03/18 - Fondamentaux / Typographie
    Corrections valeurs des graisses "Texte gras" et "Titre édito" sur mobile.
  • 20/03/18 - Fondamentaux / Typographie
    Principaux changements pour une meilleure lisibilité :
    Desktop : Texte passe de light à regular
    Desktop : Mention passe de 12 light à 13 regular.
    Mobile : Mention passe de 12 light à 13 regular.
    Mobile : Texte passe de 14 light à 16 regular.
    Mobile et desktop : Ajout de variantes Texte Gras et texte light.
  • 20/03/18 - Boite à outils / Libraire des composants Sketch
    V1.5 > V1.6 : Modales et boites de dialogue.
  • 15/03/18 - Boite à outils / Libraire des composants Sketch
    V1.4 > V1.5 : Intertitres, Boutons toggles, FAB, Tables cells (RWD Mobile), Onglets
  • 15/03/18 - Fondamentaux / Boutons Toggles
    Mention de l'exception Android & iOS
  • 07/03/18 - Composants / Intertitre
    Nouvelle page décrivant les variantes d'intertitres
  • 07/03/18 - Composants / Fenêtres modales et boites de dialogue
    Nouvelle page détaillant les formats de fenêtre modales
  • 06/02/18 - Fondamentaux / Boutons Toggle
    Nouveau composant (RWD uniquement)
  • 05/02/18 - Fondamentaux / Boutons Groupés
    Nouvelle page dédiée aux combinaisons de boutons de niveaux différents
  • 02/02/18 - Fondamentaux / Typographie
    Style Mention sur mobile, Ubuntu Regular remplace Ubuntu Light