Tous les cours

Design

Create Simple Prototypes With Wireframes

Use wireframes to communicate how a website or app will work. Diagram user flows to make sure the steps are all in place.
DifficultéMoyenne15 heures
Ce cours en libre accès vous intéresse ?

This course explores wireframes and prototypes through the lens of design. Wireframes are simple but effective ways to communicate your ideas. They're like creative blueprints that guide your visual design.

Taking the time to sketch wireframes before you start working on the computer will save you time and energy. By creating a low-fidelity mock-up, you'll be able to get a better understanding of what is necessary on each screen, whether something functions as you expected, and how users respond to it through quick testing.

For the first part of the course we'll reverse engineer existing websites and apps in order to build your own library of essential and common design elements. We'll examine the psychology behind design as well as interaction design.

During the second part of the course, we'll examine wireframes and prototypes in the context of the design process, including how to move fast during the design process. You'll probably be surprised how much you can create and accomplish within a limited time frame.

Each chapter includes a prompt and a mini challenge to help you build your skills and to set you up for success in future projects!

Objectifs pédagogiques

  • Apply psychology to design
  • Use wireframes to communicate ideas
  • Annotate wireframes to understand interaction design
  • Integrate wireframes into a design process
  • Create low-fidelity prototypes

Et si vous en faisiez votre métier ?

Suivez une des formations diplômantes de notre école 100% en ligne, et transformez vos connaissances en compétences professionnelles.

  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel

Contributeurs

Professeur

Anne Ditmeyer

Designer and creative consultant who writes and travels. Find me online at anneditmeyer.com + @pretavoyager!

Créé par

Mis à jour le 23/01/2025

Licence

Design

Create Simple Prototypes With Wireframes

DifficultéMoyenne15 heures
Cours en libre accès