1
00:00:00,000 --> 00:00:09,257
[MUSIC]

2
00:00:09,257 --> 00:00:10,204
Hi, I'm Nick.

3
00:00:10,204 --> 00:00:11,165
In this course,

4
00:00:11,165 --> 00:00:16,220
we're going to learn how to create
interactive prototypes using Adobe XD.

5
00:00:16,220 --> 00:00:18,100
When creating a new website or

6
00:00:18,100 --> 00:00:22,140
an app, it can be tempting to
dive into code right away.

7
00:00:22,140 --> 00:00:25,090
However, writing code can
be time consuming and

8
00:00:25,090 --> 00:00:28,990
expensive, especially if you
have to make changes later on.

9
00:00:28,990 --> 00:00:33,794
Instead, it's much better to create
interactive, visual prototypes so

10
00:00:33,794 --> 00:00:37,531
you can explore how it might
feel to use a product before you

11
00:00:37,531 --> 00:00:40,211
start doing the hard work of building it.

12
00:00:40,211 --> 00:00:44,544
Designers will often create multiple
iterations of the same concept

13
00:00:44,544 --> 00:00:48,288
to explore different options and
with looming deadlines.

14
00:00:48,288 --> 00:00:52,333
And the high cost of engineering
finish products, it's important that

15
00:00:52,333 --> 00:00:56,179
the designers are able to iterate
quickly to find the best solution,

16
00:00:56,179 --> 00:00:58,350
as soon as possible.

17
00:00:58,350 --> 00:01:01,331
Usually I like to draw
websites on paper first,

18
00:01:01,331 --> 00:01:05,290
and create wire frames,
which are just simple line drawings.

19
00:01:05,290 --> 00:01:09,942
But sometimes, you're working on a high
profile project or you need to communicate

20
00:01:09,942 --> 00:01:14,860
using higher fidelity visuals, that
more closely reflect the final result.

21
00:01:14,860 --> 00:01:19,000
And when those iterations are finished,
it's just as important,

22
00:01:19,000 --> 00:01:22,840
that you're able to share your
designs with the rest of the team.

23
00:01:22,840 --> 00:01:26,420
This is what makes
Adobe XD a great choice.

24
00:01:26,420 --> 00:01:29,640
You can quickly block out
content areas and buttons.

25
00:01:29,640 --> 00:01:32,590
Include higher fidelity
visuals if necessary.

26
00:01:32,590 --> 00:01:38,160
And then hook them up into an interactive
prototype that can be shared with others.

27
00:01:38,160 --> 00:01:41,740
Now, let's take a look at
Adobe XD in more detail.