CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre à Prototyper - Sites Internet et application

Prototypage de l'Application Mobile FoodManiac

Retour à la formation
Chapitre 6 Leçon 3
Précédent
Suivant

Dans cette leçon, nous abordons la phase de prototypage de l'application mobile FoodManiac. Apprenez les bases du design UX en intégrant des éléments visuels et des interactions utilisateurs.

Détails de la leçon

Description de la leçon

Cette leçon présente le processus de prototypage pour l'application mobile FoodManiac. Vous allez explorer les étapes de création d’une interface utilisateur intuitive en utilisant un framework de design. Nous commencerons par concevoir la page d'accueil, qui affiche une carte interactive des food trucks à proximité, avec des filtres pour différents types de repas. Ensuite, nous détaillerons l'intégration d'images optimisées, la construction de bulles d'information pour chaque food truck, et la création de listes interactives filtrables. Chaque élément est conçu avec des options de formatage, comme l'alignement des textes et la hiérarchisation de l'information via des styles de police comme le gras et l'italique. Nous traiterons également des interactions avancées comme les transitions de pages lors de la sélection d’éléments dans des listes déroulantes. Enfin, nous vérifierons la fonctionnalité complète du prototype en mode preview.

Objectifs de cette leçon

A l'issue de cette vidéo, vous serez en mesure de :
1. Concevoir et prototyper une interface utilisateur mobile.
2. Utiliser des frameworks de design pour optimiser les images et gérer les interactions utilisateurs.
3. Créer des cartes interactives et des listes filtrables pour une meilleure expérience utilisateur.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en UX/UI design et une familiarité avec les outils de prototypage.

Métiers concernés

Ce sujet est particulièrement pertinent pour les UX/UI designers, les développeurs d'applications mobiles, et les chefs de projets IT impliqués dans le développement d'interfaces utilisateur mobiles.

Alternatives et ressources

Les alternatives aux solutions présentées dans cette vidéo incluent :
1. Figma
2. Adobe XD
3. Sketch

Questions & Réponses

L'objectif principal de la page d'accueil est d'afficher une carte interactive des food trucks situés autour de l'utilisateur.
L'optimisation des images est importante pour garantir une navigation rapide et fluide dans le prototype, sans ralentissements.
La filtrage des food trucks par type de repas est réalisée en utilisant un champ de recherche incluant une liste déroulante (drop list).