Installation de Figma
Découverte de l'interface
Refonte de l'application météo "Rain Today"
Prototypage de l'app
Pour aller plus loin / Bonus
Détails de la leçon
Description de la leçon
Dans cette leçon, nous explorons le processus de création d'un design d'application mobile à partir d'un wireframe. L'approche commence par des esquisses sur un carnet pour structurer les éléments clés. Ensuite, nous passons à une version basse résolution appelée wireframe, permettant un premier aménagement de l'écran. Par exemple, une prévision météorologique initialement représentée avec un simple pictogramme évolue vers une interface plus élaborée. Les placements d'éléments comme les heures ou les barres de recherche peuvent être ajustés pour améliorer l'ergonomie. Ce processus itératif est crucial pour garantir une expérience utilisateur optimale. Enfin, une couche de design graphique est appliquée, conférant à l'application une présentation finale polie et professionnelle.
Objectifs de cette leçon
Les objectifs de cette vidéo sont les suivants :
- Comprendre l'importance d'un wireframe pour le design d'application
- Apprendre à structurer des idées sur papier avant de passer au numérique
- Identifier les ajustements nécessaires pour améliorer l'ergonomie et l'expérience utilisateur
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design UX/UI et en développement d'applications mobiles.
Métiers concernés
Ce sujet est pertinent pour les métiers suivants : Designer UX/UI, Développeur d'applications mobiles, Chef de projet numérique, et Spécialiste en ergonomie digitale.
Alternatives et ressources
En plus des wireframes, d'autres techniques peuvent être employées telles que les mockups, les prototypes interactifs ou les storyboards.
Questions & Réponses
Je m'abonne