Designing a Low Fidelity Prototype in Figma

Offert par
Dans ce Projet Guidé gratuit, vous :

Create a low fidelity prototype of a music streaming mobile app in Figma

Use Figma UI Kits to design low fidelity prototypes

Export and share Figma prototype with other stakeholders

Mettez en valeur cette expérience pratique dans un entretien

2.5 hours
Adapté aux débutants
Aucun téléchargement requis
Vidéo en écran partagé
Anglais
Ordinateur de bureau uniquement

How would you quickly validate an app idea you have, or get feedback on a new feature for a product you are building? In this digital age, you can quickly create, test, and share user interface designs for digital products such as mobile apps and websites using online tools like Figma. This Guided Project 'Designing a Low Fidelity Prototype in Figma' is for anyone who wants to learn to use standard industry tools in the design field to build low-fidelity prototypes of digital products. Low-fidelity prototyping is a quick and easy way to translate high-level design concepts into tangible and testable artifacts. The first and most important role of low-fidelity prototypes is to check and test functionality rather than the visual appearance of the product. In this 1-hour long project-based course, you will learn how to create a low fidelity prototype of a music streaming mobile app in Figma, how to use Figma UI Kits to design app screens, and how to export and share Figma prototypes with other stakeholders. In order to be successful in this project, you will need to be familiar with the principles of UI/UX design. You will also need to create an account in Figma. Let's get started!

Conditions

Knowledge of UI/UX design principles.

Les compétences que vous développerez

  • Website Wireframe

  • UI/UX design

  • Prototyping

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. Create an account in Figma

  2. Explore the Figma Interface and Add a Frame

  3. Draw UI elements on Your Screen

  4. Practice Task: Draw UI Elements on Your Screen

  5. Make Components

  6. Build your User Interface with Components

  7. Use UI Kits to Create Designs in Figma

  8. Practice Task - Design a User Interface with Simple Elements and Components

  9. Present and Export Your Prototype

  10. Designing a User Interface for an A/B Test.

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.

Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.

À partir du Projet Guidé, vous pouvez télécharger et conserver tout fichier que vous avez créé. Pour ce faire, vous pouvez utiliser la fonction « Navigateur de fichiers » pendant que vous accédez à votre bureau cloud.

En haut de la page, vous pouvez appuyer sur le niveau d'expérience de ce Projet Guidé pour afficher les connaissances requises. Pour chaque niveau de Projet Guidé, votre enseignant vous guidera étape par étape.

Oui, tout ce dont vous avez besoin pour terminer votre Projet Guidé sera présent sur un bureau cloud disponible dans votre navigateur.

Vous apprenez en effectuant des tâches dans un environnement à écran partagé, directement dans votre navigateur. Sur le côté gauche de l'écran, vous terminez la tâche dans votre espace de travail. Sur le côté droit de l'écran, vous voyez un(e) enseignant(e) qui vous guide tout au long du projet, étape par étape.