• Skip to content
  • Select language
  • Skip to search
OpenClassrooms.comOpenClassrooms.com
Our training programs
Online and at your own pace.
Compare our training programs
Learn a profession
Degree programs
Acquire in-demand skills with real-world projects and one-to-one mentoring.
Discover a topic
Free-access courses
Broaden your knowledge with 500+ regularly updated courses
Apprenticeship
Online and at your own pace.
Students
Start an apprenticeship
Kick off a new career with our 100% online registered apprenticeship degrees, which offer a monthly salary and no fees.
Consult job opportunities
Access thousands of apprenticeship job opportunities across France all year round.
Employers
Hire apprentices
Access qualified candidates all year round, create a job posting with AI, or receive a tailored selection of top talent.
Finalize the hiring of a candidate
Found the perfect candidate? Share their details to proceed with the hiring process.
Funding options
For employers
Train and recruit talents through an all-in-one space.
Discover our solution
Upskilling & reskilling
Enhance your knowledge
with a library of 500+ self-guided courses - SPARK
Promote hard and soft skills
with mentor-led intensive programs - BOOST
Support career progression
with mentor-led training programs - PIVOT
Recruitment
Foster talents
Access qualified candidates all year round, create a job offer with AI, or receive a tailored selection of top talent.
Finalize the hiring of a candidate
Found the perfect candidate? Share their details to proceed with the hiring process.
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

Prototyping within the design process

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