WEBVTT

00:00:00.600 --> 00:00:04.350
So what have we learned in this video
series about designing a website when it

00:00:04.351 --> 00:00:08.730
comes to the mobile user? The first
thing, and I keep repeating this point,

00:00:08.790 --> 00:00:12.300
is that we absolutely must consider
designing for the mobile user.

00:00:12.780 --> 00:00:16.200
For the simple reason that there are
more people visiting websites from mobile

00:00:16.201 --> 00:00:18.000
devices than any other kind.

00:00:18.630 --> 00:00:21.540
And it's not just people choosing to do
less and less of their browsing from a

00:00:21.541 --> 00:00:25.560
desktop or laptop. In markets
like Africa, South America,

00:00:25.561 --> 00:00:29.760
and much of Asia, the smartphone is
many users' only access to the internet.

00:00:29.910 --> 00:00:33.690
There is no desktop computer
waiting for them at home. Two.

00:00:34.140 --> 00:00:37.410
When building a mobile-responsive
website, design for mobile first,

00:00:37.650 --> 00:00:38.970
then for larger screens.

00:00:39.570 --> 00:00:43.410
Adding elements to a core design is just
less painful than whittling away at a

00:00:43.411 --> 00:00:44.280
more elaborate one.

00:00:44.880 --> 00:00:48.180
If your software allows you to design
for multiple screens side by side,

00:00:48.330 --> 00:00:52.410
even better. Three. When
designing for users on the go,

00:00:52.440 --> 00:00:55.710
keep the number of steps between
them and their goals to a minimum.

00:00:56.520 --> 00:00:58.980
A good rule of thumb is,
the smaller the screen,

00:00:59.010 --> 00:01:01.620
the fewer the taps you
want users to have to make.

00:01:02.460 --> 00:01:03.870
While this applies to all
user experience design,

00:01:03.871 --> 00:01:08.310
it is even more critical
for small screens. Four.

00:01:08.790 --> 00:01:10.590
Although you can never
really ignore mobile users,

00:01:10.591 --> 00:01:14.370
there are times when you don't
want to design primarily for them.

00:01:14.970 --> 00:01:15.720
For example,

00:01:15.720 --> 00:01:20.010
when a strong visual or emotional
impression comes first or the desired

00:01:20.011 --> 00:01:23.640
conversion is a high-involvement
purchase. Five. Sure,

00:01:23.970 --> 00:01:26.370
it's important to think of screen size.

00:01:26.910 --> 00:01:30.660
But better to begin by asking how
urgent is your visitor's need?

00:01:30.810 --> 00:01:34.020
Then ask yourself what kind of
device they're most likely using.

00:01:34.170 --> 00:01:36.870
Proceed from there. Finally,

00:01:36.900 --> 00:01:40.110
I'll leave you with one more way
to put mobile users into context:

00:01:40.290 --> 00:01:44.880
The mobile visitor is generally interested
in shorter interactions--finding an

00:01:44.881 --> 00:01:47.460
address, dipping into Twitter or Facebook,

00:01:47.880 --> 00:01:51.240
checking to see if that email arrived.
For the desktop/laptop visitor,

00:01:51.241 --> 00:01:54.390
the quality of their web
experience is more important.

00:01:54.450 --> 00:01:58.380
They expect something richer and
probably more prolonged. And the tablet?

00:01:59.130 --> 00:02:00.630
While used in several enterprise contexts,

00:02:00.631 --> 00:02:03.510
it is still primarily used for leisure.

00:02:04.350 --> 00:02:07.290
Good luck with your project and if
you're struggling a bit with this one,

00:02:07.380 --> 00:02:08.400
keep in mind that old saying:

00:02:08.401 --> 00:02:12.960
"You can please some of the people
some of the time." In other words,

00:02:13.230 --> 00:02:16.950
design always involves some compromise.
Deciding when to make those compromises?

00:02:16.951 --> 00:02:20.250
That's the real art of
designing for mobile.