Elora Freudenberger Portfolio

Redesign

Application de Formule 1


Rôle

Product
Designer

Outils

Figma
Illustrator

Chronologie

Novembre 2022

Sujet

Améliorer l'expérience utilisateur d'une application au choix

Descritpion

Lors d'un cours de composition web, nous devions choisir une application pour l'étudier afin de la repenser et proposer un redesign pertinent.

Le redesign de l'application 'Formula 1' est un projet intéressant qui peut conduire à une amélioration de l'engagement dans la discipline et la satisfaction des utilisateurs.

Nous avons analysé l'application existante pour identifier les problèmes de conception et les opportunités d'amélioration. Étant un utilisateur habituel de cette application, j'ai réalisé cette étape avec mon point de vue sachant que nous n'avions pas le temps de faire une étude utilisateur approfondie.

Motif
Accueil Produits

Wireframes

L'étape des wireframes permet de planifier la structure, la disposition et la hiérarchie de l'information. Elles m'ont permis de visualiser différentes options de conception et d'aboutir à 5 pages.

wireframe-home
wireframe-race
wireframe-news
wireframe-lexique
wireframe-viewall

Page d'accueil

La page d'accueil de l'application doit être claire et intuitive pour que l'utilisateur sache immédiatement quoi faire et où aller pour trouver les informations qu'il recherche. Actuellement, elle est hétérogène et contient trop d'informations différentes, ce qui entraine la confusion de l'utilisateur et peut l'amener à se perdre [image de gauche].

Une page d'accueil bien conçue pour une application de formule 1 pourrait se concentrer sur les informations les plus importantes pour l'utilisateur, telles que les résultats de la course en cours ainsi qu'une sélection d'articles récents [image de droite].

old-page-accueil
page-accueil

Page 'Voir tout'

L'application contient de nombreux articles, il est difficile de tous les afficher sur la page d'accueil. Avoir une page "Voir plus" permet à l'utilisateur de naviguer facilement à travers les articles, sans se sentir submergé par la quantité d'informations.

Dans ma version, chaque article contient des tags qui permettent un meilleur référencement et facilitent la navigation pour l'utilisateur.

old-page-viewall
old-page-viewall

Page 'Course'

La page 'Course' est une page clé dans l'application, car elle permet de regrouper toutes les informations importantes liées à la course en un seul endroit. On y retrouve le classement des pilotes et des équipes pendant et après la course, l'emploi du temps de la course ainsi qu'une carte du circuit.

Actuellement, cette page contient une variété d'informations trop importante qui entraine une surcharge cognitive et il est difficile de se concentrer sur les informations importantes.

old-page-race
page-race

Page 'Article'

Les articles peuvent offrir une perspective approfondie sur des sujets spécifiques liés à la formule 1. Les fans peuvent en apprendre davantage sur l'actualité de la formule 1, sur les stratégies de course, les performances des pilotes et des équipes, les transferts de pilotes et les rumeurs de course.

old-page-news
page-news

Page 'Glossaire'

Une page glossaire peut aider les utilisateurs à comprendre les termes techniques, à améliorer l'accessibilité, à faciliter la compréhension du sport et à offrir une expérience utilisateur plus complète.

Cette page n'existe pas actuellement dans l'application mais me semble essentielle.

page-accueil

Palette de couleur

L'utilisation des couleurs noir et rouge dans la conception de cette application de formule 1 sont pertinentes pour leur symbolisme, leur contraste, leur visibilité et leur association avec le sport, qui utilise actuellement un rouge spécifique dans leur charte graphique.

Les couleurs secondaires sont du blanc et du violet, couleurs utilisée dans les Grands Prix de Formule 1 pour mettre en valeur le tour le plus rapide ou certaines informations plus précises.

#111217

#28282F

#FF1E00

#9747FF

Typograhie

La police d'écriture Formula 1 est conçue pour véhiculer une connotation sportive, dynamique et audacieuse. Cela aide à donner une impression de vitesse et d'action.

Police-ecriture