Optimiser le Design de la Homepage avec Figma

Apprenez à optimiser le design de la Homepage avec Figma en modifiant l'arborescence pour une meilleure expérience utilisateur.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous abordons la conception de la Homepage d'une application en utilisant Figma. La Homepage est composée d'une photo en arrière-plan, d'un titre, d'un bouton et d'une barre de navigation. Initialement, la page était configurée comme l'écran d'accueil principal. Cependant, pour améliorer l'expérience utilisateur, nous effectuons des modifications afin de faire de la page 'Mes histoires' la cible après l'authentification. La Homepage devient donc l'entrée principale tandis que la page 'Mes histoires' est réservée aux utilisateurs connectés. Ces ajustements permettent une navigation plus intuitive et une utilisation optimisée. Nous allons voir les différentes étapes pour effectuer ces modifications, à commencer par la configuration des paramètres d'authentification jusqu'à la finalisation du design sur Figma.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
- Comprendre la structure de la Homepage
- Apprendre à modifier l'arborescence pour une meilleure expérience utilisateur
- Maitriser l'utilisation de Figma pour ces ajustements

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design UI/UX et une familiarité avec Figma.

Métiers concernés

Les métiers principalement concernés par ce sujet sont les designers UI/UX, les développeurs frontend et les chefs de projet digital.

Alternatives et ressources

En dehors de Figma, d'autres logiciels tels que Sketch ou Adobe XD peuvent être utilisés pour la conception de Homepage.

Questions & Réponses

La Homepage se compose d'une photo en arrière-plan, d'un titre, d'un bouton et d'une barre de navigation.
Il est nécessaire de modifier l'arborescence initiale pour améliorer l'expérience utilisateur en naviguant plus intuitivement vers la page 'Mes histoires' après l'authentification.
Les outils alternatifs à Figma mentionnés sont Sketch et Adobe XD.