Comment Truecaller s'est développé à grande échelle et en toute sécurité avec Figma
Comment Truecaller s'est développé à grande échelle et en toute sécurité avec Figma
Recruter Figma pour lutter contre le spam
Truecaller est une application leader pour l'identification d'appels et le blocage de spams, utilisée par plus de 450 millions de personnes dans le monde. Fondée en 2009 à Stockholm, l'entreprise aide ses utilisateurs à gérer leurs appels et messages en toute sécurité, grâce à l'identification et au blocage des démarcheurs et des arnaques téléphoniques.
En tant qu'application basée sur la confiance et la transparence, offrir une UX fiable, cohérente et intuitive est fondamental pour donner confiance à la clientèle. Découvrez comment Truecaller tire parti de Figma pour améliorer la collaboration, l'accessibilité et la sécurité, afin de faire évoluer son produit pour des centaines de millions d'utilisateurs.
Passer à Figma a été un tournant pour notre équipe : cela a facilité la collaboration, tout en améliorant la structure de notre processus de design. Cela nous a aidés à maintenir une expérience de haute qualité et digne de confiance pour notre application, au moment où notre nombre d'utilisateurs augmentait de manière exponentielle.
— Tushar Satyanath, principal product designer, Truecaller
Le défi
L'équipe design de Truecaller est réduite et plutôt éparpillée, ses membres étant répartis sur trois fuseaux horaires différents. La collaboration et la discipline en matière de design sont donc cruciales. Pendant longtemps, son design system était maintenu avec des composants de base documentés et centralisés. Mais pour les utiliser, les designers dupliquaient et détachaient des fichiers. Ainsi, au moment où l'entreprise se développait à grande échelle, le design system commençait à se dégrader. La collaboration avait lieu, mais pendant des appels, pas dans les fichiers. Il devenait difficile de n'avoir qu'une seule source de vérité.
Les anciens outils n'étaient pas totalement dépassés, mais ils commençaient à montrer certaines limites. Puis, en 2019, l'entreprise est passée à Figma.
La solution
Figma aide Truecaller et son équipe réduite à répondre aux besoins de millions d'utilisateurs et à offrir un design cohérent dans toutes les versions de son application. Pour Truecaller, les principaux avantages sont :
Une collaboration en temps réel
Avec Figma, les designers situés en Europe et en Asie peuvent désormais travailler sur le même fichier simultanément et en temps réel. Grâce au feedback instantané, les cycles de révision sont bien plus rapides et les conflits de version ont disparu.
Afin d'améliorer encore ses capacités de collaboration, Truecaller utilise désormais le tableau blanc numérique en ligne FigJam comme un hub créatif où brainstormer, planifier et mener d'autres sessions interactives.
Nous avons immédiatement constaté les avantages d'une plateforme aussi collaborative, qui nous permet de travailler dans un espace commun, même si nous ne sommes pas physiquement dans la même pièce… Il suffit d'ouvrir un fichier pour regarder ce que font les collègues ou laisser des commentaires sur le travail en cours.
— Tushar Satyanath, principal product designer, Truecaller
Un design system évolutif
Après la migration vers Figma, l'équipe design de Truecaller s'est attelée à reconstruire son design system pour créer des composants de base homogènes. Les modifications apportées à un composant se répercutent instantanément sur tout le design system, facilitant la création d'un style global et le maintien de la cohérence.
Un design system solide accélère les mises à jour et garantit que chaque nouvelle fonctionnalité est cohérente sur les appareils et toutes les versions d'application.
Une accessibilité accélérée
Les variables de Figma ont considérablement simplifié la mise en place de l'accessibilité du design. Auparavant, l'équipe utilisait des plugins pour tester le contraste des couleurs ou l'apparence du mode sombre de l'application. Avec les variables, les designers peuvent instantanément passer d'un thème clair à un thème sombre, rendre les couleurs plus lisibles et vérifier la conformité aux WCAG.
Nous avons conçu un exercice dans lequel nous avons analysé l'accessibilité, déterminé le bon niveau de contraste des couleurs et attribué une note. Nous avons utilisé Figma pour nous assurer que le résultat respectait les normes WCAG. Nous disposons maintenant d'un inventaire de base, où nous pouvons choisir une couleur avant de l'ajouter au design system.
— Tushar Satyanath, principal product designer, Truecaller
Passer au forfait Organisation
Après avoir utilisé Figma pendant quelques années et bénéficié de son impact positif, Truecaller est passé de Figma Professionnel à Figma Organisation. Cela a apporté d'autres avantages en matière de sécurité, de collaboration et de développement pour Truecaller, tels que :
Une sécurité qui inspire confiance à la clientèle
En tant qu'entreprise dont la mission est axée sur la sécurité et la confiance, Truecaller ne peut pas compromettre la sécurité de ses clients. Passer au Forfait Organisation de Figma lui a permis d'obtenir la conformité ISO27001 et SOC 2 Type 2, tout en donnant à ses équipes de sécurité un contrôle administratif complet, incluant l'authentification unique (SSO) et les permissions centralisées.
En termes de sécurité, comme ce forfait comprend l'authentification unique (SSO), ce choix s'est imposé comme une évidence. Je pense que c'était la raison principale d'effectuer cette mise à niveau.
— Tushar Satyanath, principal product designer, Truecaller
L'intégration des développeurs au design
La coordination entre design et développement contribue à la rapidité et la qualité des nouvelles versions. En utilisant Dev Mode, les développeurs peuvent désormais inspecter et extraire des spécifications directement à partir des fichiers de design, ce qui rationalise la mise en œuvre et réduit les frictions.
Figma rapproche le design du développement. Dev Mode a permis à nos équipes de collaborer plus étroitement et a rendu le passage du design au code plus rapide et plus cohérent.
— Tushar Satyanath, principal product designer, Truecaller
De nouvelles opportunités
Pendant des années, l'expérience de Truecaller sur iOS a été limitée par les restrictions du système. Maintenant, avec les nouvelles API Apple, l'application peut afficher les informations de l'appelant directement sur l'écran d'appel entrant, comme elle le fait sur Android. Ce changement représente une augmentation considérable de la qualité du produit sur iPhone.
Grâce à Figma, qui offre un design system robuste et rapide, des certifications en matière de cybersécurité et un alignement entre designers et développeurs, Truecaller a pu livrer rapidement et en toute sécurité un produit iOS de qualité.
Un avenir guidé par le design
Aujourd'hui, Figma a fait du design une discipline stratégique chez Truecaller. Il est maintenant utilisé pour le développement de produit, des premières idées dans FigJam et Slides jusqu'aux design systems, en passant par le handoff aux développeurs dans Dev Mode.
Figma démontre qu'une petite équipe peut avoir un impact énorme sur des millions d'utilisateurs. En suivant les bons processus, nous livrons des solutions vraiment viables et intuitives, capables d'aider les gens dans le monde entier.
— Tushar Satyanath, principal product designer, Truecaller
Découvrez comment Figma permet d'optimiser le design
Un design d'exception peut aider votre produit et votre marque à se différencier. Et comme on ne crée de grandes choses qu'à plusieurs, Figma rassemble les équipes produit au sein d'un workflow de design rapide et plus inclusif.
Contactez-nous pour découvrir comment Figma peut aider votre entreprise à augmenter l'impact du design.
Nous verrons comment Figma peut vous aider à :
- Centraliser chaque étape du processus de design, de l'idéation à la création en passant par la mise en œuvre
- Accélérer les workflows de design avec des design systems partagés par toute l'entreprise
- Favoriser l'inclusion au sein du processus de l'équipe avec des produits web accessibles et simples d'utilisation