• 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

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