WEBVTT

00:00.000 --> 00:06.000
Music

00:06.000 --> 00:08.000
Learning objectives.

00:08.000 --> 00:10.000
What are interactive design elements?

00:10.000 --> 00:12.000
Why is feedback important?

00:12.000 --> 00:16.000
Creating interactive elements.

00:16.000 --> 00:18.000
Hello everyone.

00:18.000 --> 00:20.000
We will explore interactive design elements.

00:20.000 --> 00:22.000
By the end of our lesson,

00:22.000 --> 00:24.000
you'll know what these elements are

00:24.000 --> 00:28.000
and why they make our apps and websites fun and easy to use.

00:28.000 --> 00:32.000
Let's get started.

00:32.000 --> 00:36.000
Interactive design elements are the parts of a website or app

00:36.000 --> 00:40.000
that you can click, tap or slide.

00:40.000 --> 00:43.000
Think of buttons, menus,

00:43.000 --> 00:49.000
sliders, and even animations that show you when something is happening.

00:49.000 --> 00:53.000
For example, when you press a button and it changes color,

00:53.000 --> 00:57.000
that's a visual clue telling you your action was noticed.

00:57.000 --> 01:01.000
This is what we call visual feedback.

01:01.000 --> 01:03.000
Imagine you're filling out an online form

01:03.000 --> 01:05.000
and you forget to enter your email.

01:05.000 --> 01:07.000
When you try to submit it,

01:07.000 --> 01:09.000
a red warning message appears saying,

01:09.000 --> 01:13.000
please enter a valid email address.

01:13.000 --> 01:15.000
That's feedback.

01:15.000 --> 01:19.000
It lets you know that something needs to be fixed before you can continue.

01:19.000 --> 01:25.000
Can you think of another example of feedback you've seen on a website or app?

01:25.000 --> 01:30.000
Now, let's talk about how you can create these interactive elements.

01:30.000 --> 01:35.000
Imagine you're designing a simple app wireframe.

01:35.000 --> 01:40.000
Step 1. Draw basic shapes for buttons and menus.

01:40.000 --> 01:44.000
Step 2. Decide what each element should do.

01:44.000 --> 01:47.000
For example, when someone clicks the submit button,

01:47.000 --> 01:50.000
a message should appear.

01:50.000 --> 01:53.000
Step 3. Think about the feedback.

01:53.000 --> 01:55.000
Should the button change color?

01:55.000 --> 01:58.000
Should there be a tiny animation or a text message?

01:58.000 --> 02:02.000
Remember, the goal is to make sure the user always knows

02:02.000 --> 02:05.000
that their action has been registered.

02:05.000 --> 02:09.000
Take a minute and sketch a simple wireframe on your paper.

02:09.000 --> 02:13.000
Add one interactive element like a button or slider

02:13.000 --> 02:17.000
and think of one way to show feedback when it's used.

02:17.000 --> 02:21.000
We learn that interactive design elements are not just about making things look pretty.

02:21.000 --> 02:26.000
They help users understand and enjoy their experience on a site or app.

02:26.000 --> 02:30.000
As you design, always ask yourself,

02:30.000 --> 02:33.000
what happens when I click this button?

02:33.000 --> 02:37.000
How will the user know that something is happening?

02:37.000 --> 02:41.000
These questions ensure that your design is both and useful.

02:41.000 --> 02:46.000
Share one interactive element use every day and note down how it helps.

02:51.000 --> 02:54.000
Thanks for watching.