Skip to content
AI Exercises
–points–day streak

What is UI (user interface)?

UI is the look and controls of an app: the buttons, menus, text boxes, icons and colours you see and tap.

In real life

In a car, the UI is the dashboard: the steering wheel, buttons, dials and screen you use to control it.

Try it yourself

Screen size

Switches

This lesson
rosas-bakery.example
Rosa's BakeryLogo
Basket (0)Basket counter

Fresh bread, baked at 6am

Heading

Order by 10am, collect after lunch.

  • Image

    Sourdough loaf

    £4.00

    Button
  • Cinnamon bun

    £2.50

  • Lemon cake

    £3.00

Every labelled piece is part of the UI: the things you see and use. Switch labels off to see the page as a visitor would.

Where you will use this

  • Track 2, lesson 3: Generate your first appComing soon
  • Module 6: Getting found (search previews)Coming soon

Quick check: UI

Question 1 of 3

Which of these is a UI element?

Which of these is a UI element?