WEBVTT

00:00:00.000 --> 00:00:33.160
User Interface Design Patterns are recurring components
which designers use to solve common problems in interfaces.
like, for example, when we think about those regular things
that often are repeating themselves to kind of appear in, you know, in complex environments
We need to show things that matter to people when they matter and nothing else.
Right.
it's just really sad what we see.
Like, for example, if you look at Sears, right?
Sears is just one of the many e-commerce sites,
you know, nothing groundbreaking here.
So you click on one of the filters and then the entire interface freezes

00:00:33.160 --> 00:01:00.640
and then there is a refresh and you're being scrolled up.
And I always ask myself, is this really the best we can do?
Is really the best kind of interface for filtering that we can come up with,
or can we do it a bit better? Because we can do it a bit better.
So this is a great example where you have galaxies and then galaxies,
you have all this filters which are in rows.
Sometimes they take three rows, sometimes four or sometimes five rows.
That's okay.
Show people filters, show people buttons if they important show them.

00:01:00.640 --> 00:01:32.480
Right.
But what's important here, what I really like
is we do not automatically refresh.
Instead, we go ahead and say, "Hey, choose asmany filters as you like", right?
And then whenever you click on show results,
it's only then when you actually get an update coming up in the back.
Which I think is perfectly fine.
You don't need to auto update all the time.
And that's especially critical
when you're actually talking about the mobile view.
The filter.
Sure, why not? Slide in, slide out, although I probably prefer accordions instead.

00:01:32.480 --> 00:02:01.120
And you just click on show products
and it's only then when you return back to the other selection of filters
and only when you click okay, show all products,
then you actually get to load all the products, right?
Designing good UI patterns is important
because it leads to a better user experience, reduces usability issues,
and ultimately contributes to the success of a product or application.
It's a critical aspect of user centered design and product development.