Alerte COVID
Alerte COVID est une application de notification d'exposition conçue par le Service numérique canadien pour le gouvernement du Canada. Dans cette équipe, j'ai créé un ensemble d'outils et de principes de design qui ont permis de livrer une application de façon efficace.
Concevoir une application en 45 jours permet peu de temps pour élaborer un langage visuel précis et fort. Après le lancement et au cours de la durée de vie de l'application, j'ai continué d'adapter certains outils en fonction des besoins des développeurs, designers, analystes politiques, tout en précisant le langage visuel de l'application.
Les outils de design étaient centrés sur l'utilisation de Figma pour documenter, et organiser clairement les décisions et les itérations clés de l'application. Le Figma était organisé en fonction des besoins de l'équipe, et servait à orienter les différentes disciplines. En choisissant Figma, cela a pu aussi solidifier nos principes d'accessibilité : les composantes d'interfaces étaient réfléchies afin d’être accessibles avant même d'être fournies au développeurs et testeurs.
La palette de couleurs à trois teintes fut particulièrement difficile à réaliser car l'objectif était de maximiser le contraste entre les teintes tout en simplifiant le choix de couleur. Je parle davantage de notre processus de design dans l'étude de cas en anglais.
J'ai dessiné les icônes pour l'application, incluant l'icône de l'application, les pictogrammes des mains et les icônes d'interface.
Ont collaborés de nombreuses personnes au Service numérique canadien.
![Feuille d'érable dans un octogone rouge vif, entouré de petits triangles gris dans une forme carrée arrondie.](/images/7542cf0e-600.png)
Système de design pour application mobile
Bibliothèque Figma
![Une palette de 7 couleurs. Chaque couleur se divise en 3 tons: clair, saturé et foncé.](/images/713469a5-600.png)
![Icône stylisé d'une main tenant un téléphone devant une affiche pour scanner un code QR.](/images/48fb214d-600.png)
![Séries d'icones stylisé représentant une main. Chaque main illustre un concept pour: le bien-être, la gratitude, le rappel et l'attention](/images/b9f9a23-600.png)
![Un ensemble de 18 icônes sont répétés d'abord sur un fond gris pale, puis un fond noir. Les icônes sont simple et ont des proportion uniformes. Les icônes représentent différents concepts tel que des flèches, une poubelle ou un code secret.](/images/36f4fa03-600.png)
![Une boite indique un statut OK. Une icône d'un pouce en l'air sur un fond vert offre une impression de sécurité. Le contenu principal renforce cette impression.](/images/1139cf2e-600.png)
![Trois options de navigation. Chaque option possède une icone, une couleur et un libellé différent](/images/f422f44b-600.png)
![Une boîte indique que Bluetooth doit être activé. Des instructions précisent pourquoi.](/images/d138f935-600.png)
![Une boite indique un statut à risque d'exposition. Deux actions immédiates sont proposées.](/images/4e284e81-600.png)
![Interface d'application mobile permettant d'entrer une clé à usage unique.](/images/ae080ed8-600.png)
![Interface d'application mobile permettant de numériser un code QR à l'aide de la caméra.](/images/469da659-600.png)
![Affiche en tons de gris avec un gros code QR au centre. Le titre Scannez ici est écrit en grosses lettres. Des pictogrammes indiquent comment numériser le code avec l'application Alerte COVID.](/images/e39ec68e-600.png)
![Affiche en couleur avec un gros code QR au centre. Le titre Scannez ici est écrit en grosses lettres. Des pictogrammes indiquent comment numériser le code avec l'application Alerte COVID.](/images/e8e7e2e9-600.png)