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.
Introduction à FlutterFlow
Backend et Data
L'authentification











Gestion de l'interface design










Création d'une histoire













Connecter l'application à OpenIA







Finalisation de l'application









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
