Bummer! This is just a preview. You need to be signed in with a Pro account to view the entire video.
Start a free Basic trial
to watch this video
How to Design with Science
42:35 with Joe LeechThe poet John Keats famously blamed scientists experimenting with light for 'unweaving the magic of the rainbow'. Joe will look at applying science to design to make our apps and websites better. We'll look at different types of data, from user research and analytics, to psychology and multi-variant testing. How to research, collect, source, asses and most importantly design using data without losing the magic.
-
0:00
[MUSIC]
-
0:15
[APPLAUSE] >> Hello everybody.
-
0:19
How are you doing?
-
0:21
So today I'm gonna be talking about how to design with science (and not
-
0:24
destroy the magic).
-
0:26
So a little bit about me.
-
0:28
So hands up, show of hands.
-
0:30
Hands up if you've ever booked a hotel room online.
-
0:34
Oh, look at this. Hands
-
0:35
up if you've ever bought a train ticket in the UK.
-
0:38
Yeah, hands up if you've ever anything on a large online auction site at
-
0:44
some point, yeah, okay.
-
0:46
So you've all used something that I've designed over the years.
-
0:48
So I've worked with people like Mariott Hotels, Expedia,
-
0:52
the Train9 in the UK, eBay, people like that as well.
-
0:56
And my background is user experience, I'm an user experience consultant.
-
1:00
And what that means is typically I do three activities in UX.
-
1:03
I do, a third of my time I spend researching,
-
1:06
a third of my time I spend talking about digital strategy and
-
1:10
getting stuff done and a third of my time rolling my sleeves up and
-
1:14
actually designing and I tend to get involved in all three parts of.
-
1:19
Use you experience well.
-
1:21
And today, what we're gonna talk to you about is effectively design and designs.
-
1:26
And it is really talking about how these three things interrelate.
-
1:30
How to get the evidence from things like research, to define the strategy so
-
1:34
the company and organization you work for knows what to do and then the easy bit,
-
1:38
which is the execution of the design at the end.
-
1:41
I say easy you know what I mean.
-
1:44
Design, what is design?
-
1:46
Here is a quote from The UK Design council.
-
1:49
I added one word in, I added the word code in because I figured oh,
-
1:51
there are some developers out there.
-
1:53
And the coding side of it is incredibly important.
-
1:58
One of the things with design is often In design, and often with a project
-
2:03
that we were working on, something gets in the way of it happening.
-
2:07
Something makes our job harder,
-
2:09
something stops us from doing the greater work that we want to do.
-
2:12
So, hands up if this ever happened to you, a product goes live, and
-
2:16
it's lost the magic, the original design and vision that you've already worked on.
-
2:19
Hands up if that's ever happened to you.
-
2:21
Few of you.
-
2:21
Good stuff.
-
2:24
The team or client you work with continually questions your choices,
-
2:27
your judgement, effectively everything you do.
-
2:30
You're constantly questioned in terms of the design work, the product work,
-
2:34
the code work that you do.
-
2:35
Hands up if you've had this one.
-
2:36
Constant questioning, yeah, you've all been there.
-
2:39
Haven't you?
-
2:40
This one, an awful one, being micromanaged by your boss and your client.
-
2:43
Stood behind you, moving pixels this way, moving stuff that way,
-
2:47
can you make the logo bigger, no bigger, has this happened to you,
-
2:50
being micromanaged by you, yeah, we've all been there, haven't we.
-
2:53
What about this one, Schlimmbesserung, perhaps this has ever happened to you?
-
2:58
[LAUGH] Just checking you're paying attention and
-
3:03
not just putting your hands up.
-
3:04
This is a German word and what I love about the German language is it's
-
3:09
incredibly expressive in terms of what it means.
-
3:11
They have words for things like this.
-
3:15
[FOREIGN] is the action of trying to improve something and
-
3:20
actually ending up making it worse than it was before you started.
-
3:24
So hands up if you've ever been involved in that,
-
3:25
where you tried to improve something, and
-
3:27
you've ended up making it worse [LAUGH] than what it originally started.
-
3:30
Yes.
-
3:31
There's a word for it, it's schlimmbesserung.
-
3:33
So if you remember one thing from this talk, you've learned a new word in German.
-
3:38
And it happened to me, it happened to me so much, especially early on in my career.
-
3:42
And I want to talk to you today about how I got over that hump of all of those four
-
3:47
particular problems I found in my design and project work that I was working on.
-
3:52
And it started with an article I wrote in 2009,
-
3:56
this has been read by around about three quarters of a million people,
-
4:01
well it has been read through three quarters of a million times.
-
4:04
How many of you have read this article or come across this before, yeah?
-
4:07
Good for you, that's good to hear.
-
4:09
So I wrote this and this article just went nuts cause I had this problem,
-
4:13
I had this real problem in a design meeting.
-
4:15
Where my client was like, well we just need to cram everything on top of
-
4:19
the page, everything needs to be above the fold and
-
4:21
I'd be like [SOUND] come on seriously you can't do that.
-
4:24
And I knew all the evidence for why you shouldn't that, had it all there but
-
4:28
I'd never quite put it together into a reasoned argument, so
-
4:31
I did I published a blog post.
-
4:34
And within that, I use some evidence, I use some evidence.
-
4:36
This is from an eye tracker.
-
4:38
So what an eye tracker does is it allows you to understand and see what a user is
-
4:42
looking at on the page of a website or design you are looking at.
-
4:47
I tested two designs,
-
4:48
this is from my local airport an airport called Bristol Airport.
-
4:52
In the UK and what I did is I tested two versions of the design.
-
4:55
One of which we crammed loads of stuff above the fold, the one on the right,
-
5:01
your left and the one on the far side is where we didn't cram stuff above the fold,
-
5:05
and look at what happened,
-
5:07
the page was explored more, stuff was engaged with further down the fold.
-
5:12
This evidence, and this sign, showed that by cramming stuff above the fold,
-
5:17
uses a less likely to explore the rest of the page that's there.
-
5:20
There was some science, suddenly, things started to get easier.
-
5:25
Every time I showed this image to my client, fantastic.
-
5:28
They got what I was trying to say.
-
5:30
Handy, really really handy stuff.
-
5:32
So useful,
-
5:33
as I have said, almost three quarters of a million times this article has been read.
-
5:36
I still get so much email about this.
-
5:39
I am still the flipping page fold guy who still follows me around.
-
5:45
And design is a difficult and challenging process.
-
5:51
This is from Alan Cooper.
-
5:51
Alan Cooper is one of the guys behind visual basic,
-
5:55
a famous developer, he also wrote lots of good books on user experience.
-
5:59
Design is not so much a design issue, it's a power struggle and
-
6:03
that's often what's true.
-
6:04
Even the most fantastically beautiful deigns, the most engaging code, the most
-
6:09
fantastic work, vision, and wire frames and stuff, you've created, is no good.
-
6:14
Unless you can communicate the value of that design
-
6:17
to the wider team that you're working with, because we don't work in isolation.
-
6:21
Maybe we did ten years ago, one man web teams used to happen, but
-
6:25
now we're a team.
-
6:26
We're a much wider team of men and women working together for a cause, so
-
6:30
we have to better communicate to our team, and
-
6:32
to our clients, why you have made the design decisions that we have.
-
6:37
And that's what I'm talking about today.
-
6:38
How to communicate using science to advocate your designs,
-
6:42
you make the right design and choices the stuff that you design and code and
-
6:47
build and plan and envision and search gets built.
-
6:52
Sees the light of day is out there in the real world.
-
6:58
So, first tactic I use when I'm doing this stuff is to talk stories.
-
7:03
And user research is a wonderful place to go and gather stories, and
-
7:07
as humans we respond so well to a story.
-
7:10
So let me tell you a story.
-
7:13
This is a lady called Jane.
-
7:15
And Jane is here, and
-
7:16
she's using an automated ticket machine at a train station in the UK.
-
7:20
So when you buy a train ticket in UK and Europe, buy it online, you have to collect
-
7:26
it at a station from an automatic machine, and then you can go and get on the train.
-
7:29
This photograph alone saved It's probably saved around about 150,000
-
7:35
hours of people's time in the UK and saved huge amounts of dollar in pound value
-
7:41
in the UK from this one photo alone I used to tell stories of what was going on.
-
7:46
This woman is collecting a train ticket and on this.
-
7:49
From this picture, you can spot a couple of things.
-
7:52
The first thing, when people are traveling,
-
7:54
they carry lots of bags with them when they travel.
-
7:59
Okay. Not revolutionary story, but
-
8:00
a story in itself.
-
8:04
What this told us, is that when people are carrying bags with them,
-
8:07
they don't got many hands to do stuff.
-
8:09
It's just really really hard to type stuff into a small screen
-
8:13
if you're carrying stuff, okay?
-
8:15
Number one, it was a story that people could engage with.
-
8:17
They're like yeah, completely, that makes a lot of sense.
-
8:20
Number two, if you're carrying a mobile phone, everybody carries a mobile phone.
-
8:26
What this company assumed, and what the British transport
-
8:29
system assumed is that everybody would print out the email confirmation,
-
8:32
would come along to the machine and would type the number in.
-
8:35
No, people have mobile phones generally in their hands.
-
8:38
They basically got no hands free to be able to do stuff.
-
8:41
So number one design change that we made based on this photograph
-
8:45
Is the credit card that you used to purchase your online train ticket.
-
8:49
All you have to do is push the credit card into the machine and
-
8:53
it will automatically give you your ticket,
-
8:55
don't have to punch a code in, do anything like that that you used to do.
-
8:58
And, that one change alone cut the queuing and
-
9:01
line times in the stations by 20 to 25 minutes of rush hour every morning.
-
9:07
So it's a huge amount of time and effort,
-
9:10
reduce amount of people not being to get that ticket some time and refunds.
-
9:13
This one photograph alone, with these two stories,
-
9:17
save millions of pounds and huge amount of time all from one photograph.
-
9:22
It was telling stories.
-
9:23
There's no technical specifications, there's no designs here, nothing.
-
9:27
All I used this photograph to do was to tell a story.
-
9:32
Another story this is a lady called Sally, and
-
9:36
Sally here is completing an insurance form online, okay.
-
9:41
Not the most exciting of things to do, what was interesting about this particular
-
9:46
story is what Sally said when she was completing the form.
-
9:48
And I have heard this a number of times since.
-
9:51
So what Sally said then was, I didn't see then the asterisk.
-
9:54
There is nothing there that was explains what they mean.
-
9:57
Now we all know exactly what those asterisks mean.
-
10:00
Those asterisks mean Mandatory fields.
-
10:02
You've got to complete this particular form field.
-
10:06
Now what this story showed us, and I've seen it a number of times since,
-
10:11
is that not everybody understands what's going on.
-
10:14
They don't know what this asterisk means.
-
10:16
Most people, a lot of the time when they're completing a form, and
-
10:19
like I said I've probably done maybe 5, 600 user tests in my career.
-
10:24
Every time I see somebody using a form,
-
10:25
what they do is complete a form until you tell them to stop completing that form.
-
10:30
This whole mandatory field stuff
-
10:32
is created by developers early on because it's a nice easy thing to code.
-
10:36
It's much easier to code things that people
-
10:39
shouldn't do rather than things that people should do.
-
10:43
It's a bad design choice.
-
10:45
It doesn't work all the time for all of the people.
-
10:51
So we may once more change which instead of making things marking the mandatory
-
10:55
fields we mark the optional fields with the word optional, simple stuff.
-
11:00
People understood it,
-
11:01
people got it, people knew they didn't have to complete those form fields.
-
11:04
It works for everybody.
-
11:06
People who understand the asterisks, and people who don't understand the asterisks.
-
11:09
It works for everybody.
-
11:10
Rather than this one, which only works for people who understand the short hand of
-
11:15
what's going on, or can be bothered to scroll to the top of the screen to find
-
11:18
out what the asterisk actually applies to, which nobody, let's face it, does.
-
11:22
Again, a story that made one change that meant more people completed the forms on
-
11:27
this insurance company's site than not and then telling that story made it easier for
-
11:32
me to make this change rather than say, people don't understand the asterisk.
-
11:35
So I had the story of Sally behind it and
-
11:38
a piece of video which helped prove and change it.
-
11:41
A bit of science helped Make this design and this project work.
-
11:49
And this is the most important thing that I learned earlier in my career is you
-
11:53
need to have strong ideas, like the one I've just shown you and
-
11:55
I can see a few of few shaking your heads going what, this is crazy.
-
11:58
You've got to have this stuff, you've got to be able to.
-
12:01
Talk about having a strong will to discuss what's going on.
-
12:04
You've gotta have the evidence to back up what's going on.
-
12:08
You shouldn't let those stories take over your life,
-
12:11
because a good example of how this has affected me and my career, and
-
12:14
the stuff that I've worked on, is I get very enthusiastic about ideas.
-
12:19
I get so excited about ideas, is that people don't choose,
-
12:22
or go with the ideas that I select, it makes me upset.
-
12:24
It makes me angry.
-
12:25
It makes me not want to be working what I'm doing.
-
12:28
It makes me feel very frustrated.
-
12:29
So one of the key things that I learned early on in my career,
-
12:32
is have evidence for what's going on, but
-
12:34
be prepared to be proved wrong, like the asterisks example there.
-
12:39
The more years that people start using the websites,
-
12:41
the more years that people start using the internet,
-
12:43
those asterisks are going to become more and more known by people.
-
12:46
The same is true of the hamburger menu,
-
12:48
and all these new design inventions that are coming in.
-
12:51
Yeah, this stuff holds up, but is it gonna hold up in the future?
-
12:53
Maybe, maybe not.
-
12:56
All right, strategy number two, talk business.
-
13:02
I'll tell you a story.
-
13:03
This gentleman called Mel Collison.
-
13:06
He's a Viacom executive.
-
13:08
As you know, Viacom was a huge adverting company.
-
13:10
In 2003, he went for a meeting at a little new start up in California called Google.
-
13:20
Mel being an advertising executive,
-
13:23
the guys at Google really wanted to show how the Internet and the Google, and
-
13:28
tracking, and the ability to know who was click on the link, how many people saw
-
13:31
an advertisement, how effective that advertisement was, it was a real interest
-
13:36
to Google and Google though this would be a real interesting advertising community.
-
13:41
Finally, you can stop measuring and understanding how effective adverts are.
-
13:46
And what was Mel Collison's reaction for Viacom?
-
13:54
What did this advertising mega company say when Google unveiled
-
13:59
this fantastic new way of tracking advertising had one comment?
-
14:04
You're fucking with the magic, guys.
-
14:07
Which is interesting cause again the guys at Google felt well he's gonna love this.
-
14:11
Finally he can understand how effective advertising's gonna be and Viacom's number
-
14:15
one reaction was, holy crap this is the end of our business because again.
-
14:22
Talking about business means you need to talk about how
-
14:27
effective the work is that you do.
-
14:30
You need to be able to understand and
-
14:32
talk about data to prove how effective a change is gonna be in what you're doing.
-
14:37
But what was interesting about this whole advertising model is the problem with
-
14:42
advertising, the problem with advertising certainly as a business model is
-
14:46
advertising as a business model is completely broken.
-
14:50
A paper from 2013 on the near impossibility
-
14:56
measuring the returns to advertising.
-
15:01
Incredible, okay?
-
15:02
Look who this paper is written by.
-
15:04
So Randal A Lewis, Google Inc.
-
15:07
Justine M Rao, Microsoft research.
-
15:11
It's the two researchers, one from Google and one from Microsoft, published a paper
-
15:16
in 2013 to use almost impossible to measure the returns from advertising.
-
15:22
This is from the same people we're very proud to show their stuff to Viacom
-
15:26
in 2003, fast forward ten years they're saying advertising isn't very effective.
-
15:31
Advertising as a business model sucks, is dreadful and here's
-
15:38
more scientific evidence why you shouldn't base your business around advertising.
-
15:42
And this is the kind of stuff that we need to know design is.
-
15:45
We need to know how business works to make sure that we get other designs done.
-
15:51
We understand how business world work.
-
15:53
Be the broken business full of advertising to better advocate why company should
-
15:58
choose and make the designs and use the designs that we've visioned.
-
16:02
Why we should use the code that we have envisioned.
-
16:04
Why we should use the product that we have all spent a long time designing.
-
16:07
We would understand business to get there.
-
16:09
Are there is huge, there are other business models out there.
-
16:12
I have written about them on my blog, my website.
-
16:15
You can go there and it will talk you through the designer and
-
16:18
UX approaches to each of the business models out there.
-
16:21
There are five of them and
-
16:21
not particularly difficult to get your head around.
-
16:25
If you understand business and you can talk business fairly comfortably,
-
16:28
you're gonna do well in design world.
-
16:30
If you can combine that with stories,
-
16:32
you're gonna do even better in the design world.
-
16:35
Third thing I wanna talk to you about then, is designing and talking about data.
-
16:42
[COUGH] So I'll tell you another story.
-
16:45
So in 2011, I've been single for a number of years now I thought
-
16:50
about time I found myself a girlfriend and got on with life a bit more.
-
16:56
So a friend of mine suggested I should try internet dating and I thought fantastic.
-
17:01
I do user experience.
-
17:03
I can do this stuff.
-
17:04
I could use all of my user experience skills to get better at dating.
-
17:09
It was great.
-
17:10
So I went out there.
-
17:12
okcupid have a fantastic blog, which talks all about data.
-
17:16
Okay? It talks about tracking.
-
17:19
Here's a poster about what is the perfect profile picture for somebody on nine.
-
17:26
A clue guys, it is not a picture of you stripped to the waist okay?
-
17:29
I have so
-
17:30
many pictures of men on internet dating sites that are stripped to the waist.
-
17:34
It doesn't work.
-
17:35
But what this blog told me, what this blog gave me was the data to go out there and
-
17:40
choose a better profile picture.
-
17:42
I've got so obsessed with okcupid,
-
17:45
that I've found an email, where I've written to okcupid,
-
17:49
asking if I could drop a bit of Google analytics code onto my profile [LAUGH].
-
17:53
Surprised to say, I didn't get a reply on that one, but I did the same thing.
-
17:58
I researched it I use as much data as I possibly could just so
-
18:02
I knew that I can be better at this and hopefully I would meet somebody.
-
18:07
Guess what?
-
18:09
I got married 18 months ago.
-
18:10
This is my wife I met on okcupid.
-
18:12
>> [APPLAUSE] >> And what that taught me,
-
18:17
what that experience taught me was the importance of data in design.
-
18:20
If you've got the data to know what's gonna be effective.
-
18:24
You've got a lot more confidence a design is gonna work when it goes live.
-
18:27
I used to add my profile picture which is the way I started with this stuff but what
-
18:32
it taught me about my UX career in moving forward within UX was data is really,
-
18:37
really, really important.
-
18:39
And so I thought right, I jumped head on into data,
-
18:41
I need get my head around this stuff, so what I did.
-
18:44
For the couple of years after I got into okcupid,
-
18:47
is I made a list of every single item of data that clients
-
18:51
that I was working with measured, in terms of their business effectiveness online.
-
18:55
I've published on there, you can go and find it if you like.
-
18:59
God knows why you'd want to.
-
19:01
But I heard almost 350 different data items that companies for
-
19:07
measuring, and for a while, it's fantastic, 350 different ways of measuring
-
19:11
how effective a design is or a website is, something like that.
-
19:15
But the problem comes when you start designing with data.
-
19:19
There's so much data out there,
-
19:20
it's really almost impossible to know how to start with data.
-
19:26
And it took, and it means that certain business can jump further into
-
19:30
the data world and say they're ruled by data and nothing else.
-
19:35
So this is a story of a guy called Doug Bowmen, so
-
19:38
Doug Bowmen was the first, one of the very first designers of Google.
-
19:44
Google hired him as a creative force to better improve the Google design and
-
19:48
user experience, but Doug left.
-
19:49
And this was the quite damning blog post that he wrote after
-
19:54
the day he left Google.
-
19:56
And it's crazy and it's quite damning way, and to that, I think Google has changed
-
20:00
a lot since this was published, but it show how dangerous data can be.
-
20:04
When you're getting into a debate how many pixels a border should be,
-
20:07
and looking for the data to prove that, you can't.
-
20:10
There's nothing in there that's gonna tell you
-
20:13
how many pixels wide a particular data border should be.
-
20:15
And a designer shouldn't have to justify absolutely everything that they do with
-
20:20
data, but certain organizations when they start measuring this stuff
-
20:24
end up being a bit like Google.
-
20:27
When you're judging your designs, your products,
-
20:30
your vision purely on data alone you're not gonna to be very successful.
-
20:34
You need to judge it on other types of stuff as you move through as well.
-
20:39
So I learnt and I had to go through and understand well what is an effective way
-
20:43
to measure this stuff, I have got to embrace the nature of the business world.
-
20:46
How do I go out there and do that?
-
20:47
It is quite simple.
-
20:48
I just basically cut it down to a number of very small rules.
-
20:53
So measure two or three things, you don't have to measure much more than that.
-
20:56
Commerce, things like conversion, average auto value
-
21:01
If we're in the university sector it's page views, it's average time on page.
-
21:06
It's bounce rate.
-
21:09
But whatever your industry is, you know what the three metrics are,
-
21:11
two to three metrics is you should be measuring.
-
21:14
But the most important thing you associate with the metrics when you're measuring
-
21:17
them is you need to do some certain things around them.
-
21:20
Each metric needs to have a time scale, so how often do you measure it?
-
21:25
Do you do it weekly?
-
21:25
Do you do it daily?
-
21:26
Do you do it minute by minute?
-
21:28
How often do you do it?
-
21:29
At least have a benchmark.
-
21:31
What happens if it goes below 50?
-
21:34
What happens if it goes above 50?
-
21:36
50 is your benchmark, for whatever that piece of data might be.
-
21:39
But you need to know what that benchmark is, so
-
21:42
you know when you're measuring it, weekly, what happened to that piece of data.
-
21:46
There needs to be a reason to be reported.
-
21:48
I've worked with so many organization, on every Monday morning,
-
21:52
the head of Insights emails out a massive PDF document of all the stats from
-
21:55
the website of the week before, and it's soundly ignored by everybody.
-
22:01
It's dense, it's boring, is there any real effect to what's going on?
-
22:06
So it needs to have a reason to be reported.
-
22:08
What happens when your average order value goes under 50,
-
22:10
what is the reason to be reported?
-
22:12
Who's responsible for that?
-
22:14
What happens to that piece of data?
-
22:16
You're not, if nobody's responsible for it or it has a reason to be reported there's
-
22:19
no point in measuring it, there's no point in whatsoever.
-
22:22
And the most importantly of all it needs to have an associated action, so
-
22:26
when that piece of data.
-
22:28
Drops below 50, what do you do about it?
-
22:30
And let me tell you ladies and gentlemen let's associate action,
-
22:33
panic is not an associated action and I've seen that.
-
22:38
Burying your head in the sand is not an associated action.
-
22:41
You need to know what to do about that when you're doing it.
-
22:44
And this, this simple rule just taught me a lot as a designer.
-
22:49
about how to talk about data, what to measure.
-
22:52
As a user experience consultant I need to know this stuff because most organizations
-
22:56
I go into, they’re either measuring too much, like Google were or
-
23:01
they’re not measuring enough and so don’t know what to do about it.
-
23:04
In here somewhere is the balance, so again go ahead, use this stuff.
-
23:09
There's a little Euro which I'll share at the end of this,
-
23:11
which is a whole another talk about me talking about how to measure with data,
-
23:15
and it's specifically for designers and for not for anybody else.
-
23:22
And what data gives you is confidence in the design that you're working on.
-
23:25
So if you're making a design change, data can back up what's going on.
-
23:29
The three metrics we talked about that your company's measuring?
-
23:32
If you're making a design change, and you're advocating that to your client or
-
23:35
the wider team, you need to talk about those three matrix.
-
23:38
This design will increase average order value, page dwell time,
-
23:43
decrease bounce rate.
-
23:45
You need to discuss it and get okay with talking about data.
-
23:49
Okay.
-
23:50
It's not like Shark Tank or Dragon's Den.
-
23:51
You're not gonna get called up on this stuff.
-
23:53
But you do need to know and speak about this confidently.
-
23:56
Because this is how organizations measure success.
-
24:00
And your design, because the way the Internet is right now and
-
24:03
the stuff we're working on, it's one of the, if not the most important channel.
-
24:08
For every single organization and
-
24:09
business that's out there, you need to talk about this stuff more confidently.
-
24:13
You need to have this and discuss then when you're doing your design work.
-
24:16
You need to be able to confidently talk about those three metrics and
-
24:19
say how the design will meet the need of those three metrics.
-
24:22
If you can't do that, you're not gonna succeed, and
-
24:24
your design certainly is not going to get built.
-
24:28
So again, talk about design.
-
24:29
But the problem we have design and the very
-
24:34
thing that's often going wrong with design is that design loses that magic.
-
24:38
The magic is lost when you start talking about some of these things
-
24:41
I've just discussed here.
-
24:44
Now this little critter here, amazing isn't it?
-
24:46
This is a flying squirrel.
-
24:48
Who knew such things existed.
-
24:51
And what's happened with the flying squirrel?
-
24:53
The flying squirrel has learned to fly from a really interesting place.
-
24:56
It basically throws itself off a tree and
-
24:58
kind of glides to the next tree that's over there.
-
25:02
And often what can happen in a particular organization
-
25:04
is the organization can end up being a flying squirrel.
-
25:09
It ends up getting to a point within its design, and within its product lifecycle,
-
25:13
where it's a flying squirrel.
-
25:16
It gets to a point where it can't get any better.
-
25:18
That flying squirrel I just showed you there, it's never going to get feathers.
-
25:21
It's never going to do anything better than jump from one tree and
-
25:25
glide gracefully to the next one.
-
25:26
And what design gives us, and the magic of a great design process It's research.
-
25:32
It's got fantastic user experience.
-
25:33
It's got strong, creative, caring, emotionally-enhanced strong people.
-
25:39
Is it means you get there in a different way.
-
25:42
You get to design in a different place.
-
25:45
Suddenly design means you're a soaring eagle.
-
25:47
Because you've got to a higher point within that.
-
25:49
And this is called within the data world, this is called maxims.
-
25:53
So the lower one there that's associated with the flying squirrel
-
25:56
is called a local maxim.
-
25:58
There's no way to get from a flying squirrel local maxim in your design.
-
26:01
And this is what can happen if you're heavily relying on multivarying testing or
-
26:06
AB testing.
-
26:07
You get to a point and you just don't get any better.
-
26:09
You become a flying squirrel and nothing more.
-
26:13
To get to the point of being an eagle, you need to rip up the rulebook and
-
26:17
start again.
-
26:18
You need to redesign, be recreative, recreating the experiences that you're
-
26:22
working on, going back to first principles,
-
26:24
going back to research, going back to the very start of your design.
-
26:29
Cuz you can't evolve from a flying squirrel to a soaring eagle.
-
26:35
Now I know I have to be careful talking about evolution and
-
26:38
design in the United States of America, so
-
26:39
I apologize if I've offended anybody with that particular comment.
-
26:43
Probably just have with the gag at the end, didn't I?
-
26:46
Again, design gets you from a local maxim to a higher maxim.
-
26:51
Data alone is not gonna get you there.
-
26:55
So sore like an eagle, don't like a squirrel.
-
26:59
Yeah, I love the way that my style has been cut off there.
-
27:01
I wonder what that word [INAUDIBLE] might be?
-
27:03
Okay, so I said data shows confidence in the design, but
-
27:06
don't let it dictate the design.
-
27:08
Data should never get to a point where it's dictating everything that you do.
-
27:12
Do not let your organization get there.
-
27:15
If your organization has an MVT department,
-
27:17
if it has multivariate testing, AB testing, make friends with that team.
-
27:22
Because before you know it, those guys are going to get promoted ahead of you,
-
27:24
because they're getting results, because they're data driven.
-
27:28
You need to work together with those teams to get there.
-
27:31
You need to learn from what they're doing, so that your designs are better.
-
27:35
But do not let those teams dictate the design.
-
27:39
You're the creatives, you hold the vision for what's going on.
-
27:42
You do the front-end code for it, you do the user experience for it, you're
-
27:45
the product managers for it, don't let the MVT team be the rulers of your design
-
27:51
because you'll end up being like a flying squirrel you will not soar like an eagle.
-
27:56
Finally we talk theory.
-
28:03
How am I doing for time, guys?
-
28:04
My clock's done.
-
28:05
It's not working.
-
28:06
20 minutes, oh, okay great.
-
28:08
I can have a little drink.
-
28:13
Okay.
-
28:16
So my fourth approach is to talk theory.
-
28:21
So my background's in psychology so, hands up if you were in my workshop yesterday.
-
28:26
Were you there? Oh yeah,
-
28:27
you're good people aren't you it was good fun yesterday, it was good time.
-
28:29
I'd run a workshop yesterday called psychology for
-
28:31
designers where I talked about how to use theory to make your designs better.
-
28:37
And what's interesting about psychology theory is there's lots of myths, and
-
28:41
there's lots of charlatans out there who'll give you theories that maybe don't
-
28:45
necessarily make any sense.
-
28:49
Here's a good example of one.
-
28:50
In 1957, a gentleman
-
28:53
called James Vicary In the movie theatre, he's an advertising executive.
-
28:59
A little inside secret, never trust an advertising executive.
-
29:04
Hands up if there's any advertising executives here.
-
29:06
Thank God, good.
-
29:08
Don't ever trust an advertising executive.
-
29:10
So James Vickery, he ran an experiment in a movie theater.
-
29:14
So what he did is in the middle of this film,
-
29:17
he flashed up a couple of frames of the film with graphics overlaid.
-
29:20
One of which said, hungry,
-
29:21
eat popcorn, another one which said, thirsty, drink Coca-Cola.
-
29:25
Now what James Vickery Showed was that in putting up hungry pop corn,
-
29:32
thirsty drink Coca-Cola, pop corn sales went up by 48%,
-
29:36
Coca-Cola sales went up by 20%, amazing isn't it, wow fantastic,
-
29:41
sounds almost too good to be true isn't it, yeah he made it up.
-
29:47
So shortly before he died in the 70's.
-
29:48
James Vickery came clean and
-
29:49
said yeah do you know why I did that actually make that up.
-
29:52
He built a whole advertising career on the back of this.
-
29:55
And this is subliminal messaging, this is called.
-
29:58
And so my tip to you in terms of psychology theory, if it seems or
-
30:01
sounds too good to be true Is probably not true.
-
30:06
And so what happened with this is it's still there.
-
30:08
The myth is still out there that subliminal advertising works.
-
30:14
Here's some examples of subliminal advertising from different organizations.
-
30:18
So this is from the Lion King, apparently it says SFX,
-
30:24
or insects some people say in the thoughts from the Lion King's head.
-
30:30
Over down the top right hand side, it's a recent one from KFC,
-
30:32
can you see the dollar bill in the letters?
-
30:34
Up there? Apparently,
-
30:36
that was supposed to subliminally tell you to spend money, I don't know.
-
30:39
Bottom right had corner, Is from the Lord of the Rings.
-
30:44
Can you see Coca Cola written in there?
-
30:46
Yeah, all examples of some of that.
-
30:49
My favorite is the Burger King one,
-
30:50
there's something subliminal about that is there ladies and gentlemen?
-
30:53
There is nothing subliminal about that but this stuff refuses to go away.
-
30:58
It's a really compelling story is that the theory of psychology,
-
31:03
through use of advertising is really effective.
-
31:06
All we have to do is hide something in there, and
-
31:08
people will buy more of your stuff.
-
31:09
Really compelling story,
-
31:14
and there's huge amount of this stuff out there, so much so, that,
-
31:17
in fact the BBC fairly did a whole documentary on subliminal advertising.
-
31:23
Within an hour TV program, and what do they prove?
-
31:25
Strikingly, there's no significant effect.
-
31:28
Well I could have told them that.
-
31:30
It's all rubbish.
-
31:32
That's garbage, sorry it's the way we say it in the UK.
-
31:36
I feel like I should have some sort of translation, subtitles underneath it.
-
31:40
But it is true, it keeps popping up.
-
31:41
This stuff will not die.
-
31:43
Is absolute garbage.
-
31:48
But ladies and gentlemen there is hope out there.
-
31:54
So this is a website called cognitive lode and
-
31:57
this was put together by my very first psychology for designs workshop,
-
32:02
a couple of the people who came to the workshop built this site.
-
32:06
What cognitive lode is, is a whole list of psychology theories,
-
32:11
loads of them with the design implication.
-
32:16
You do this, this will happen.
-
32:17
A whole list of psychology theories that will make your designs better.
-
32:23
That will allow you to talk about psychology when you're doing your design,
-
32:26
when you're putting your design together.
-
32:28
And again as I told you, good design does not sell itself.
-
32:31
Good design will not drive you forward in this world.
-
32:34
You need to better advocate it and better have the stories, the data, the business
-
32:39
and the theory behind it to advocate that design or that design is going nowhere.
-
32:45
It would get watered down by management, you'd get micro-managed.
-
32:50
You end up making something worse when you decided to make it better.
-
32:55
Great stuff, and they do an email and use that.
-
32:57
You can sign up for it and get this new mailbox.
-
33:00
Fantastic stuff.
-
33:03
That's my book.
-
33:04
In my book, I tell you how to go and
-
33:06
find psychology theory to solve a particular design problem you've got.
-
33:12
In my book I tell you how to advocate design, product and
-
33:16
UX decision based on psychology.
-
33:18
How you can explain to your project team and your client, why the psychology and
-
33:23
how the psychologies working at this point in your design and
-
33:26
how your design is better than your previous one because of psychology.
-
33:31
Helps you maintain the vision for your design, for your product, for
-
33:35
your code using psychology, 35 bucks ladies and gentleman, it's an ebook,
-
33:40
please buy it, thank you.
-
33:47
Because again you need to know this stuff.
-
33:49
You need to know as a designer, about psychology, because psychology is gonna be
-
33:54
that differentiator from you being an okay designer to being a fantastic designer.
-
33:59
From being a great designer to being an amazing designer.
-
34:02
The psychology will help you make that next leap into the next stage of
-
34:06
your career where you can better talk about your designs.
-
34:10
You may have the craft right, you may be amazing at producing designs but
-
34:14
if you can't advocate those to the wider team you're working with, your design is
-
34:18
not gonna get built you gonna micromanage and it won't get out there.
-
34:21
You need to know this stuff to be able to do that.
-
34:23
In the future, so
-
34:28
another I think Mike's spoken at Future Insights before, I believe.
-
34:32
Yeah, and he, this is fantastic and this, this is true.
-
34:35
Mike has written a book called, Design As A Job, and it isn't a job.
-
34:39
We are all out there creating, design.
-
34:43
But we're not creating design for art's sake.
-
34:45
We're creating design because that's our job.
-
34:47
We're working for it.
-
34:48
Universities, for companies, for charities, whatever we're doing.
-
34:53
We're paid to do this stuff because that design has got to have an effect
-
34:56
in the real world.
-
34:57
If you're not doing that, you're kidding yourself and
-
34:59
you're probably in the wrong profession.
-
35:02
Our design needs to sell itself, and we need to get better at doing this stuff.
-
35:07
We need to talk about data, we need to talk about business,
-
35:10
we need to talk about stories, and we need to talk about theory,
-
35:15
because that will help us design better, and make our designs more effective.
-
35:19
Mike's discovered this.
-
35:20
He's 25 years into his design career.
-
35:22
Some of you who are further on in your design career also know this stuff.
-
35:25
You need to be confident in telling stories and
-
35:27
doing these other things as well to make your designs better.
-
35:34
Finally then,
-
35:35
the last tactic I wanna talk to you about is you need to talk objectively.
-
35:40
And this is really hard if you are a very strong emotional creative person, and
-
35:45
let's face it, if you're in design, or product [INAUDIBLE] in development,
-
35:49
you've got a strong creative emotion aspect to your personality.
-
35:52
And it's very hard, because business trains us not to be like that,
-
35:58
science trains us not to be like that.
-
36:01
I need to help that, and it's pretty simple how it works.
-
36:03
Let me tell you a story about how I saw this happening in my career early on.
-
36:08
So I was working for a designer on a web site that was selling greetings cards.
-
36:15
And this is what the designer said, I feel the design, minimalist in style,
-
36:19
reflects a modern design aesthetic.
-
36:21
So there we are in the design meeting.
-
36:25
He's presenting his mocks, and says this.
-
36:31
I cringe every so slightly in the corner when I hear this.
-
36:35
Really?
-
36:37
So what does the product manager say?
-
36:39
What's her response to this particular way this designer's talking about it?
-
36:43
What's the big mistake that the designer is using in doing this stuff?
-
36:47
The biggest mistake this designer is making is the first two words.
-
36:52
I feel. And there's nothing wrong with feeling,
-
36:56
there's nothing with emotions,
-
36:57
there's nothing wrong with the creativity that's there.
-
37:00
We've all got that within ourselves.
-
37:02
The danger we have in talking about it this way is it opens up us
-
37:09
to the next response and the automatic response to something when you say,
-
37:13
I feel is what does somebody else's critiquing or design say to you.
-
37:18
Well I feel more that it's a website and not a f#cking coffee table.
-
37:23
Was what the product manager said to that response.
-
37:26
And again, if you go into that world where you start talking about feelings and
-
37:30
creativity in that way, you open yourself up to somebody disagreeing with you on
-
37:35
the very terms you're presenting the design in.
-
37:37
And that's really hard to get that across.
-
37:41
It's really hard if you're a designer to come across this stuff.
-
37:43
Because again,
-
37:44
it's all about your creative juices that are producing this thing.
-
37:47
And there's nothing wrong with that,
-
37:48
you just need to be talking about it in a slighty, subtly different way.
-
37:52
Cuz you talk about feelings, feelings can come back and kick you.
-
37:57
Like, which is exactly what happened here.
-
38:03
And this can be quite disheartening if you're designer.
-
38:05
So this is a quote from John Keats, so John Keats was an English poet.
-
38:10
And he was around during the Renaissance of science when Newton was around and
-
38:14
Newton was doing his greatest work.
-
38:16
This was Keats common around Newton.
-
38:19
You just destroyed all the poetries of rainbow
-
38:23
by reducing it to the prismatic colors.
-
38:26
It's the very essence of what the rainbow, this magical thing, that was out there.
-
38:31
Keats somehow felt that Newton had destroyed
-
38:35
be taken with the magic explaining what was going on.
-
38:39
And this can happen if you follow these first four routes that I have talked about
-
38:44
there you are going to destroy the magic, you will completely destroy the magic.
-
38:47
Which is a real shame because that is the very point in the creative world that we
-
38:51
want to be in when we are designing.
-
38:52
We don't want our magic to be there.
-
38:54
We want magic, we want emotion, we want creativity in there.
-
38:57
Never forget how important that is in your design but you need to talk about and
-
39:01
think about it in a slightly and subtly different way.
-
39:05
So a story.
-
39:07
So there I was with with my wife we've gone on a honeymoon to the Lake District
-
39:12
in the UK Lake District is a beautiful, beautiful place.
-
39:15
There we are so the top of the mountain staring out onto this incredible view.
-
39:23
There I am, looking down at the information display, saying, God,
-
39:28
why have they chosen Helvetica as the font on this information display?
-
39:32
It's unbelievable.
-
39:33
What the information densities, what's wrong over here?
-
39:35
and my wife, she put her arm around me, she said, honey, just enjoy the view.
-
39:42
Don't sweat those details all of the time.
-
39:44
Enjoy the majesty of the view of the stuff that you're taking in.
-
39:47
And the same's true of the design stuff when we produce as well.
-
39:52
Don't focus on the boring details.
-
39:53
Don't criticize it based on what I've told you here.
-
39:57
Let the designs speak for themselves.
-
40:01
But what those designs need to be able to do at the same time,
-
40:02
is to have a strong backer, and you strongly behind them, telling your client,
-
40:09
your project team, why those designs are going to succeed.
-
40:13
The design themselves will have that magic in them.
-
40:16
You need to talk about that magic, but most importantly you need to talk about
-
40:20
how that magic is going to have an affect on the problem you are trying
-
40:27
to solve which is design because let's face it, design is so important.
-
40:34
What is interesting about this is that is comes back
-
40:37
full circle to where I studied where I started from.
-
40:39
So I want you to experience this and I am obsessed with usability.
-
40:44
And what's really interesting is this paper came out in, I think it was 1999.
-
40:49
And the title of this paper is What is Beautiful is Usable.
-
40:54
And it's true. And this is a fantastic advocate for
-
40:58
beauty and creativity in design.
-
41:02
If something is more beautiful, if something is more creative,
-
41:05
if it's got the finesse of a wonderful design associated with it, users and
-
41:10
people will make and perceive that design to be easier to use.
-
41:14
There is a space for creativity.
-
41:16
There is a space for beautiful design.
-
41:19
There's science behind it.
-
41:20
If something is more beautiful, people will perceive it to be easier to use.
-
41:24
Even the usability isn't particularly good, they'll make it,
-
41:27
they'll perceive it to be a lot more usable than it is.
-
41:30
There is absolutely a huge space for creativity and
-
41:34
emotion and design and beauty in the work that we produce.
-
41:38
Because it makes our stuff easier to use, because it is beautiful.
-
41:41
So it is worth going the extra mile to create that beautiful design.
-
41:44
Because that beautiful design, inherently, will be better.
-
41:49
And here's some science to prove why that's the case.
-
41:56
So ladies and gentleman If you give these five things: talk stories,
-
42:01
talk business, talk data, talk theory, and
-
42:05
talk objectively, your designs will be better.
-
42:10
Your designs will get build, your decisions will be upheld.
-
42:13
The stuff that you create will get out there in the real world.
-
42:16
If you don't do these things you're going to suffer,
-
42:19
and keep suffering from the same four problems that we saw before we started.
-
42:23
Thank you ladies and gentlemen >> [APPLAUSE]
You need to sign up for Treehouse in order to download course files.
Sign up