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

Fordító: Zsuzsa Vida Lektor: Csaba Lóki

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

Mire gondolnak, mikor azt a szót mondom "tervezés"?

You probably think of things like this,

Valószínűleg olyan dolgokra gondolnak, mint ez,

finely crafted objects that you can hold in your hand,

aprólékosan kidolgozott tárgyakra, melyeket kézbe foghatunk,

or maybe logos and posters and maps

vagy esetleg logókra, poszterekre és térképekre

that visually explain things,

melyek vizuálisan magyaráznak dolgokat,

classic icons of timeless design.

az időtlen tervezés klasszikus jelképei.

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

Azonban itt nem erről a fajta tervezésről szeretnék beszélni.

I want to talk about the kind

Arról akarok beszélni,

that you probably use every day

melyet valószínűleg minden nap használnak

and may not give much thought to,

csak nemigen gondolnak rá,

designs that change all the time

a tervezésekről, melyek mindig változnak

and that live inside your pocket.

és a zsebükben élnek.

I'm talking about the design

A digitális élmények

of digital experiences

terveiről beszélek,

and specifically the design of systems

és kifejezetten a rendszerek tervéről

that are so big that their scale

melyek olyan nagyok, hogy méretük

can be hard to comprehend.

nehezen felfogható.

Consider the fact that Google processes

Vegyék figyelembe a tényt, hogy a Google

over one billion search queries every day,

több mint 1 milliárd keresést folytat le naponta,

that every minute, over 100 hours

hogy percenként több mint 100 órányi anyagot

of footage are uploaded to YouTube.

töltenek fel a YouTube-ra.

That's more in a single day

Ez több egyetlen nap alatt,

than all three major U.S. networks broadcast

mint amennyi a három nagy amerikai hálózat műsorszórása

in the last five years combined.

az elmúlt 5 évben együttesen.

And Facebook transmitting the photos,

A Facebook több mint

messages and stories

1,23 milliárd ember fotóit,

of over 1.23 billion people.

üzeneteit és történeteit közvetíti.

That's almost half of the Internet population,

Ez az internet használóinak majdnem a fele,

and a sixth of humanity.

és az emberiség egy hatoda.

These are some of the products

Ez néhány olyan termék,

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

melyek segítettek nekem a pályafutásom folyamán,

and their scale is so massive

és a méretük olyan nagy,

that they've produced unprecedented

hogy példa nélküli

design challenges.

tervezési kihívásokat jelentenek.

But what is really hard

Azonban mi az igazi nehézség

about designing at scale is this:

a tervezésnek ezen a szintjén?

It's hard in part because

Ez részben azért nehéz, mert

it requires a combination of two things,

két dolog kombinációját követeli meg,

audacity and humility —

- vakmerőség és alázatosság -

audacity to believe that the thing that you're making

vakmerőség, hinni, hogy a dolog, amit készítesz

is something that the entire world wants and needs,

valami, amit az egész világ akar és amire szüksége van,

and humility to understand that as a designer,

és alázatosság megérteni, hogy tervezőként

it's not about you or your portfolio,

ez nem rólad, vagy a te portfóliódról szól,

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

hanem az emberekről, akiknek ezt tervezed.

and how your work just might help them

és arról, hogyan segítheti a munkád őket,

live better lives.

hogy jobb legyen az életük.

Now, unfortunately, there's no school

Sajnos nincs iskola,

that offers the course Designing for Humanity 101.

amely a Tervezés az Emberiségnek alap- tanfolyamot kínálja.

I and the other designers

Nekem és a többi tervezőnek,

who work on these kinds of products

akik ilyen termékeken dolgoznak,

have had to invent it as we go along,

kell rájönnünk, ahogy haladunk,

and we are teaching ourselves

és magunktól megtanuljuk

the emerging best practices

az újonnan megjelenő jó gyakorlatokat

of designing at scale,

az ilyen léptékű terveknél,

and today I'd like share some of the things

és ma szeretnék megosztani párat azok közül,

that we've learned over the years.

amiket az évek alatt tanultam.

Now, the first thing that you need to know

Az első, amit tudniuk kell

about designing at scale

az ilyen léptékű tervezésről,

is that the little things really matter.

hogy a kis dolgok valóban számítanak.

Here's a really good example of how

Itt egy igazán jó példa arra, hogy

a very tiny design element can make a big impact.

hogyan válthat ki egy igazán apró tervezési elem nagy hatást.

The team at Facebook that manages

A Facebookot tervező csapat, amely

the Facebook "Like" button

a Facebook "Like" gombját kezelte,

decided that it needed to be redesigned.

úgy döntött, hogy azt újra kell tervezni.

The button had kind of gotten out of sync

A gomb elavult, már nem volt összhangban

with the evolution of our brand

a márkánk fejlődésével,

and it needed to be modernized.

így korszerűsíteni kellett.

Most azt mondhatják, hogy ez csak egy apró kis gomb,

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

it probably is a pretty straightforward,

amely valószínűleg egy elég egyszerű,

easy design assignment, but it wasn't.

könnyű tervezési feladat, de nem az.

Turns out, there were all kinds of constraints

Kiderült, hogy mindenféle korlátok vannak

for the design of this button.

ennek a gombnak a tervezésére.

You had to work within specific height and width parameters.

Speciális magassági és szélességi paramétereken belül kell dolgoznunk.

You had to be careful to make it work

Figyelni kell arra, hogy ennek

in a bunch of different languages,

egy sor különböző nyelven kell működnie

and be careful about using fancy gradients or borders

és óvatosan kell bánni a színátmenetekkel vagy határokkal,

because it has to degrade gracefully

mert elegánsan kell mutatnia

in old web browsers.

a régi webböngészőkben is.

The truth is, designing this tiny little button

Az igazság az, hogy ennek az apró kis gombnak a tervezése.

was a huge pain in the butt.

egy hatalmas nyűg volt.

Now, this is the new version of the button,

Ez itt a gomb új változata,

and the designer who led this project estimates

és a tervező, aki a projektet vezette, úgy számolta,

that he spent over 280 hours

hogy több mint 280 órát töltött

redesigning this button over the course of months.

ennek a gombnak az újratervezésével a hónapok során.

Now, why would we spend so much time

Miért töltenénk ilyen sok időt

on something so small?

egy ilyen kis dologgal?

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

Ez azért van, mert amikor ilyen léptékben tervezünk,

there's no such thing as a small detail.

olyan, hogy kis részlet, nem létezik.

This innocent little button

Ez az ártatlan kis gomb

is seen on average 22 billion times a day

naponta átlagosan 22 millliárdszor látható

and on over 7.5 million websites.

több mint 7,5 millió weblapon.

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

Az egyik legismertebb egyszerű stíluselem, amelyet valaha készítettek.

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

És ez egy hatalmas kihívás egy kicsi gombnak

and the designer behind it,

és a tervezőjének.

but with these kinds of products,

Azonban az ilyenfajta termékeknél

you need to get even the tiny things right.

még az apró dolgokat is pontosan kell megvalósítani

Now, the next thing that you need to understand

A következő dolog, amit meg kell érteniük,

is how to design with data.

hogy hogyan tervezzünk adatokkal.

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

Mikor ehhez hasonló termékeken dolgozunk,

you have incredible amounts of information

hihetetlen mennyiségű információnk van

about how people are using your product

arról, hogy az emberek hogyan használják a terméket,

that you can then use to influence

amely aztán befolyásolhatja

your design decisions,

a tervezéssel kapcsolatos döntéseinket,

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

de ez nem csak egyszerűen a számok követése.

Let me give you an example

Hadd mondjak egy példát,

so that you can understand what I mean.

hogy megérthessék, mire gondolok.

Facebook has had a tool for a long time

A Facebooknak régóta van egy eszköze,

that allowed people to report photos

ami engedi, hogy az emberek bejelentsenek

that may be in violation of our community standards,

a közösségi előírásainkat megsértő fényképeket,

things like spam and abuse.

vagy kéretlen üzeneteket és visszaéléseket.

And there were a ton of photos reported,

Egy tonnányi fotót jelentettek,

but as it turns out,

de mint kiderült,

only a small percentage were actually

valójában csak egy kis százalékuk

in violation of those community standards.

sértette meg ezeket a közösségi szabályokat.

Most of them were just your typical party photo.

Többségük csak tipikus partifotó volt.

Now, to give you a specific hypothetical example,

Elmondok most egy konkrét elméleti példát.

let's say my friend Laura hypothetically

Tegyük fel, hogy a barátnőm, Laura,

uploads a picture of me

feltölt egy képet rólam,

from a drunken night of karaoke.

ahogy egy részeges estén karaokézok.

This is purely hypothetical, I can assure you.

Ez tényleg csak feltételezés, biztosíthatom önöket.

(Laughter)

(Nevetés)

Now, incidentally,

Egyébként tudják,

you know how some people are kind of worried

mennyire aggódnak egyesek,

that their boss or employee

hogy a főnökük vagy alkalmazottjuk

is going to discover embarrassing photos of them

kínos képeket fedez fel róluk

on Facebook?

a Facebookon?

Do you know how hard that is to avoid

Tudják milyen nehéz ezt elkerülni,

when you actually work at Facebook?

mikor tulajdonképpen a Facebookon dolgoznak?

So anyway, there are lots of these photos

Szóval e fotók közül sokat

being erroneously reported as spam and abuse,

tévesen jelentettek be kéretlen levélként és sértegetésként,

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

és az egyik mérnöknek volt egy előérzete.

He really thought there was something else going on

Azt gondolta, hogy itt valami másról van szó,

and he was right,

és igaza volt,

because when he looked through a bunch of the cases,

mert amikor átvizsgált egy csomó esetet,

he found that most of them

rájött, hogy a többségük

were from people who were requesting

olyan emberektől származott, akik

the takedown of a photo of themselves.

egy róluk készült kép levételét kérték.

Now this was a scenario that the team

Ez egy olyan forgatókönyv volt, amit a csapat

never even took into account before.

korábban még soha nem vett figyelembe.

So they added a new feature

Ezért kiegészítették egy új lehetőséggel,

that allowed people to message their friend

ami megengedi, hogy az emberek üzenjenek a barátaiknak,

to ask them to take the photo down.

hogy megkérjék őket a fotó levételére.

But it didn't work.

Azonban ez nem működött.

Only 20 percent of people

Az embereknek mindössze 20 százaléka

sent the message to their friend.

küldte az üzenetet a barátjának.

So the team went back at it.

Így a csapat visszatért erre.

They consulted with experts in conflict resolution.

Konzultáltak a szakértőkkel a konfliktus megoldásáról.

They even studied the universal principles

Egészen megtanulták

az udvarias nyelv általános alapjait,

of polite language,

which I didn't even actually know existed

melyről azt sem tudtam, hogy létezik,

until this research happened.

ezelőtt a kutatás előtt.

And they found something really interesting.

És valami igazán érdekesre jöttek rá.

They had to go beyond just helping people

Túl kellett lépniük az emberek puszta segítésén

ask their friend to take the photo down.

megkérni a barátaikat, hogy vegyék le a fotót.

They had to help people express to their friend

Segíteniük kellett az embereknek, kifejezni barátaiknak,

how the photo made them feel.

hogy milyen érzést váltott ki belőlük a fotó.

Here's how the experience works today.

Itt van a tapasztalat, hogyan működik ez ma.

So I find this hypothetical photo of myself,

Ha megtalálom ezt a feltételezett fotót magamról,

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

bár nem kéretlen levél és nem gyalázkodás,

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

de tényleg azt szeretném, hogy ez ne legyen az oldalon.

So I report it and I say,

Így hát bejelentem, és azt mondom,

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

"Én vagyok ezen a fotón, de nem tetszik",

and then we dig deeper.

és akkor mélyebbre ásunk.

Why don't you like this photo of yourself?

Miért nem tetszik neked ez rólad szóló fotó?

And I select "It's embarrassing."

Kiválasztom, hogy: "Ez kínos."

And then I'm encouraged to message my friend,

Ezután biztatnak, hogy üzenjek a barátomnak,

but here's the critical difference.

de itt van a kritikus különbség.

I'm provided specific suggested language

Biztosítanak számomra konkrét javasolt nyelvet,

that helps me communicate to Laura

ami segít nekem Laurával közölni,

how the photo makes me feel.

hogy milyen érzést vált ki belőlem a fotó.

Now the team found that this relatively small change

A csapat rájött, hogy ez a viszonylag kis változtatás

had a huge impact.

óriási hatással járt.

Before, only 20 percent of people

Korábban az embereknek alig 20 százaléka

were sending the message,

küldött üzenetet,

and now 60 percent were,

most a 60 százaléka, és a felmérések kimutatták,

and surveys showed that people

hogy az emberek

on both sides of the conversation

a párbeszéd mindkét oldalán

jobban érezték magukat ennek eredményeként.

felt better as a result.

That same survey showed

Ugyanazok a felmérések kimutatták,

that 90 percent of your friends

hogy a barátaik 90 százaléka tudni akarja,

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

nem tettek-e valamit, amely felzaklatta önöket.

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

Nos, nem tudom kik tartoznak a másik 10 százalékba,

but maybe that's where our "Unfriend" feature

de lehetséges, hogy nekik jöhet jól

can come in handy.

a mi "Unfriend" szolgáltatásunk.

So as you can see,

Mint láthatják,

these decisions are highly nuanced.

ezek a döntések erősen árnyaltak.

Of course we use a lot of data

Természetesen sok adatot használunk

to inform our decisions,

a döntéseink közlésére,

but we also rely very heavily on iteration,

de nagyon erősen támaszkodunk az ismétlésre,

research, testing, intuition, human empathy.

kutatásra, tesztelésre, megérzésre, emberi empátiára is.

It's both art and science.

Ez művészet és tudomány egyben.

Now, sometimes the designers who work on these products

Néha a tervezők, akik ezeken a termékeken dolgoznak

are called "data-driven,"

"adatvezérelt"-nek hívják,

which is a term that totally drives us bonkers.

amely egy kifejezés arra, ami teljesen megőrjít minket.

The fact is, it would be irresponsible of us

A tény, hogy felelőtlenség lenne

not to rigorously test our designs

nem alaposan tesztelni a terveinket,

when so many people are counting on us

amikor olyan sok ember számít ránk

to get it right,

hogy ezt jobbá tegyük,

but data analytics

de az adatelemzések

will never be a substitute for design intuition.

soha nem fogják helyettesíteni a tervezési intuíciókat.

Data can help you make a good design great,

Az adat segíthet egy jó tervet nagyszerűvé tenni,

but it will never made a bad design good.

de soha nem tesz egy rossz tervet jóvá.

The next thing that you need to understand as a principle

A következő dolog, hogy meg kell értenünk, mint elvet,

is that when you introduce change,

hogy amikor bevezetünk egy változást,

you need to do it extraordinarily carefully.

rendkívül óvatosan kell ezt csinálnunk.

Now I often have joked that

Gyakran viccelődtem,

I spend almost as much time

hogy majdnem annyi időt töltök

designing the introduction of change

a változás bevezetésének a tervezésével,

as I do the change itself,

mint magával a változás kidolgozásával,

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

és biztos vagyok, hogy mind voltunk már olyan helyzetben,

when something that we use a lot changes

amikor valamin sokat változtattunk

and then we have to adjust.

és azután hozzá kell igazítanunk.

The fact is, people can become

Tény, hogy az emberek

very efficient at using bad design,

nagyon hatékonnyá válhatnak a rossz tervezés használatával,

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

ez így van akkor is, ha a változás jó számukra hosszú távon,

it's still incredibly frustrating when it happens,

ez mégis hihetetlenül frusztráló, mikor ez történik,

and this is particularly true

és ez különösen igaz

with user-generated content platforms,

a felhasználók által létrehozott tartalmi platformokra,

because people can rightfully claim a sense of ownership.

mert az emberek jogosan érezhetik a saját tulajdonuknak.

It is, after all, their content.

Ez mégiscsak az ő tartalmuk.

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

Évekkel ezelőtt a YouTube-nál

we were looking for ways to

módszereket kerestünk, hogy

encourage more people to rate videos,

minél több embert ösztönözzünk a videók értékelésére.

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

Ez érdekes volt, mert amikor megnéztük az adatokat,

we found that almost everyone was exclusively using

rájöttünk, hogy szinte mindenki kizárólag

the highest five-star rating,

a legmagasabb, 5 csillagos értékelést használja,

a handful of people were using

egy maréknyi ember használta

the lowest one-star,

a legalacsonyabb 1 csillagost,

and virtually no one

és jóformán senki

was using two, three or four stars.

nem használta a két, három vagy négy csillagost.

So we decided to simplify

Úgy döntöttünk, hogy egyszerűsítjük

into an up-down kind of voting binary model.

egy fel-le tipusú kétértékes szavazási modellre.

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

Sokkal könnyebb lett az embereknek ennek az alkalmazása.

But people were very attached

De az emberek nagyon hozzászoktak

to the five-star rating system.

az ötcsillagos értékelési rendszerhez.

Video creators really loved their ratings.

A videókészítők igazán szerették az értékeléseiket.

Millions and millions of people

Emberek milliói és milliói

were accustomed to the old design.

szoktak hozzá a régi modellhez.

So in order to help people

Így azért, hogy segítsünk az embereknek

prepare themselves for change

felkészülni a változásra

and acclimate to the new design more quickly,

és gyorsabban hozzászokni az új modellhez,

we actually published the data graph

grafikus formában közzétettük az adatokat,

sharing with the community

a közösséggel megosztva,

the rationale for what we were going to do,

alátámasztva a változtatás szükségességét,

and it even engaged the larger industry

párbeszédet generálva ezzel még a tágabb iparágunkban is,

in a conversation, which resulted in

aminek eredménye lett

my favorite TechCrunch headline of all time:

a kedvenc TechCrunch főcímem:

"YouTube Comes to a 5-Star Realization:

"A YouTube ötcsillagos felismerése:

Its Ratings Are Useless."

Használhatatlanok az értékelései."

Now, it's impossible to completely avoid

Nos, lehetetlen teljesen elkerülni

change aversion when you're making changes

az idegenkedést, amikor változtatásokat hajtunk végre

to products that so many people use.

a termékeken, amiket oly sok ember használ.

Even though we tried to do all the right things,

Még akkor is, ha próbáltunk mindent jól csinálni,

we still received our customary flood

a kapott videotiltakozások,

of video protests and angry emails

dühös e-mailek szokásos áradata,

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

és még egy csomagot, amit a biztonságiaknak kellett átvizsgálniuk,

but we have to remember

de észben kell tartanunk,

people care intensely about this stuff,

hogy az embereket intenzíven foglalkoztatja ez a dolog,

and it's because these products, this work,

mert ezek a termékek, ez a munka

really, really matters to them.

tényleg igazán számít nekik.

Now, we know that we have to be careful

Tudjuk, hogy óvatosnak kell lennünk,

about paying attention to the details,

hogy figyelmet kell fordítanunk a részletekre,

we have to be cognizant about how we use data

tudatában kell lennünk, hogy hogyan használjuk az adatokat

in our design process,

a tervezési folyamatunk során,

and we have to introduce change

és a változást

very, very carefully.

nagyon óvatosan kell bevezetnünk.

Now, these things are all really useful.

Ezek a dolgok nagyon hasznosak.

They're good best practices for designing at scale.

Megfelelőek az ilyen mértékű tervezés legjobb gyakorlatainak.

But they don't mean anything

Azonban mindez semmit sem jelent,

if you don't understand something

ha nem értünk meg valami

much more fundamental.

sokkal alapvetőbbet.

You have to understand who you are designing for.

Meg kell értenünk, hogy kiknek tervezünk.

Now, when you set a goal to design

Mikor azt a célt tűzzük ki,

for the entire human race,

hogy az egész emberi faj számára tervezünk,

and you start to engage in that goal in earnest,

és elkezdünk komolyan foglalkozni a céllal,

at some point you run into the walls

egy bizonyos ponton beleütközünk

of the bubble that you're living in.

a saját környezetünk formálta korlátokba.

Now, in San Francisco, we get a little miffed

San Fransiscoban egy kicsit duzzogunk,

when we hit a dead cell zone

amikor valahol nincs térerő,

because we can't use our phones to navigate

mert nem tudjuk a telefonunkkal

to the new hipster coffee shop.

elnavigálni az új hipszter kávéházba.

But what if you had to drive four hours

De mi van, ha 4 órán át kell vezetniük

to charge your phone

a telefonjuk töltéséhez,

because you had no reliable source of electricity?

mert nincs megbízható energiaforrásuk?

What if you had no access to public libraries?

Mi van, ha nem férnek hozzá a közkönyvtárhoz?

What if your country had no free press?

Mi van, ha az országukban nincs szabad sajtó?

What would these products start to mean to you?

Mit kezdenek el jelenteni ezek a termékek az ónök számára?

This is what Google, YouTube and Facebook

Így néz ki a Google, a YouTube és a Facebook

look like to most of the world,

a világ legnagyobb részének,

and it's what they'll look like

és így fog kinézni

to most of the next five billion people

a következő ötmilliárd ember többségének,

to come online.

akik majd ezután csatlakoznak.

Designing for low-end cell phones

Az alsó kategóriás mobiltelefonok számára tervezés

is not glamorous design work,

nem egy pompás tervezési munka,

but if you want to design for the whole world,

de ha az egész világ számára akarunk tervezni,

you have to design for where people are,

arra kell tervezni, ahol az emberek tartanak,

and not where you are.

és nem arra, ahol mi tartunk.

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

Hogy tartjuk szem előtt ezt a nagy, nagy képet?

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

Megpróbálunk kilépni a buborékunkból, hogy lássuk, halljuk

and understand the people we're designing for.

és megértsük az embereket, akiknek tervezünk.

We use our products in non-English languages

A termékeinket nem-angol nyelveken használjunk,

to make sure that they work just as well.

hogy biztosak jól működjenek mindenütt.

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

És időről-időre próbálunk használni egy-egy ilyen telefont,

to keep in touch with their reality.

hogy ne szakadjunk el a valóságtól.

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

Hogy mit jelent a tervezés globális léptékben?

It means difficult and sometimes exasperating work

Nehéz és néha idegesítő munkát,

to try to improve and evolve products.

ahogy próbáljuk jobbá tenni és fejleszteni a termékeket.

Finding the audacity and the humility to do right by them

Bátorságot és alázatosságot találni arra, hogy korrektül bánjunk velük

can be pretty exhausting,

nagyon fárasztó lehet

and the humility part,

és az alázatossági rész

it's a little tough on the design ego.

egy kicsit nehéz a tervezési ego mellett.

Because these products are always changing,

Mert ezek a termékek mindig változnak,

everything that I've designed in my career

minden, amit terveztem a pályafutásom során

is pretty much gone,

eléggé megváltozott,

and everything that I will design will fade away.

és minden, amit tervezek, el fog tűnni.

But here's what remains:

De van, ami itt marad:

the never-ending thrill

az végtelen izgalma

of being a part of something that is so big,

a megmaradó rész létrehozásának, ami olyan nagy,

you can hardly get your head around it,

hogy alig kaphatnak a fejükhöz ekkor

and the promise that it just might change the world.

és az ígéret, hogy éppen ez változtathatja meg a világot.

Thank you.

Köszönöm.

(Taps)

(Applause)