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

Перекладач: Mary Trush Утверджено: Khrystyna Romashko

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

Що вам спадає на думку,

коли я кажу слово "дизайн"?

You probably think of things like this,

Напевно, ви уявляєте щось таке:

finely crafted objects that you can hold in your hand,

делікатні речі, які можна взяти в руки,

or maybe logos and posters and maps

чи може логотипи, афіші та карти,

that visually explain things,

які візуально пояснюють речі,

classic icons of timeless design.

класичні образи вічного дизайну.

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

Але я хочу поговорити не про цей дизайн.

I want to talk about the kind

Я хочу розповісти про дизайн,

that you probably use every day

який ви, ймовірно, використовуєте кожного дня

and may not give much thought to,

навіть не задумуючись,

designs that change all the time

дизайн, який постійно змінюється

and that live inside your pocket.

і живе у вашій кишені.

I'm talking about the design

Я маю на увазі дизайн

of digital experiences

цифрових технологій,

and specifically the design of systems

зокрема, дизайн систем,

that are so big that their scale

настільки великих у масштабі,

can be hard to comprehend.

що складно собі уявити.

Consider the fact that Google processes

Уявіть, що Google обробляє

over one billion search queries every day,

понад мільярд пошукових запитів за день,

that every minute, over 100 hours

кожної хвилини понад 100 годин

of footage are uploaded to YouTube.

метражу фільму завантажують з Youtube.

That's more in a single day

Це більше за один день,

than all three major U.S. networks broadcast

ніж три головні американські телемережі

in the last five years combined.

за останні 5 років разом взятих.

And Facebook transmitting the photos,

А фейсбук відсилає фото,

messages and stories

повідомлення та історії

of over 1.23 billion people.

понад 1.23 мільярдам людей.

That's almost half of the Internet population,

Це майже половина інтернет контингенту

and a sixth of humanity.

та шоста частина людства.

These are some of the products

Це деякі з продуктів,

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

які я створювала впродовж моєї кар'єри,

and their scale is so massive

і їхній масштаб настільки великий,

that they've produced unprecedented

що вони зробили безпрецедентний

design challenges.

виклик дизайну.

But what is really hard

Але ось, що дійсно складно

about designing at scale is this:

при оформленні у масштабі:

It's hard in part because

Це складно частково тому,

it requires a combination of two things,

що потребує поєднання двох речей -

audacity and humility —

відваги та смиренності -

audacity to believe that the thing that you're making

відваги вірити, що річ, яку ви створююте,

is something that the entire world wants and needs,

є чимось, чого цілий світ хоче і потребує,

and humility to understand that as a designer,

а смиренність - для розуміння, що дизайнером

it's not about you or your portfolio,

ви є не для себе чи вашого портфоліо,

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

а для людей, яким ви це створююте,

and how your work just might help them

і як ваша робота може їм допомогти

live better lives.

жити краще.

Now, unfortunately, there's no school

Зараз, на жаль, немає школи,

that offers the course Designing for Humanity 101.

що пропонує курси Дизайну для Людства 101.

I and the other designers

Я та інші дизайнери,

who work on these kinds of products

які працюють над цими речами,

have had to invent it as we go along,

мали це придумати, бо ми рухаємося далі

and we are teaching ourselves

і вчимося

the emerging best practices

найкращим наявним практикам

of designing at scale,

дизайну в масштабі,

and today I'd like share some of the things

і сьогодні я хочу поділитися дечим,

that we've learned over the years.

чого ми навчилися впродовж років.

Now, the first thing that you need to know

Перша річ, яку варто знати

about designing at scale

про дизайн у масштабі,

is that the little things really matter.

це те, що маленькі дрібниці дійсно вагомі.

Here's a really good example of how

Ось хороший приклад того,

a very tiny design element can make a big impact.

як крихітний елемент має великий вплив.

The team at Facebook that manages

Команда на фейсбуці, яка управляє

the Facebook "Like" button

позначкою у фейсбуці "подобається",

decided that it needed to be redesigned.

вирішила, що вона потребує зміни дизайну.

The button had kind of gotten out of sync

Позначка наче уникала синхронізації

with the evolution of our brand

з еволюцією нашого бренду

and it needed to be modernized.

і потребувала модернізації.

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

Ви можете подумати, що це лише позначка,

it probably is a pretty straightforward,

це, можливо, досить просто,

easy design assignment, but it wasn't.

легко у виконанні, але це не так.

Turns out, there were all kinds of constraints

Виявляється, були всякі обмеження

for the design of this button.

щодо дизайну цієї позначки.

You had to work within specific height and width parameters.

Необхідно враховувати висоту та ширину.

You had to be careful to make it work

Потрібно бути обережним, щоб це працювало

in a bunch of different languages,

на різних мовах,

and be careful about using fancy gradients or borders

а також, роблячи уявні нахили чи межі,

because it has to degrade gracefully

тому, що це має належно виглядати

in old web browsers.

у старих веб-браузерах.

The truth is, designing this tiny little button

Правду кажучи, проектування цього значка

was a huge pain in the butt.

стало скалкою в одному місці.

Now, this is the new version of the button,

Тепер це нова версія значка,

and the designer who led this project estimates

і дизайнер, керуючий проектом, підрахував,

that he spent over 280 hours

що він витратив понад 280 годин,

redesigning this button over the course of months.

змінюючи дизайн позначки впродовж місяця.

Now, why would we spend so much time

Нащо нам зараз витрачати стільки часу

on something so small?

на щось зовсім маленьке?

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

Тому, що при проектуванні в масштабі,

there's no such thing as a small detail.

немає такого поняття, як маленька деталь.

This innocent little button

Цю невинну маленьку позначку

is seen on average 22 billion times a day

бачать загалом 22 мільярди разів в день

and on over 7.5 million websites.

і понад 7.5 мільйонів вебсайтів.

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

Це один з найбільш популярних

елементів дизайну коли-небудь створених.

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

Тепер багато мороки з цим значком,

and the designer behind it,

зокрема для дизайнера,

but with these kinds of products,

але в таких речах

you need to get even the tiny things right.

потрібно розробляти дизайн і для найменших деталей.

Now, the next thing that you need to understand

Наступне, що ви повинні зрозуміти -

is how to design with data.

як проектувати з даними.

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

Тепер, коли ви працюєте над такими речами,

you have incredible amounts of information

у вас є неймовірна кількість інформації

about how people are using your product

про те, як люди використовують ваш виріб,

that you can then use to influence

що допоможе вплинути

your design decisions,

на ваші проектуючі рішення,

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

це не так легко? як слідкувати за кількістю.

Let me give you an example

Дозвольте мені навести приклад,

so that you can understand what I mean.

щоб ви зрозуміли, що я маю на увазі.

Facebook has had a tool for a long time

У фейсбуці тривалий час був інструмент,

that allowed people to report photos

що дозволяв людям позначати фото,

that may be in violation of our community standards,

які можуть порушувати суспільні стандарти,

things like spam and abuse.

такі як спам або жорстоке поводження.

And there were a ton of photos reported,

І позначалася величезна кількість фото,

but as it turns out,

проте, як виявилось,

only a small percentage were actually

лише невеликий відсоток дійсно порушували

in violation of those community standards.

суспільні стандарти.

Most of them were just your typical party photo.

Більшість, це ваші типові фото з вечірок.

Now, to give you a specific hypothetical example,

Щоб дати конкретний гіпотетичний приклад,

let's say my friend Laura hypothetically

скажімо, моя подруга Лаура, гіпотетично,

uploads a picture of me

завантажила моє фото

from a drunken night of karaoke.

з п'яної ночі в караоке.

This is purely hypothetical, I can assure you.

Це чисто гіпотетично, я можу вас запевнити.

(Laughter)

(Сміх)

Now, incidentally,

Тепер, до речі,

ви знаєте, як деякі люди турбуються,

you know how some people are kind of worried

that their boss or employee

що їхній бос або співробітник

is going to discover embarrassing photos of them

побачать їхні бентежні фото

on Facebook?

на фейсбуці.

Do you know how hard that is to avoid

Ви знаєте, як цього важко уникнути,

when you actually work at Facebook?

коли ти, власне, працюєш у фейсбуці?

So anyway, there are lots of these photos

Так чи інакше, є багато таких фотографій,

being erroneously reported as spam and abuse,

помилково позначених як спам і зловживання,

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

і один з інженерів команди мав передчуття.

He really thought there was something else going on

Він дійсно думав, що щось не так,

and he was right,

і мав рацію,

because when he looked through a bunch of the cases,

тому що, коли він розглядав низку випадків,

he found that most of them

то побачив, що більшість з них

were from people who were requesting

були від людей, які зверталися з проханням

the takedown of a photo of themselves.

забрати їхнє фото.

Now this was a scenario that the team

Тепер це був сценарій, який команда

never even took into account before.

ніколи навіть не враховувала до цього.

So they added a new feature

Таким чином, вони додали нову функцію,

that allowed people to message their friend

що дозволяла людям повідомити друга

to ask them to take the photo down.

і попросити забрати фото.

But it didn't work.

Але це не спрацювало.

Only 20 percent of people

Лише 20 відсотків людей

sent the message to their friend.

надіслали повідомлення їхнім друзям.

So the team went back at it.

І команда повернулася до цього.

They consulted with experts in conflict resolution.

Вони радились з експертами щодо покращення.

They even studied the universal principles

Вони навіть вивчали універсальні принципи

of polite language,

мови ввічливості,

which I didn't even actually know existed

про існування якої я і не здогадувалася

until this research happened.

поки не почалося це дослідження.

And they found something really interesting.

І вони виявили дещо цікаве.

They had to go beyond just helping people

Потрібно не лише допомагати людям

ask their friend to take the photo down.

просити їхнього друга забрати фото.

They had to help people express to their friend

Вони повинні допомогти висловлювати друзям,

how the photo made them feel.

як вони ставляться до фото.

Here's how the experience works today.

Ось як досвід працює сьогодні.

So I find this hypothetical photo of myself,

Отже я знаходжу моє гіпотетичне фото,

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

це не спам і не образа,

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

але я б хотіла, щоб його не було на сайті.

So I report it and I say,

Я надсилаю запит і кажу,

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

"Я на фото, і воно мені не подобається,"

and then we dig deeper.

і тоді ми копаємо глибше.

Why don't you like this photo of yourself?

Чому вам не подобається ваше фото?

And I select "It's embarrassing."

І я вибираю "Це ніяково."

And then I'm encouraged to message my friend,

І тоді мене закликають повідомити друга,

but here's the critical difference.

але ось суттєва різниця.

I'm provided specific suggested language

Я ввела спеціальну запропоновану мову,

that helps me communicate to Laura

що допомагає мені спілкуватись з Лаурою

how the photo makes me feel.

про те, як я ставлюсь до цього фото.

Now the team found that this relatively small change

І команда виявила, що ця невеличка зміна

had a huge impact.

мала величезний вплив.

Before, only 20 percent of people

До цього, лише 20 відсотків людей

were sending the message,

відсилали повідомлення,

and now 60 percent were,

а зараз - 60 відсотків,

and surveys showed that people

і опитування показали, що люди

on both sides of the conversation

з обох сторін спілкування

felt better as a result.

в результаті почувалися краще.

That same survey showed

Це саме опитування показало,

that 90 percent of your friends

що 90 відсотків ваших друзів

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

хочуть знати, чи вони вас не засмутили.

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

Я не знаю, хто є іншими десятьма процентами,

but maybe that's where our "Unfriend" feature

але, можливо, тут наша функція "Видалити з друзів"

can come in handy.

може стати у нагоді.

So as you can see,

Отже, як ви можете побачити,

these decisions are highly nuanced.

ці рішення мають багато нюансів.

Of course we use a lot of data

Звичайно, ми використовуємо багато даних,

to inform our decisions,

щоб повідомити про наші рішення,

but we also rely very heavily on iteration,

але ми також значно покладаємося на повтор,

research, testing, intuition, human empathy.

дослідження, тестування, інтуїцію, співчуття.

It's both art and science.

Це мистецтво і наука.

Now, sometimes the designers who work on these products

Іноді дизайнерів, які працюють над цим,

are called "data-driven,"

називають "керовані даними",

which is a term that totally drives us bonkers.

термін, який робить із нас схиблених.

The fact is, it would be irresponsible of us

Це було б безвідповідально з нашої сторони -

not to rigorously test our designs

не перевірити чітко наші проекти,

when so many people are counting on us

коли стільки людей покладаються на нас,

to get it right,

щоб все впорядкувати,

but data analytics

але аналітики даних

will never be a substitute for design intuition.

ніколи не замінять дизайнерську інтуїцію.

Data can help you make a good design great,

Дані зроблять з хорошого дизайну чудовий,

but it will never made a bad design good.

але ніколи з поганого хороший.

The next thing that you need to understand as a principle

Наступне, що ви повинні зрозуміти як основу,

is that when you introduce change,

коли запроваджуєте зміну,

you need to do it extraordinarily carefully.

ви повинні робити це надзвичайно ретельно.

Now I often have joked that

Я часто жартую,

I spend almost as much time

що витрачаю стільки ж часу,

designing the introduction of change

проектуючи введення зміни,

as I do the change itself,

скільки й роблячи саму зміну,

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

і я впевнена, що це всіх стосується,

when something that we use a lot changes

коли те, що ми використовуємо, змінюється,

and then we have to adjust.

і ми маємо звикнути до цього.

The fact is, people can become

Суть в тому, що люди можуть

very efficient at using bad design,

ефективно використовувати поганий дизайн,

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

і тому, навіть якщо зміна є хорошою у перспективі,

it's still incredibly frustrating when it happens,

коли вона відбувається, це спантеличує,

and this is particularly true

і особливо це має місце

with user-generated content platforms,

у платформах, де вміст наповнюють користувачі,

because people can rightfully claim a sense of ownership.

бо це, по праву, їхня власність.

It is, after all, their content.

Це, як не як, їхній контент.

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

Раніше, коли я працювала в Youtube,

we were looking for ways to

ми шукали шляхи

encourage more people to rate videos,

закликати людей оцінювати відео,

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

і це було цікаво, бо коли ми оглядали дані,

we found that almost everyone was exclusively using

ми виявили, що майже кожен виключно обирав

the highest five-star rating,

найвищу п'ятизіркову оцінку,

a handful of people were using

деякі люди використовували

the lowest one-star,

найнижчу оцінку,

and virtually no one

і практично ніхто

was using two, three or four stars.

не обирав дві, три чи чотири зірки.

So we decided to simplify

І ми вирішили спростити

into an up-down kind of voting binary model.

до подвійної моделі голосування знизу-вверх.

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

Людям буде простіше так взаємодіяти.

But people were very attached

Але люди були дуже прив'язані

to the five-star rating system.

до п'ятизіркової системи оцінювання.

Video creators really loved their ratings.

Творцям відео подобалися їхні оцінки.

Millions and millions of people

Мільйони людей

were accustomed to the old design.

звикли до старого дизайну.

So in order to help people

І щоб допомогти людям

prepare themselves for change

підготувати їх до змін

and acclimate to the new design more quickly,

і акліматизувати новий дизайн швидше,

we actually published the data graph

ми опублікували графік даних,

sharing with the community

пояснюючи громадськості

the rationale for what we were going to do,

те, що ми збирались робити,

and it even engaged the larger industry

і це навіть охопило більшу ділянку

in a conversation, which resulted in

спілкування, що мало вияв

my favorite TechCrunch headline of all time:

у моєму улюбленому

TechCrunch заголовку всіх часів:

"YouTube Comes to a 5-Star Realization:

"YouTube йде до п'ятизіркової реалізації:

Its Ratings Are Useless."

його рейтинг марний.

Now, it's impossible to completely avoid

Неможливо повністю уникнути

change aversion when you're making changes

антипатії до зміни, коли ти вже змінюєш

to products that so many people use.

речі, які багато людей використовує.

Even though we tried to do all the right things,

Навіть, якщо ми хотіли зробити все правильно,

we still received our customary flood

ми отримували звиклий наплив

of video protests and angry emails

відеопротестів і невгамовних емейлів,

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

і навіть пакет, який мусила просканувати охорона.

but we have to remember

Але ми повинні пам'ятати:

people care intensely about this stuff,

люди дуже переживають через таке.

and it's because these products, this work,

Тому, що ці речі, ця робота

really, really matters to them.

справді, справді важливі для них.

Now, we know that we have to be careful

Тепер ми знаємо, що потрібно бути уважним

about paying attention to the details,

і враховувати деталі,

we have to be cognizant about how we use data

ми повинні осмислено використовувати дані

in our design process,

у процесі проектування,

and we have to introduce change

і ми повинні запроваджувати зміни

very, very carefully.

дуже і дуже обережно.

Now, these things are all really useful.

Всі ці речі дійсно корисні.

They're good best practices for designing at scale.

Це найкращі практики для розробки в масштабі.

But they don't mean anything

Але вони нічого не означатимуть,

if you don't understand something

якщо ви не зрозумієте щось

much more fundamental.

більш фундаментальне.

You have to understand who you are designing for.

Ви повинні розуміти, для кого ви проектуєте.

Now, when you set a goal to design

Коли ви окреслюєте ціль проектувати

for the entire human race,

для цілої людської раси,

and you start to engage in that goal in earnest,

і починаєте займатися цим серйозно,

at some point you run into the walls

в певній мірі ви потрапляєте в рамки

of the bubble that you're living in.

бульбашки, у якій живете.

Now, in San Francisco, we get a little miffed

У Сан-Франциско нас трохи дратує,

when we hit a dead cell zone

коли ми попадаємо у зону, де нема покриття,

because we can't use our phones to navigate

бо не можемо скористатись навігацією

to the new hipster coffee shop.

до нового хіпстерського кафе.

But what if you had to drive four hours

А що, коли вам потрібно їхати чотири години,

to charge your phone

щоб зарядити телефон,

because you had no reliable source of electricity?

бо у вас немає джерела електропостачання?

What if you had no access to public libraries?

Коли немає доступу до міських бібліотек?

What if your country had no free press?

Коли ваша країна не має безкоштовної преси?

What would these products start to mean to you?

Що тоді ці речі для вас означатимуть?

This is what Google, YouTube and Facebook

Ось так Google, YouTube і Facebook

look like to most of the world,

виглядають для більшої частини світу,

and it's what they'll look like

а це так, як воно виглядатиме

to most of the next five billion people

для наступних п'яти мільйонів людей,

to come online.

щоб з'явитись онлайн.

Designing for low-end cell phones

Проектування для телефонів низького рівня

is not glamorous design work,

не є гламурною дизайнерською роботою,

but if you want to design for the whole world,

але якщо ви хочете проектувати для всього світу,

you have to design for where people are,

ви повинні розробляти, дивлячись з їхнього боку,

and not where you are.

а не з вашого.

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

І як ми бачимо цю велику картину в голові?

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

Ми обходимо бульбашку, щоб побачити, почути

and understand the people we're designing for.

і зрозуміти людей, для яких ми творимо.

We use our products in non-English languages

Ми робимо нашу продукцію іншими мовами,

to make sure that they work just as well.

щоб впевнитися, що вони також функціонують.

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

Ми використовуємо інколи такі телефони,

to keep in touch with their reality.

щоб бачити їхню дійсність.

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

Що ж означає творити у світовому масштабі?

It means difficult and sometimes exasperating work

Це вимагає важкої, іноді дратівливої роботи

to try to improve and evolve products.

для вдосконалення і розвитку продукції.

Finding the audacity and the humility to do right by them

Пошук відваги і смиренності

can be pretty exhausting,

може виявитись досить виснажливим,

and the humility part,

і смиренність

it's a little tough on the design ego.

утискає дизайнерське его.

Because these products are always changing,

Тому що ці речі завжди змінюються,

everything that I've designed in my career

все, що я створила за свою кар'єру,

is pretty much gone,

в значній мірі зникло.

and everything that I will design will fade away.

І все, що я розроблятиму, зникне.

But here's what remains:

Але ось те, що залишається:

the never-ending thrill

нескінченне враження

of being a part of something that is so big,

бути частиною чогось такого великого,

you can hardly get your head around it,

що годі й уявити,

and the promise that it just might change the world.

а ще надія, що це може змінити світ.

Thank you.

Дякую.

(Applause)

(Оплески)