WEBVTT

00:00:03.060 --> 00:00:06.999
Do you find the terms "user experience" 
and "user interface" confusing?

00:00:07.200 --> 00:00:12.502
"User experience" and "user interface" are related&nbsp;and sound similar, but they mean different things.

00:00:12.502 --> 00:00:16.123
Don Norman, the inventor of the term "user&nbsp;experience", said,

00:00:16.123 --> 00:00:21.502
"User experience encompasses all aspects of the end-user's interaction with the&nbsp;company,

00:00:21.502 --> 00:00:24.537
its services and its products."

00:00:24.537 --> 00:00:29.051
- They're all about optimizing for the people, try to use&nbsp;and understand

00:00:29.051 --> 00:00:32.051
what they're given so that they can understand it,

00:00:32.051 --> 00:00:34.319
so that they know what to do when something goes wrong,

00:00:34.319 --> 00:00:36.829
so they know how to actually accomplish their goals,

00:00:36.829 --> 00:00:40.402
so they feel&nbsp;good about it and the technology does not get in the way.

00:00:40.402 --> 00:00:43.908
- UX designers have to create an all-around&nbsp;pleasurable experience

00:00:43.908 --> 00:00:46.068
that meets the needs of the users.

00:00:46.068 --> 00:00:50.334
This holistic perspective is what makes&nbsp;
it different from user interface or UI.

00:00:50.334 --> 00:00:54.064
- User experience design, or UX design, is everywhere,

00:00:54.064 --> 00:00:57.466
from how you interact with your smartphone to how your home is designed.

00:00:57.466 --> 00:01:01.717
Of course, not all&nbsp;experiences are well designed, and that's why UX design is

00:01:01.717 --> 00:01:04.376
such a rewarding and challenging&nbsp;field to be in.

00:01:04.376 --> 00:01:08.410
- The user interface encompasses all the visual elements the user sees,

00:01:08.410 --> 00:01:13.475
hears and&nbsp;interacts with, including colors, typography, buttons, icons,

00:01:13.475 --> 00:01:15.775
screen animations and more.

00:01:15.775 --> 00:01:20.075
These visual&nbsp;elements are key to support tasks and usability.

00:01:20.220 --> 00:01:25.380
UI is how a product looks and all its visual&nbsp;
elements, which plays a significant role in UX,

00:01:25.380 --> 00:01:27.775
which is the overall product experience.

00:01:27.775 --> 00:01:32.455
- What you&nbsp;need to do to get good is to remember those couple of things:

00:01:32.455 --> 00:01:37.206
Always align your buttons well. Always&nbsp;
create hierarchy by larger spacing

00:01:37.206 --> 00:01:41.757
between groups and reuse the basic forms

00:01:41.757 --> 00:01:46.440
and just a couple of&nbsp;colors initially because that's going to help you

00:01:46.440 --> 00:01:51.001
get better understanding of what is really&nbsp;
important in that UI design.

00:01:51.001 --> 00:01:54.937
And then you can experiment and you can explore outside of those&nbsp;boundaries.

00:01:54.937 --> 00:01:58.662
Let's look at it this way – observe the car dashboard.

00:01:58.662 --> 00:02:04.937
What you see, the icons, layout,&nbsp;even the shape and location of the gear shift are all UI.

00:02:04.937 --> 00:02:09.122
The holistic experience of what you&nbsp;
*feel* – "Is it easy to drive?

00:02:09.122 --> 00:02:11.910
Is it comfortable and intuitive to use?

00:02:11.910 --> 00:02:14.673
Is it easy to understand the&nbsp;information displayed?"

00:02:14.673 --> 00:02:18.474
– is the overall UX, and both are essential to design

00:02:18.474 --> 00:02:22.040
brilliant and&nbsp;successful solutions and experiences.

