Optimiser le Design de la Homepage avec Figma

Page Home et changement auth
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser FlutterFlow - De l'Idée à l'Application
Revoir le teaser Je m'abonne
4,3
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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

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

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.

Voir plus
Questions réponses
Quelle est la composition principale de la Homepage selon la vidéo ?
La Homepage se compose d'une photo en arrière-plan, d'un titre, d'un bouton et d'une barre de navigation.
Pourquoi est-il nécessaire de modifier l'arborescence initiale de l'application ?
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.
Quels sont les outils alternatifs à Figma mentionnés dans la vidéo ?
Les outils alternatifs à Figma mentionnés sont Sketch et Adobe XD.

Programme détaillé

3 commentaires
4,3
3 votes
5
4
3
2
1
hmrabat
Il y a 2 semaines
Merci beaucoup.
boudalialouane
Il y a 4 mois
Dommage que la souris parte dans tous les sens et que celle-ci ne soit pas plus visible
manuel.crocis
Il y a 5 mois
Bonjour, merci pour vos tutos qui sont très clairs. Je suis débutant en no code, j'ai suivi pas à pas cette vidéo (et d'autres) cela m'a bien aidé. Seulement je ne parviens pas à ajouter un nouvel utilisateur ni à me connecter quand j'en créé un à la main. Je lis dans la partie authentification de la console firebase le message: "la connection par redirection inter-origine sur google chrome M115 et versions ultérieures n'est plus pris en charge..." Je me demande si je n'ai pas un problème à ce niveau. Il semble y avoir eu un changement depuis le 24 juin 2024... J'ai lu les explications de la page d'après, je ne comprends pas le processus à mettre en place. J'ai cherché sur les discussions en ligne, je ne suis visiblement pas le seul. Pourriez vous faire un bref tutoriel pour nous guider? C'est dommage d'âtre bloqué par ça. Merci de votre aide. Et encore bravo pour vos tutos, d'une clarté limpide!