- There was a phrase that I tend

to regularly drop on my students and it is this:

Fall in love with the user, not the technology.

It is quite common for UX designers

to get caught up in the UX technology process

of research, mapping user journeys, creating personas,

and somehow forgetting there is a user

who will actually use the product.

The result is something we've all encountered.

We open an app and don't have a clue how to use it.

The result is the app will inevitably be ignored or deleted.

This is exactly why onboarding experiences are so important.

They help the user ease into the application

by providing useful interactions or simple instructions.

And the upside to all of this is a happy and long-term user.

In this example, which you can see here,

I am using what is called the nickel tour.

This design pattern uses a few short screens

that outline the value of the app

and the basics of navigating through it.

In this case,

we will assume it is an app for Canada's Georgian Bay,

designed to allow people to explore

what they can do when they visit.

In this case, the onboarding screens

are a medium fidelity version of the sequence

and as you can see, it's prepared in sketch.

Each card has a short headline, a dramatic image,

and a concise explanation of activities to pursue.

As well, the dots down here give the user a visual clue

regarding where they are in the sequence,

and the skip button at the bottom

allows the user to bail out at any time.

In short, there's a lot of user love here.

The problem with sketch is that it is static.

We can't prototype the user

dragging between the onboarding screens.

Thus the decision to create that interaction

in Adobe Experience Design.

Okay, so why XD and not such applications

as UX Pin, Principle, InVision, or any other tool?

Simple.

Nobody cares how you did it,

they just care that you did it.

So we need to prepare the sketch project for XD.

Now, the first thing to realize is

you don't need all three screens.

XD can directly open a sketch file

and all elements will be in place and editable.

To accomplish this, I simply drag the paddling

and the hiking cards into the climb art board.

These are going to be common to all the art boards,

so we don't even need this stuff.

So we'll just select paddle and hike,

and we can delete these two art boards.

Now, if I open the layers panel here,

you can see that everything is in place.

I'm just going to move this bars to the top.

I prefer to do that.

And you can see that each group is in place

and sort of in the order they were down at the page.

So all you have to do is to save the file and open it in XD.

(bubbly music)