• Aller au contenu
  • Choisir la langue
  • Aller à la recherche
OpenClassrooms.comOpenClassrooms.com
Nos formations
100% en ligne et à votre rythme.
Comparer nos formations
Apprendre un métier
Formations diplômantes
Apprenez un métier d’avenir grâce à des projets concrets et un mentor individuel.
Découvrir un sujet
Cours en libre accès
Développez vos connaissances avec plus de 500 cours régulièrement mis à jour
Alternance
100% en ligne et à votre rythme.
Étudiants
Se former en alternance
Démarrez une nouvelle carrière grâce à nos formations diplômantes en alternance 100% en ligne, financées et rémunérées.
Voir les opportunités d'emploi
Accédez à des milliers d’opportunités d’emploi en alternance toute l’année.
Employeurs
Recruter en alternance
Accédez aux profils qualifiés toute l’année, créez une offre d’emploi avec l’IA ou recevez une sélection des meilleurs talents.
Finaliser l’embauche d'un candidat
Vous avez trouvé le candidat idéal ? Partagez ses coordonnées pour poursuivre le processus de recrutement.
Financements
Pour les employeurs
Formez et recrutez des talents grâce à un espace tout-en-un.
Découvrir notre solution
Formation & reconversion
Développer les connaissances
Bibliothèque de +500 cours en autonomie - SPARK
Booster les compétences
Programmes intensifs mentorés - BOOST
Accompagner les reconversions
Parcours de formation mentorés - PIVOT
Recrutement
Recruter en alternance
Accédez aux profils qualifiés toute l’année, créez une offre d’emploi avec l’IA ou recevez une sélection des meilleurs talents.
Finaliser l’embauche d'un candidat
Vous avez trouvé le candidat idéal ? Partagez ses coordonnées pour poursuivre le processus de recrutement.
Create Simple Prototypes With Wireframes

Table of contents

  • Part 1

    Identify key design elements through wireframes

    • 1

      Examine digital products through wireframes

    • 2

      Design for the device

    • 3

      Consider the first user experience

    • 4

      Observe psychological principles in action

    • 5

      Annotate examples of interaction design

    • 6

      Make note of microinteractions

    • 7

      Get some practice sharing your wireframes

    • Quiz: Examine what makes up a screen

  • Part 2

    Apply the design process to create your own rapid prototype

    • 1

      Contextualize the design process and interview your user

    • 2

      Explore the problem

    • 3

      Break down the user flow

    • 4

      Sketch your screens

    • 5

      Create and test your clickable prototype

    • 6

      Consider your next steps

    • Quiz: Prototyping within the design process

Table of contents

  • Part 1

    Identify key design elements through wireframes

    • 1

      Examine digital products through wireframes

    • 2

      Design for the device

    • 3

      Consider the first user experience

    • 4

      Observe psychological principles in action

    • 5

      Annotate examples of interaction design

    • 6

      Make note of microinteractions

    • 7

      Get some practice sharing your wireframes

    • Quiz: Examine what makes up a screen

  • Part 2

    Apply the design process to create your own rapid prototype

    • 1

      Contextualize the design process and interview your user

    • 2

      Explore the problem

    • 3

      Break down the user flow

    • 4

      Sketch your screens

    • 5

      Create and test your clickable prototype

    • 6

      Consider your next steps

    • Quiz: Prototyping within the design process

Examine what makes up a screen

Test your knowledge!

Create an account for free or log in to take this course and complete this quiz.
Create an accountLog in

Question 1

Question 2