top of page
gradient.png

Réinventer les App Populaires

En tant qu'utilisateur passionné d'applications de productivité et de divertissement, je me suis souvent retrouvé à vouloir une expérience plus conviviale que ce qui était disponible. J'ai donc puisé dans mon expérience produit pour repenser deux des catégories les plus populaires d'outils de gestion personnelle au quotidien pour les consommateurs en général.

Expense Tracker

Les outils de suivi des dépenses aident les utilisateurs à suivre leurs finances. Leur objectif est de rendre les gens plus responsables financièrement en leur permettant de surveiller et de budgétiser toutes les dépenses. Certaines applications vont même au-delà des bases et tiennent compte des investissements des utilisateurs.

Raison de Repenser

J'ai utilisé de nombreux trackers mais la plupart d'entre eux se sont concentrés sur l'enregistrement de données. Alors que tous avaient des rapports, aucun n'a exploré les tendances des dépenses au-delà d'un niveau superficiel. Cela n'a pas beaucoup aidé mon objectif de découvrir et de changer mes habitudes de dépenses. Un autre défi auquel j'ai été confronté était de rester motivé pour enregistrer mes dépenses. Cela m'a fait penser si d'autres étaient confrontés au même problème.

Objectif de Cette Refonte

Au cours de mes recherches, j'ai compris que le marché cible avait une vision plus holistique du suivi des dépenses. Pour eux, le but ultime était d'être financièrement responsable. Cela signifiait créer un produit qui leur fournirait les outils pour y parvenir, que ce soit par le biais d'analyses détaillées ou de suggestions intelligentes, ou même un produit qui encourage une utilisation continue. Sur le plan personnel, mon objectif était de créer un produit que j'aurais plaisir à utiliser.

Public Cible

J'ai interviewé quatre de mes amis aux profils financiers variés pour comprendre s'ils gèrent leur argent et comment ils gèrent leur argent. Il s'agissait de discussions qualitatives visant à identifier leurs objectifs financiers fondamentaux. Sur la base des entrées, j'ai compilé les personnages ci-dessous :

Conception du Produit

Comme dit le proverbe, la première impression est souvent la dernière. Cela a guidé ma création de l'écran d'accueil. Il devait être simple pour les utilisateurs occasionnels, mais polyvalent pour les utilisateurs professionnels. Une façon de le faire était d'éviter un menu et d'utiliser à la place des widgets sur l'écran d'accueil lui-même, chacun ajoutant une couche d'informations pertinentes pour l'utilisateur. De plus, j'ai utilisé des couleurs vives et de la profondeur pour créer une hiérarchie visuelle qui ajoute à l'esthétique unique du produit.

expense-dashboard.png

Budget mensuel.

Solde bancaire.

Une ventilation visuelle des catégories de dépenses pour une comparaison facile.

Résumé des dépenses de la journée. Il affiche également des rappels de paiement personnalisés.

Gamifier le processus pour encourager les utilisateurs à utiliser l'application régulièrement.

Une description claire des dépenses pour le mois.

Le subtil mélange de simplicité et de fonctionnalités professionnelles facilement accessibles se poursuit dans toute l'application. Vous trouverez ci-dessous des exemples de trois écrans courants avec lesquels les utilisateurs interagissent. Chacun a de petites touches qui fournissent un contexte utile à leurs données.

Vue des Dépenses

Les dépenses sont compilées par commerçant et synchronisées avec la banque de l'utilisateur. L'utilisateur obtient également une comparaison rapide de ses habitudes de dépenses habituelles, avec la possibilité de définir une limite de dépenses mensuelle.

Saisie des Dépenses

Cet écran a été délibérément gardé simple pour le bénéfice des utilisateurs novices. Il peut être invoqué à partir de la plupart des écrans de l'application, ce qui le rend très accessible.

Recherche Intelligente

La recherche joue un rôle important dans les applications riches en données. Cet écran débloque une partie de ce pouvoir avec des suggestions pertinentes comme lieux populaires, les activités, et plus encore.

Visualisation avec une Chronologie

Ce calendrier est conçu pour aider les utilisateurs à mieux comprendre comment ils dépensent au fil du temps.

Plus la nuance de rouge est profonde, plus les utilisateurs ont passé cette journée. Un bêta-testeur a déclaré qu'il trouvait utile de voir les tendances des dépenses avec les jours de la semaine.

Les utilisateurs peuvent appuyer sur une date pour voir toutes les dépenses / revenus. Cela imite les applications de calendrier, où les utilisateurs ont une idée claire de leurs événements (dans ce cas, les dépenses).

expense-4.jpeg
expense-3.jpeg

Plonger dans l'Analytique

Un problème que trois des quatre répondants ont dit était leur incapacité à obtenir un aperçu significatif de leurs dépenses. Un calendrier des dépenses ne suffisait pas, ils voulaient une analyse plus riche de toutes les parties de l'application.

Les utilisateurs obtiennent un aperçu détaillé des catégories de dépenses et un calendrier mensuel utile pour montrer comment ces dépenses sont réparties. Les utilisateurs peuvent également accéder à un graphique qui fournit les tendances des dépenses au fil du temps (ce qui était une idée directe de l'une des personnes interrogées). Un autre exemple est Savings Trends, qui permet aux utilisateurs de voir s'ils sont sur la bonne voie pour atteindre leurs objectifs d'épargne.

expense-8.jpeg
expense-icon-1.png
expense-icon-2.png
expense-icon-3.png

Personnalisation

Un aspect de l'engagement des utilisateurs est la personnalisation de l'application. En plus des catégories de dépenses personnalisables, j'ai décidé d'ajouter une unicité visuelle, via des icônes d'application dynamiques.

 

Alors que l'icône a la forme d'une pilule diagonale, elle représente un billet de banque. La devise principale de l'utilisateur est automatiquement reflétée sur l'icône (quelques exemples sont présentés ici). Les utilisateurs peuvent également choisir n'importe quelle devise sur l'icône.

Gamification

L'encouragement à utiliser l'app était au centre de l'un des entretiens. J'en ai eu marre de résoudre ce problème en gamifiant l'app. Les activités des utilisateurs sont converties en un score ou un badge de réussite (avec plusieurs niveaux). Ceci est couplé à des notifications push régulières pour rester sur la bonne voie.

shield-crown.png
shield-bank.png
shield-flower.png
mail-hero-inbox.png

Email Manager

Alors que la plupart des consommateurs pensent à la messagerie lorsqu'ils pensent à la communication, l'e-mail est beaucoup plus essentiel. C'est le moyen par défaut de communiquer au travail, de partager des fichiers volumineux, de créer des événements et de recevoir des communications avec entreprises.

Raison de Repenser

Je suis un utilisateur actif de l'app Mail d'Apple et j'aime son expérience sans fioritures. Le seul problème que j'ai eu avec c'est qu'il est trop simpliste à certains égards, principalement la recherche et l'organisation des e-mails. J'ai essayé d'autres solutions, mais elles étaient soit à égalité avec Apple Mail, soit trop complexes pour valoir la peine d'être changées. Cela m'a incité à savoir s'il y avait de la place pour un nouveau produit ici.

Recherche Derrière cette Refonte

J'ai interviewé cinq personnes, dans une combinaison de famille, d'amis et de collègues, avec un esprit ouvert et une ardoise vierge. Je voulais comprendre les frictions auxquelles ils étaient confrontés lors de l'utilisation de telles applications et identifier les modèles. Si je devais créer un produit, il devait offrir de réels avantages par rapport à la concurrence, sinon cela deviendrait juste une autre app astucieuse, rien d'autre.

Principales Conclusions

De mes recherches, j'ai trouvé trois préoccupations. Alors que deux étaient liés à la plate-forme de choix, un problème très surprenant est survenu qui deviendra plus tard un élément crucial lors des phases d'idéation et de conception de ce projet.

findings-icon-search.png

Trouver des e-mails ou des pièces jointes spécifiques n'est pas facile.

findings-icon-bulk.png

Il n'y a pas de moyen facile de gérer en bloc les e-mails sur un téléphone.

findings-icon-unread.png

Trop d'e-mails indésirables à traiter, ce qui fait que plusieurs ne sont pas lus.

Concevoir la Solution

Bien que cela puisse sembler être une application simple, je voulais toujours créer une expérience unique. Mes deux objectifs étaient : d'avoir un design relativement simple (sans compromis sur la fonctionnalité) et d'avoir suffisamment d'offres pour que le coût de la commutation en vaille la peine pour les utilisateurs.

J'ai commencé avec un moodboard pour m'inspirer du produit. Ici, il y a deux images notables. Le premier (en haut à gauche) est devenu le thème de l'app: vert, argent et noir. Le second (en bas au centre) d'un haut-parleur avec un panneau de boutons, a inspiré les commandes de l'interface de l'écran d'accueil (plus de détails sur le panneau de commande donnés dans la section suivante).

Panneau de Commande

Pour réduire la complexité de l'application, je ne voulais pas utiliser de menu hamburger. Cela signifiait que je devais penser à une autre méthode de navigation et de contrôle. Mais je ne voulais pas qu'il soit envahissant, en prenant trop de place. C'est là que le haut-parleur du mood board est venu comme source d'inspiration. Je suis venu avec le panneau de contrôle. Il a condensé toutes les fonctions de l'application en une seule rangée de commandes. Les quatre bulles à droite couvrent toutes les fonctionnalités qui nécessiteraient autrement un menu coulissant, tandis que le bouton de recherche à gauche est délibérément allongé pour donner l'impression d'une zone de texte traditionnelle.

mail-header.jpeg
1 sur 5

Recherche de Courrier

Appuyez sur le champ de recherche pour ouvrir cet écran. Mais contrairement aux recherches de courrier typiques, cela offre aux utilisateurs un contrôle fin. Un certain nombre de boutons sous la barre de recherche permettent aux utilisateurs d'affiner leurs requêtes en fonction de la date, de la boîte aux lettres, du type de pièce jointe d'un courrier, etc.

En plus de cela, les options d'accès rapide, telles que les contacts fréquents et les événements de calendrier à venir, visent à minimiser les frictions liées à l'accès à l'e-mail souhaité.

L'inspiration a été tirée de l'onglet de recherche de Microsoft Outlook, qui ressemblait beaucoup aux fonctionnalités que je voulais ajouter.

mail-read.jpeg

Envoi par E-mail

L'expérience de sa fonction principale est au cœur du succès de tout produit.

Ainsi, la lecture et la rédaction d'e-mails étaient importantes lors de la conception de ce projet. J'ai décidé d'utiliser une disposition conventionnelle.

Mais ce que j'ai fait uniquement, c'est de placer le fil de discussion autour des contacts plutôt que du sujet. Cela permet aux utilisateurs d'accéder rapidement à toutes les conversations associées par le même contact.

Une petite mais utile touche que j'ai ajoutée était de mettre en évidence les boutons les plus pertinents dans ces écrans: répondre et rejoindre.

mail-compose.jpeg
mail-cleanup.jpeg

Surmonter la Surcharge d'E-mails

Parmi les personnes interrogées se trouvait mon père, qui avait une boîte de réception contenant plus de 1 200 e-mails non lus. J'ai essayé de comprendre pourquoi sa boîte aux lettres avait fini comme ça. Fondamentalement, c'était juste plus facile pour lui de les ignorer que de les traiter.

Cela a conduit au "nettoyage". Bien qu'une invite de désabonnement ait été implémentée par Apple dans leurs plateformes iOS et macOS, il n'y a pas d'option en masse sur le marché.

Cette fonctionnalité identifie les expéditeurs que les utilisateurs ignorent et offre la possibilité simple de se désinscrire de tous en un seul clic et sans formulaire à visiter.

Mais même si les utilisateurs se désabonnent des futurs e-mails, ils peuvent toujours se retrouver avec leurs anciens messages.

Tout Mettre Ensemble

banner-ui-showcase.jpeg

Conceptions des UI
 

banner-brand.jpeg

Conception de Marque
 

bottom of page