Margaret Gould Stewart: How giant websites design for you (and a billion others, too)

Traducteur: eric vautier Relecteur: Alexandre Ronat

What do you think of when I say the word "design"?

A quoi pensez-vous lorsque

je prononce le mot « design » ?

You probably think of things like this,

Vous pensez certainement à des choses comme celles-ci,

finely crafted objects that you can hold in your hand,

des objets réalisés avec habileté que vous pouvez tenir dans votre main,

or maybe logos and posters and maps

ou peut-être des logos, des affiches

ou des cartes qui portent un message visuel,

that visually explain things,

classic icons of timeless design.

des icônes classiques et intemporelles.

But I'm not here to talk about that kind of design.

Mais je ne suis pas ici pour parler de ce type de design.

I want to talk about the kind

Je veux parler de celui que vous utilisez

that you probably use every day

probablement chaque jour et auquel vous ne pensez pas.

and may not give much thought to,

designs that change all the time

Des formes de design qui évoluent en permanence

and that live inside your pocket.

et qui se trouvent dans votre poche.

I'm talking about the design

Je parle du design

of digital experiences

que vous expérimentez grâce au numérique

and specifically the design of systems

et plus spécifiquement le design de systèmes informatiques

that are so big that their scale

qui sont si démesurés que leur échelle peut être difficile à comprendre.

can be hard to comprehend.

Consider the fact that Google processes

Réfléchissez au fait que Google

over one billion search queries every day,

répond à plus d'un milliard

de recherches chaque jour,

that every minute, over 100 hours

que chaque minute, plus de 100 heures

of footage are uploaded to YouTube.

de vidéos sont mises en ligne sur YouTube.

That's more in a single day

C'est plus en un jour que ce que les trois principaux réseaux

than all three major U.S. networks broadcast

d'information nord-américains ont diffusé au cours des cinq dernières années.

in the last five years combined.

And Facebook transmitting the photos,

Facebook transmet les photos,

messages and stories

les messages et les histoires de plus de 1,23 milliard de personnes.

of over 1.23 billion people.

That's almost half of the Internet population,

C'est près de la moitié des utilisateurs d'Internet

and a sixth of humanity.

et un sixième de l'humanité.

These are some of the products

J'ai contribué à concevoir ces produits

that I've helped design over the course of my career,

au cours de ma carrière,

and their scale is so massive

et dont l'échelle est si grande

that they've produced unprecedented

qu'ils ont généré des défis de conception graphique sans précédent.

design challenges.

But what is really hard

Ce qui est vraiment difficile

about designing at scale is this:

dans la conception de projets

de cette ampleur est ceci :

It's hard in part because

c'est difficile d'une part du fait

it requires a combination of two things,

que cela nécessite la combinaison de deux choses,

audacity and humility —

l'audace et l'humilité.

audacity to believe that the thing that you're making

L'audace de croire que la chose que vous concevez

is something that the entire world wants and needs,

est quelque chose dont le reste du monde a besoin et veut,

and humility to understand that as a designer,

et l'humilité de comprendre qu'en tant que designer,

it's not about you or your portfolio,

ce n'est pas de vous ou de votre portfolio dont il est question,

it's about the people that you're designing for,

mais des personnes pour lesquelles vous concevez des projets,

and how your work just might help them

et comment votre travail pourrait aider à améliorer leur vie.

live better lives.

Now, unfortunately, there's no school

Malheureusement, il n'y a pas d'écoles

that offers the course Designing for Humanity 101.

qui proposent des cours

de Design pour l'Humanité 101.

I and the other designers

Moi et d'autres designers travaillant sur ce genre de produits

who work on these kinds of products

have had to invent it as we go along,

avons eu à tout inventer au fur et à mesure,

and we are teaching ourselves

et nous avons appris ensemble

the emerging best practices

les bonnes pratiques

of designing at scale,

du design à grande échelle.

and today I'd like share some of the things

Aujourd'hui, j'aimerais partager

that we've learned over the years.

quelques enseignements appris au fil des ans.

Now, the first thing that you need to know

La première chose à savoir sur ce type de design

about designing at scale

is that the little things really matter.

est que les petites choses ont de l'importance.

Here's a really good example of how

Voici un bon exemple de comment un tout petit élément de design

a very tiny design element can make a big impact.

peut avoir un impact énorme.

The team at Facebook that manages

L'équipe de Facebook en charge

the Facebook "Like" button

du bouton « J'aime »

decided that it needed to be redesigned.

a décidé qu'il fallait le redesigner.

The button had kind of gotten out of sync

Le bouton n'était plus en adéquation avec l'évolution de notre marque

with the evolution of our brand

and it needed to be modernized.

et il avait besoin d'être modernisé.

Now you might think, well, it's a tiny little button,

Vous pourriez vous dire qu'il s'agit d'un tout petit bouton,

it probably is a pretty straightforward,

qu'il s'agit d'une tâche facile, mais ça ne l'était pas.

easy design assignment, but it wasn't.

Turns out, there were all kinds of constraints

Il s'avère qu'il y a toutes sortes de contraintes

for the design of this button.

sur le design de ce bouton.

You had to work within specific height and width parameters.

Il fallait travailler avec

des paramètres précis de hauteur et de largeur,

You had to be careful to make it work

il fallait faire attention à ce qu'il fonctionne

in a bunch of different languages,

dans un tas de langues différentes,

and be careful about using fancy gradients or borders

et utiliser des bordures et inclinaisons agréables

because it has to degrade gracefully

parce qu'il devait se décliner dans d'anciens navigateurs Internet.

in old web browsers.

The truth is, designing this tiny little button

La vérité est que la conception

de ce tout petit bouton

was a huge pain in the butt.

nous a causé beaucoup de soucis.

Now, this is the new version of the button,

Voici la nouvelle version du bouton,

and the designer who led this project estimates

et le designer qui a mené ce projet estime

that he spent over 280 hours

qu'il a passé plus de 280 heures

redesigning this button over the course of months.

à repenser ce bouton au cours des derniers mois.

Now, why would we spend so much time

Pourquoi passerions-nous autant de temps

on something so small?

sur quelque chose de si petit ?

It's because when you're designing at scale,

Parce que dans le design à grande échelle, le plus important est le petit détail.

there's no such thing as a small detail.

This innocent little button

Ce petit bouton innocent

is seen on average 22 billion times a day

est vu en moyenne

22 milliards de fois par jour

and on over 7.5 million websites.

et sur plus de 7,5 millions

de sites Internet.

It's one of the single most viewed design elements ever created.

C'est l'un des éléments de design

les plus consultés jamais créés.

Now that's a lot of pressure for a little button

Ça fait beaucoup de pression pour un petit bouton,

and the designer behind it,

et pour le designer en charge, mais avec ce type de produits,

but with these kinds of products,

you need to get even the tiny things right.

il faut faire attention aux plus petits détails.

Now, the next thing that you need to understand

Le second principe à comprendre

is how to design with data.

est comment concevoir un design avec de l'information.

Now, when you're working on products like this,

Quand on travaille sur ces produits,

you have incredible amounts of information

il y a un nombre incalculable d'informations

about how people are using your product

au sujet des personnes qui les utilisent

that you can then use to influence

que vous pouvez utiliser pour influer sur vos décisions de design,

your design decisions,

but it's not just as simple as following the numbers.

mais ce n'est pas aussi simple que de respecter des chiffres.

Let me give you an example

so that you can understand what I mean.

Je vais vous donner un exemple.

Facebook has had a tool for a long time

Facebook a eu longtemps un outil permettant aux utilisateurs

that allowed people to report photos

de signaler des photos qui pouvaient violer les conditions d'usage,

that may be in violation of our community standards,

things like spam and abuse.

comme les spams ou les injures.

And there were a ton of photos reported,

Il y a eu un tas de photos signalées,

but as it turns out,

mais il s'avère que seulement un faible pourcentage

only a small percentage were actually

d'entre elles était en réalité en violation des normes d'utilisateurs.

in violation of those community standards.

Most of them were just your typical party photo.

La plupart étaient juste des photos classiques de fêtes.

Now, to give you a specific hypothetical example,

Pour vous donner un exemple hypothétique,

let's say my friend Laura hypothetically

disons que mon amie Laura hypothétiquement télécharge

uploads a picture of me

from a drunken night of karaoke.

des photos de moi lors d'une soirée de karaoké arrosée.

This is purely hypothetical, I can assure you.

C'est purement hypothétique,

je peux vous l'assurer.

(Laughter)

(Rires)

Now, incidentally,

Entre parenthèses,

you know how some people are kind of worried

vous savez comme certaines personnes ont peur

that their boss or employee

que leur patron ou employé découvre des photos embarrassantes d'eux

is going to discover embarrassing photos of them

on Facebook?

sur Facebook ?

Do you know how hard that is to avoid

Savez-vous combien c'est dur d'éviter ça

when you actually work at Facebook?

quand vous travaillez à Facebook ?

So anyway, there are lots of these photos

Quoi qu'il en soit, il y a beaucoup de photos de ce type

being erroneously reported as spam and abuse,

qui sont signalées par erreur comme spam ou injure,

and one of the engineers on the team had a hunch.

et un des ingénieurs de l'équipe a eu une intuition.

He really thought there was something else going on

Il a senti qu'il y avait autre chose et il a eu raison,

and he was right,

because when he looked through a bunch of the cases,

car lorsqu'il a étudié une partie de ces cas,

he found that most of them

il s'est rendu compte que la plupart venait

were from people who were requesting

de personnes qui demandaient la suppression de photos d'eux-mêmes.

the takedown of a photo of themselves.

Now this was a scenario that the team

Voilà un scénario que l'équipe n'avait jamais considéré auparavant.

never even took into account before.

So they added a new feature

Donc ils ont ajouté une nouvelle fonction

that allowed people to message their friend

qui permettait aux gens d'écrire à leur ami pour leur demander

to ask them to take the photo down.

de retirer une photo.

But it didn't work.

Mais ça n'a pas marché. Seulement 20% des gens

Only 20 percent of people

sent the message to their friend.

ont envoyé le message à leur ami.

So the team went back at it.

L'équipe s'est penchée encore sur la question.

They consulted with experts in conflict resolution.

Ils ont consulté des experts en résolution de conflits.

They even studied the universal principles

Ils ont même étudié les principes universels de la politesse,

of polite language,

which I didn't even actually know existed

dont j'ignorais totalement l'existence avant cette recherche.

until this research happened.

Ils ont trouvé quelque chose de très intéressant.

And they found something really interesting.

They had to go beyond just helping people

Ils devaient dépasser le fait de simplement aider les gens

ask their friend to take the photo down.

à demander à leur ami de retirer la photo.

They had to help people express to their friend

Ils devaient aider les gens à expliquer à leur ami

how the photo made them feel.

comment ils se sentaient à cause de la photo.

Here's how the experience works today.

Voici comment ça fonctionne aujourd'hui.

So I find this hypothetical photo of myself,

Donc j'ai trouvé

cette hypothétique photo de moi,

and it's not spam, it's not abuse,

et ce n'est ni un spam, ni un abus,

but I really wish it weren't on the site.

mais je souhaite vraiment

qu'elle ne soit pas sur le site.

So I report it and I say,

Donc je la signale et je dis :

"I'm in this photo and I don't like it,"

« Je suis sur la photo et je n'aime pas ça. »

and then we dig deeper.

et ensuite nous allons plus loin.

Why don't you like this photo of yourself?

Pourquoi n'aimez-vous pas

cette photo de vous ?

And I select "It's embarrassing."

Je sélectionne « Elle est embarrassante ».

And then I'm encouraged to message my friend,

Ensuite je suis encouragée à écrire à mon amie,

but here's the critical difference.

mais ici se trouve une différence cruciale.

I'm provided specific suggested language

On me suggère des éléments de langage spécifiques

that helps me communicate to Laura

afin de m'aider à expliquer à Laura comment je me sens à cause de la photo.

how the photo makes me feel.

Now the team found that this relatively small change

L'équipe s'est rendu compte

que cette modification relativement négligeable

had a huge impact.

avait un impact énorme.

Before, only 20 percent of people

Jusque là, seulement 20% des gens envoyaient des messages,

were sending the message,

and now 60 percent were,

aujourd'hui, 60% le font,

and surveys showed that people

et des études montrent que les gens qui parvenaient à en discuter

on both sides of the conversation

felt better as a result.

se sentaient mieux en définitive.

That same survey showed

Cette même étude montrait

that 90 percent of your friends

que 90 % de vos amis veulent savoir

want to know if they've done something to upset you.

s'ils font quelque chose qui vous contrarie.

Now I don't know who the other 10 percent are,

Je ne sais pas qui sont les 10% restants, mais c'est peut-être là

but maybe that's where our "Unfriend" feature

que notre fonctionnalité « Retirer de la liste d'amis » peut intervenir.

can come in handy.

So as you can see,

Comme vous pouvez le voir, ces décisions sont extrêmement nuancées.

these decisions are highly nuanced.

Of course we use a lot of data

Bien sûr, nous utilisons beaucoup d'informations

to inform our decisions,

pour justifier nos décisions,

but we also rely very heavily on iteration,

mais nous nous appuyons aussi beaucoup sur les itérations,

research, testing, intuition, human empathy.

la recherche, l'expérimentation, l'intuition et l'empathie.

It's both art and science.

C'est à la fois de l'art et de la science.

Now, sometimes the designers who work on these products

Parfois, les designers qui travaillent sur ces produits

are called "data-driven,"

sont appelés « exploitants de données », ce qui est un terme qui nous rend fous.

which is a term that totally drives us bonkers.

The fact is, it would be irresponsible of us

En vérité, ce serait irresponsable de notre part

not to rigorously test our designs

de ne pas rigoureusement tester nos designs

when so many people are counting on us

alors que tant de gens comptent sur nous,

to get it right,

but data analytics

mais l'analyse de données

will never be a substitute for design intuition.

ne pourra jamais se substituer

à l'intuition en matière de design.

Data can help you make a good design great,

Les données peuvent nous aider à concevoir de bons projets,

but it will never made a bad design good.

mais ils ne rendront jamais bon un mauvais projet de design.

The next thing that you need to understand as a principle

Le principe suivant que vous devez comprendre

is that when you introduce change,

est que lors de l'introduction du changement,

you need to do it extraordinarily carefully.

il faut être remarquablement précautionneux.

Now I often have joked that

Je dis souvent pour plaisanter que je passe autant de temps

I spend almost as much time

designing the introduction of change

à concevoir l'introduction du changement que le changement en lui-même,

as I do the change itself,

et je suis sûre que nous pouvons tous nous identifier à la situation

and I'm sure that we can all relate to that

when something that we use a lot changes

dans laquelle, ce que nous utilisons beaucoup change

and then we have to adjust.

et que nous devons nous y adapter.

The fact is, people can become

Les gens peuvent être plus efficients

very efficient at using bad design,

en utilisant un mauvais design,

et même si le changement leur est bénéfique sur le long terme,

and so even if the change is good for them in the long run,

it's still incredibly frustrating when it happens,

il est toujours incroyablement frustrant lorsqu'il a lieu,

and this is particularly true

et c'est particulièrement vrai avec les plateformes

with user-generated content platforms,

de contenus générés par les utilisateurs, car les utilisateurs peuvent

because people can rightfully claim a sense of ownership.

prétendre de plein droit à leur titre de propriétaire.

It is, after all, their content.

Il s'agit, après tout, de leur contenu.

Now, years ago, when I was working at YouTube,

Il y a des années, alors que je travaillais chez YouTube,

we were looking for ways to

nous recherchions les moyens pour encourager

encourage more people to rate videos,

plus de gens à évaluer les vidéos, et c'était intéressant

and it was interesting because when we looked into the data,

car, en se penchant sur nos données,

we found that almost everyone was exclusively using

nous nous sommes rendu compte

que presque tout le monde utilisait exclusivement les 5 étoiles,

the highest five-star rating,

a handful of people were using

une poignée de personnes utilisait une étoile,

the lowest one-star,

and virtually no one

et presque personne n'utilisait deux, trois ou quatre étoiles.

was using two, three or four stars.

Donc nous avons décidé de simplifier le système

So we decided to simplify

into an up-down kind of voting binary model.

sur un modèle binaire de plus ou de moins.

It's going to be much easier for people to engage with.

Ça allait être beaucoup plus facile pour les utilisateurs de collaborer.

But people were very attached

Mais les gens étaient très attachés au système d'évaluation à cinq étoiles.

to the five-star rating system.

Video creators really loved their ratings.

Les créateurs de vidéos aimaient vraiment leurs évaluations.

Millions and millions of people

Des millions de gens étaient habitués à l'ancien design.

were accustomed to the old design.

So in order to help people

De sorte que, pour les aider à anticiper le changement

prepare themselves for change

and acclimate to the new design more quickly,

et à s'accoutumer au nouveau design plus rapidement,

we actually published the data graph

nous avons publié les données graphiques afin de partager avec la communauté

sharing with the community

the rationale for what we were going to do,

les raisons de ce que nous allions faire,

and it even engaged the larger industry

et même collaborer avec l'industrie au sens large

in a conversation, which resulted in

dans une conversation, qui a donné lieu à, selon moi,

my favorite TechCrunch headline of all time:

la meilleure une de TechCrunch de tous les temps :

"YouTube Comes to a 5-Star Realization:

« YouTube parvient à une prise de conscience 5 étoiles :

Its Ratings Are Useless."

ses évaluations sont inutiles. »

Now, it's impossible to completely avoid

C'est impossible

de complètement échapper à l'aversion au changement

change aversion when you're making changes

lorsque vous modifiez des produits que tant de personnes utilisent.

to products that so many people use.

Even though we tried to do all the right things,

Même si nous essayions de tout bien faire,

we still received our customary flood

nous recevions tout de même un flot de vidéos de protestation

of video protests and angry emails

et d'emails d'indignation et même un paquet

and even a package that had to be scanned by security,

que nous avons dû faire scanner par la sécurité,

but we have to remember

mais nous devons nous souvenir

people care intensely about this stuff,

que les gens prêtent énormément d'attention

à ce genre de choses,

and it's because these products, this work,

car ces produits, ce travail,

comptent vraiment pour eux.

really, really matters to them.

Now, we know that we have to be careful

Nous savons désormais

que nous devons prêter attention aux détails, être conscients

about paying attention to the details,

we have to be cognizant about how we use data

de la manière d'utiliser l'information dans notre processus de conception,

in our design process,

and we have to introduce change

et nous devons introduire le changement avec beaucoup de précautions.

very, very carefully.

Now, these things are all really useful.

Ces choses sont très utiles. Des expérimentations essentielles

They're good best practices for designing at scale.

pour la conception de projets à grande échelle.

But they don't mean anything

Mais elles ne veulent rien dire

if you don't understand something

si vous ne comprenez pas quelque chose de bien plus fondamental.

much more fundamental.

You have to understand who you are designing for.

Vous devez comprendre pour qui vous concevez le produit.

Quand vous vous fixez pour but de concevoir un design

Now, when you set a goal to design

for the entire human race,

pour l'ensemble de la race humaine et que vous vous engagez

and you start to engage in that goal in earnest,

dans ce projet en toute bonne foi,

at some point you run into the walls

vous finissez par foncer dans le mur et éclater la bulle où vous vivez.

of the bubble that you're living in.

Now, in San Francisco, we get a little miffed

A San Francisco, nous sommes

un peu contrariés dans une zone sans réseau

when we hit a dead cell zone

because we can't use our phones to navigate

car nous ne pouvons pas utiliser nos téléphones portables

to the new hipster coffee shop.

pour trouver le chemin du nouveau café branché.

But what if you had to drive four hours

Mais qu'en serait-il si vous deviez conduire pendant quatre heures

to charge your phone

pour recharger votre téléphone portable faute de source d'électricité fiable ?

because you had no reliable source of electricity?

What if you had no access to public libraries?

Qu'en serait-il s'il n'y avait plus d'accès aux bibliothèques publiques ?

What if your country had no free press?

Et si votre pays n'avait plus de presse libre ?

What would these products start to mean to you?

Qu'est-ce que ces produits signifieraient pour vous ?

This is what Google, YouTube and Facebook

Voilà ce que Google, YouTube et Facebook

look like to most of the world,

représentent pour le reste du monde et c'est ce qu'ils représentent

and it's what they'll look like

to most of the next five billion people

pour les cinq milliards de gens qui se connectent sur Internet.

to come online.

Designing for low-end cell phones

Concevoir des projets pour des portables bas de gamme

is not glamorous design work,

n'est pas un travail glamour, mais si vous voulez concevoir

but if you want to design for the whole world,

des projets pour le monde entier,

you have to design for where people are,

vous devez penser vos projets pour les gens, et non pour vous.

and not where you are.

So how do we keep this big, big picture in mind?

Comment garder cela en tête ?

We try to travel outside of our bubble to see, hear

Nous essayons de sortir de notre bulle pour regarder, écouter

and understand the people we're designing for.

et comprendre les gens pour qui nous travaillons.

We use our products in non-English languages

Nous utilisons nos produits dans d'autres langues que l'anglais

to make sure that they work just as well.

pour s'assurer qu'ils fonctionnent aussi bien.

And we try to use one of these phones from time to time

Nous essayons d'utiliser l'un de ces téléphones

to keep in touch with their reality.

de temps en temps pour rester en contact avec leur réalité.

So what does it mean to design at a global scale?

Qu'est-ce que ça signifie de concevoir des projets à l'échelle mondiale ?

It means difficult and sometimes exasperating work

Cela signifie un travail difficile et parfois exaspérant

to try to improve and evolve products.

afin de perfectionner les produits.

Finding the audacity and the humility to do right by them

Trouver l'audace et l'humilité pour y parvenir peut être épuisant,

can be pretty exhausting,

and the humility part,

et l'humilité requise,

it's a little tough on the design ego.

est un peu pénible pour l'égo.

Because these products are always changing,

Parce que ces produits changent perpétuellement,

everything that I've designed in my career

tout ce que j'ai conçu au cours de ma carrière

is pretty much gone,

a globalement disparu,

and everything that I will design will fade away.

et tout ce que je concevrai

finira par disparaître.

But here's what remains:

Mais voilà ce qui reste :

the never-ending thrill

le frisson sans fin de faire partie

of being a part of something that is so big,

de quelque chose qui est tellement grand,

you can hardly get your head around it,

que vous pouvez difficilement le saisir dans sa globalité et la promesse

and the promise that it just might change the world.

qu'il pourrait bien changer le monde.

Thank you.

Merci.

(Applaudissements)

(Applause)