Skip to content
An AI-driven
UX & UI masterclass
Back to course
Design fundamentals Lesson 1 of 16

Recognize good and bad design.

Learn to spot what makes a screen easy or hard to use. Compare examples, then explain what you notice.

A red-orange wedge balances ivory planes; a graphite lowercase f sits on the right plane, with olive leaves, sunlight, and a pencil sweep.

What you will learn.

Point to a visible design choice and explain how it helps or gets in the way of a task.

Before you begin.

Open the Assignments page in your C27 Academy Figma Design file. No earlier Design fundamentals lesson is required. The three reference pairs and the fictional booking demonstration are supplied here.

Learn the concept.

Judge a design against a particular person’s goal. Name a detail you can see, then explain how it might help or get in the way. “Clearer in this example” does not mean “proven easier for everyone.” A screenshot cannot show whether a control works. Prices and screens in these archived examples are historical; you are comparing their presentation, not checking today’s prices.

The idea in practice

See a worked example: which page makes booking easier?

This fictional booking pair is a teaching demonstration. Someone wants to book a pottery class. Compare the date, price, and booking control on the two pages.

Page ALess clear
Download
Page BClearer
Download

Which page makes the easier to find?

Patagonia

Less clear
Download

The is easy to miss

The is small. The and bright purchase button draw more attention.

Caraway

Clearer
Download

The stands out

The is larger than the below it. That difference helps it stand out.

Which page makes easier to find?

Room & Board

Less clear
Download

The hides the choice

The can sound like you need to create an , even though the text below says you can buy without one.

Etsy

Clearer
Download

The Continue as a Guest button is placed first

Continue as a guest clearly says you can continue with your purchase without creating an .