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

Summary

Der Redner beleuchtet die Herausforderungen des Designs für digitale Systeme, die eine enorme Skala erreichen und täglich Milliarden von Interaktionen verarbeiten. Er betont die Bedeutung des Einfühlungsvermögens und der sorgfältigen Gestaltung, um Nutzern weltweit bessere Lebensqualität zu ermöglichen. Durch Beispiele wie die Neugestaltung des Facebook-'Like'-Buttons und das Feedback-System für unerwünschte Fotos zeigt er, wie Detailarbeit und Datennutzung zu besseren Produkten führen. Der Talk endet mit der Vision, wie das Design für die Menschheit eine positive Wirkung auf die Welt haben kann.

Takeaways

• 🌐 **Globale Skalierung**: Design für digitale Erfahrungen muss auf globale Nutzer und ihre Bedürfnisse zugeschnitten sein.
• 🤔 **Kombination aus Kühnheit und Demut**: Gutes Design erfordert die Fähigkeit, große Ideen zu haben und gleichzeitig die Nutzerbedürfnisse im Mittelpunkt zu halten.
• 🔍 **Datenbasierte Entscheidungen**: Datenanalyse ist entscheidend für Designentscheidungen, aber sie sollte nicht allein verwendet werden, um Design zu verbessern.
• 🔧 **Kleine Details zählen**: Auch kleine Designelemente wie der 'Like'-Button können einen großen Einfluss auf die Benutzererfahrung haben.
• 🌱 **Iterative Entwicklung**: Design ist ein fortlaufender Prozess, der von Forschung, Testen und Intuition geleitet wird.
• 🌐 **Design für Vielfalt**: Produkte müssen in verschiedenen Sprachen und unter verschiedenen Bedingungen funktionieren, um global erfolgreich zu sein.
• 📈 **Daten und Intuition**: Gute Designentscheidungen werden durch die Kombination von Daten und Designintuition getroffen.
• 🛠️ **Vorsichtige Änderungen**: Wenn Designänderungen eingeführt werden, ist es wichtig, diese sehr sorgfältig durchzuführen, um den Benutzern zu helfen, sich anzupassen.
• 🌍 **Einschätzung der globalen Realität**: Um für die ganze Welt zu designen, ist es notwendig, die Lebensrealitäten der Nutzer in verschiedenen Teilen der Welt zu verstehen und zu respektieren.
• 🌟 **Dauerhafte Wirkung**: Obwohl Designelemente verändert oder überholt werden können, bleibt die Möglichkeit, durch Design die Welt zu verändern, bestehen.

Q & A

Was versteht der Sprecher unter dem 'Design', wenn er über digitale Erfahrungen spricht?

Der Sprecher bezieht sich auf das Design von digitalen Erfahrungen und Systemen, die so groß sind, dass ihre Skalierung schwer zu verstehen ist. Er spricht nicht von klassischem Design wie physischen Objekten oder visuellen Darstellungen, sondern von der Gestaltung von Produkten, die jeden Tag von Milliarden von Menschen verwendet werden.

Welche Beispiele für digitale Produkte werden in dem Skript genannt?

Es werden Google, YouTube und Facebook als Beispiele für digitale Produkte genannt, die eine enorme Skalierung haben und bei denen Designentscheidungen von großer Bedeutung sind.

Warum ist das Design von digitalen Produkten wie Google oder Facebook so komplex?

Das Design solcher Produkte ist komplex, weil sie für eine Vielzahl von Menschen mit unterschiedlichen Bedürfnissen und Hintergründen gestaltet werden müssen. Darüber hinaus müssen sie in verschiedenen Sprachen funktionieren und auf einer Vielzahl von Geräten und Browsern gut aussehen.

Was zeigt der Sprecher mit dem Beispiel des Facebook 'Like'-Buttons?

Der Sprecher verwendet den 'Like'-Button als Beispiel, um zu zeigen, dass selbst sehr kleine Designelemente, wenn sie auf einer großen Skala verwendet werden, eine große Auswirkung haben können. Der Neuentwurf des Buttons erforderte über 280 Stunden Arbeit, da er von Milliarden von Menschen täglich gesehen wird.

Wie wichtig sind Daten im Designprozess von digitalen Produkten?

Daten sind sehr wichtig, da sie Entwicklern Informationen darüber geben, wie Menschen die Produkte verwenden. Sie helfen, Designentscheidungen zu treffen, die auf tatsächlichen Benutzerumgebungen basieren. Allerdings reicht es nicht aus, nur die Zahlen zu folgen; es ist auch notwendig, Intuition, menschliche Empathie und iteratives Testen einzubeziehen.

Was zeigt das Beispiel der Foto-Meldungen auf Facebook über die Bedeutung von Daten und Intuition?

Das Beispiel zeigt, dass es wichtig ist, Daten zu analysieren, aber auch die Intuition und den Kontext zu berücksichtigen. Obwohl viele Fotos gemeldet wurden, stellte sich heraus, dass die meisten Fotos, die gemeldet wurden, keine Verstöße gegen die Community-Standards darstellten. Durch iteratives Testen und die Zusammenarbeit mit Konfliktlösungsexperten wurde ein besseres Feedbacksystem entwickelt.

Warum ist es notwendig, Änderungen bei digitalen Produkten sehr vorsichtig einzuführen?

Änderungen an digitalen Produkten müssen sehr vorsichtig eingeführt werden, weil Benutzer an ihre gewohnten Workflows gewöhnt sind und plötzliche Änderungen zu Frustration führen können. Es ist wichtig, die Community über die Gründe für Änderungen zu informieren und sie in den Prozess der Anpassung zu involvieren.

Was bedeutet es, für die gesamte Menschheit zu designen?

Für die gesamte Menschheit zu designen bedeutet, die Vielfalt der Bedürfnisse und Umstände der Benutzer weltweit zu berücksichtigen. Es erfordert ein tiefes Verständnis der verschiedenen Kulturen, Sprachen, technischen Ressourcen und sozialen Kontexte, in denen die Produkte verwendet werden.

Wie kann man sicherstellen, dass das Design für eine globale Skala relevant ist?

Um sicherzustellen, dass das Design für eine globale Skala relevant ist, ist es wichtig, aus der eigenen Blase herauszukommen und die Menschen, für die man designt, direkt zu sehen, zu hören und zu verstehen. Es ist auch notwendig, Produkte in verschiedenen Sprachen zu verwenden und auf verschiedenen Geräten zu testen, um die tatsächliche Erfahrung der Benutzer zu verstehen.

Was bleibt am Ende nach all dem Design und der Arbeit an Produkten, die ständig wechseln?

Obwohl die spezifischen Designelemente und Produkte, die der Sprecher in seiner Karriere entworfen hat, möglicherweise veraltet sind, bleibt die Freude und das Versprechen, Teil von etwas zu sein, das so groß ist, dass man es kaum umfassen kann, und die Möglichkeit, die Welt zu verändern.

Outlines

00:00

🌐 Design im digitalen Zeitalter

Der Sprecher führt in den Begriff des Designs ein, das nicht nur physische Objekte umfasst, sondern auch digitale Erfahrungen und Systeme, die eine unvorstellbare Skala erreichen. Er betont, dass Design in diesem Kontext audatiorisch und bescheiden sein muss, um die Bedürfnisse und das Wohlergehen der Nutzer zu berücksichtigen. Es gibt keine universelle Lehre für das Design auf dieser Skala, daher entwickeln Designer wie der Sprecher eigene Methoden und lernen kontinuierlich aus der Praxis. Ein Beispiel für die Bedeutung kleiner Designelemente ist die Neugestaltung der Facebook-'Like'-Taste, die trotz ihrer Apparentheit eine komplexe und zeitaufwändige Aufgabe darstellt, da sie täglich Milliardenfach gesehen wird.

05:02

📊 Datengetriebenes Design und Nutzerkommunikation

Der zweite Absatz konzentriert sich auf die Rolle von Daten im Designprozess und wie sie zur Verbesserung der Nutzererfahrung genutzt werden kann. Der Sprecher erzählt die Geschichte einer Funktion, die es Benutzern ermöglicht, Fotos, die gegen die Community-Standards verstoßen könnten, zu melden. Durch genauere Analyse der gemeldeten Fälle wurde klar, dass viele Fotos aus anderen Gründen als Missbrauch oder Spam gemeldet wurden. Infolgedessen wurde eine neue Funktion hinzugefügt, die es Benutzern ermöglicht, ihren Freunden direkt zu kommunizieren, um Fotos zu entfernen, was zu einer signifikanten Steigerung der Erfolgsquote führte. Der Sprecher betont, dass Design nicht nur eine Wissenschaft, sondern auch eine Kunst ist, die Intuition und menschliche Empathie erfordert.

10:04

🌍 Globales Design und die Bedeutung der Nutzer

Der letzte Absatz thematisiert die Herausforderungen des globalen Designs und die Notwendigkeit, die Vielfalt der Nutzer zu verstehen und zu respektieren. Der Sprecher reflektiert über die Bedeutung, die digitale Produkte für verschiedene Nutzergruppen haben können und wie wichtig es ist, die Bedürfnisse und Realitäten aller Menschen zu berücksichtigen, nicht nur die eines privilegierten Teils der Welt. Er betont, dass Designentscheidungen, die in San Francisco getroffen werden, möglicherweise nicht für alle Menschen auf der Welt gleichermaßen relevant sind. Um globale Herausforderungen zu meistern, müssen Designer ihre eigenen Perspektiven überwinden und die Welt aus der Sicht ihrer Nutzer betrachten.

Keywords

💡Design

Design bezieht sich auf die Planung und Entwicklung von Produkten oder Systemen mit einem besonderen Fokus auf die Benutzererfahrung und Ästhetik. Im Kontext des Videos geht es darum, digitale Erfahrungen zu gestalten, insbesondere Systeme, die so groß sind, dass ihre Skala schwer zu fassen ist. Beispielsweise werden die Herausforderungen bei der Gestaltung von Google, YouTube und Facebook diskutiert, die Milliarden von Nutzern betreffen.

💡Skalierung

Skalierung bedeutet die Fähigkeit, ein System oder eine Anwendung auf eine größere Anzahl von Benutzern oder eine größere Datenmenge auszuweiten, ohne dass die Leistung beeinträchtigt wird. Im Video wird betont, wie schwierig es ist, bei der Gestaltung von Produkten wie Google oder Facebook auf einer Skala zu denken, die nahezu halb der Menschheit entspricht.

💡Benutzererfahrung

Die Benutzererfahrung (User Experience, UX) ist die Summe der emotionalen und praktischen Aspekte, die ein Benutzer mit einem Produkt oder einer Dienstleistung hat. Das Video betont die Bedeutung der Gestaltung von UX, um sicherzustellen, dass die Produkte für die Menschen, für die sie konzipiert sind, nützlich und erreichbar sind.

💡Datengesteuert

Datengesteuert bedeutet, dass Entscheidungen bei der Gestaltung oder beim Betrieb eines Produkts auf Daten und Analysen basieren. Im Video wird erläutert, wie wichtig es ist, Daten zu verwenden, um Designentscheidungen zu treffen, aber auch, dass Datenanalyse niemals die Intuition des Designers ersetzen kann.

💡Iterative Entwicklung

Iterative Entwicklung ist ein Prozess, bei dem ein Produkt oder eine Idee in mehreren Phasen entwickelt wird, wobei jede Phase auf den Ergebnissen der vorherigen basiert und Verbesserungen einbringt. Das Video erwähnt, dass Design oft eine iterative Prozess ist, der auf Forschung, Testen und dem Feedback der Benutzer basiert.

💡Konfliktlösung

Konfliktlösung bezieht sich auf die Fähigkeit, Probleme oder Meinungsverschiedenheiten zwischen Personen oder Gruppen friedlich zu lösen. Im Video wird ein Beispiel aus Facebook diskutiert, wie man eine Funktion entwickelt hat, um Benutzern zu helfen, Fotos, die sie für peinlich halten, von der Website zu entfernen, was ein Aspekt der Konfliktlösung ist.

💡Globale Skala

Globale Skala bezieht sich auf die Gestaltung von Produkten oder Dienstleistungen, die für eine breite Palette von Benutzern in verschiedenen Regionen und Kulturen geeignet sind. Das Video betont die Herausforderungen, die mit der Gestaltung von Produkten verbunden sind, die für eine Vielzahl von Benutzern auf der ganzen Welt funktionieren müssen.

💡Datenschutz

Datenschutz ist der Schutz persönlicher Informationen vor unbefugtem Zugriff oder Missbrauch. Im Video wird die Bedeutung von Datenschutz hervorgehoben, wenn es darum geht, wie Facebook und andere Plattformen die Fotos und Informationen ihrer Benutzer verwalten.

💡Designintuition

Designintuition bezieht sich auf die Fähigkeit eines Designers, auf seine Erfahrung und sein Gefühl zu vertrauen, um Entscheidungen über das Design zu treffen, auch wenn dies nicht immer durch Daten oder Logik erklärt werden kann. Das Video unterstreicht die Notwendigkeit, sowohl Daten als auch Designintuition in der Gestaltungsprozess zu verwenden.

💡Änderungsverwaltung

Änderungsverwaltung ist der Prozess, der verwendet wird, um Änderungen in einem Produkt oder einer Anwendung zu planen, zu implementieren und zu überwachen. Im Video wird erläutert, wie wichtig es ist, Änderungen sorgfältig einzuführen, um die Benutzerfreundlichkeit und das Engagement aufrechtzuerhalten.

Highlights

Design is not just about physical objects but also about digital experiences and systems that are used daily.

Digital design challenges are immense due to the scale of platforms like Google, YouTube, and Facebook.

Designing at scale requires a balance of audacity to create globally needed products and humility to focus on the users.

There is no formal education for designing at scale; designers must learn and invent as they go.

Even small design elements like the Facebook 'Like' button can have a huge impact due to their massive viewership.

Designing with data involves using user information to influence design decisions, but it's not just about following the numbers.

A redesign of the Facebook 'Like' button involved over 280 hours of work, emphasizing the importance of even minor details at scale.

Data can enhance good design but cannot fix inherently poor design; it's a tool, not a replacement for intuition and empathy.

Introducing change in design must be done carefully to avoid user frustration, even if the change is beneficial.

When YouTube simplified its rating system, it had to manage user attachment to the old design carefully.

Designers should understand their audience by stepping out of their bubble and experiencing the product from different perspectives.

Designing for the global audience means considering the needs of people with different access to technology and resources.

The thrill of designing at a global scale lies in the potential to change the world, despite the challenges and exhaustion.

The work of designers in large-scale digital products may fade, but the impact and the thrill of contributing to something vast remain.

Transcripts

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

over one billion search queries every day,

that every minute, over 100 hours

of footage are uploaded to YouTube.

That's more in a single day

than all three major U.S. networks broadcast

in the last five years combined.

And Facebook transmitting the photos,

messages and stories

of over 1.23 billion people.

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.

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

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

and on over 7.5 million websites.

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

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

were sending the message,

and now 60 percent were,

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

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,

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:

"YouTube Comes to a 5-Star Realization:

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

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)