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

Margaret Gould Stewart: Cómo los gigantes sitios web diseñan para ti (y mil millones más, también)

Traductor: Ciro Gomez Revisor: Emma Gon

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

¿Qué piensan cuando digo la palabra "diseño"?

You probably think of things like this,

Probablemente piensan en cosas como esta,

finely crafted objects that you can hold in your hand,

objetos finamente elaborados que pueden tener en sus manos

or maybe logos and posters and maps

o tal vez los logotipos y carteles y mapas

that visually explain things,

que explican visualmente cosas,

classic icons of timeless design.

iconos clásicos de diseño atemporal.

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

Pero no estoy aquí para hablar de ese tipo de diseño.

I want to talk about the kind

Hablaré de la clase

that you probably use every day

que probablemente utilicen todos los días

and may not give much thought to,

y en la que quizá poco piensan,

designs that change all the time

diseños que cambian todo el tiempo

and that live inside your pocket.

y que viven dentro de su bolsillo.

I'm talking about the design

Estoy hablando sobre el diseño

of digital experiences

de experiencias digitales

and specifically the design of systems

y, específicamente, el diseño de sistemas

that are so big that their scale

que son tan grandes que su escala

can be hard to comprehend.

puede ser difícil de comprender.

Consider the fact that Google processes

Consideren el hecho de que Google recibe

over one billion search queries every day,

más de mil millones de consultas de búsqueda cada día,

that every minute, over 100 hours

que cada minuto, más de 100 horas

of footage are uploaded to YouTube.

de material se cargan en YouTube.

That's more in a single day

Eso es más en un solo día

than all three major U.S. networks broadcast

que las 3 principales cadenas de EE. UU. han difundido,

in the last five years combined.

combinadas, en los últimos 5 años.

And Facebook transmitting the photos,

Y Facebook transmite las fotos,

messages and stories

mensajes e historias

of over 1.23 billion people.

de más de 1230 millones de personas.

That's almost half of the Internet population,

Eso es casi la mitad de la población de Internet,

and a sixth of humanity.

y una sexta parte de la humanidad.

These are some of the products

Esto es algo de lo

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

que he ayudado a diseñar a lo largo de mi carrera,

and their scale is so massive

y su escala es tan masiva

that they've produced unprecedented

que han creado desafíos de diseño

design challenges.

sin precedentes.

But what is really hard

Pero lo que es realmente difícil

about designing at scale is this:

del diseño a escala es lo siguiente:

It's hard in part because

Es difícil, en parte porque

it requires a combination of two things,

se requiere una combinación de dos cosas,

audacity and humility —

audacia y humildad;

audacity to believe that the thing that you're making

audacia de creer que lo que se está haciendo

is something that the entire world wants and needs,

es algo que todo el mundo quiere y necesita,

and humility to understand that as a designer,

y humildad para entender que, como diseñador,

it's not about you or your portfolio,

no se trata de usted o su portafolio,

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

se trata de las personas para las que está diseñando,

and how your work just might help them

y cómo tu trabajo podría ayudarles a

live better lives.

vivir una vida mejor.

Now, unfortunately, there's no school

Ahora, por desgracia, no hay escuela

that offers the course Designing for Humanity 101.

que ofrezca el curso Introducción al Diseño para la Humanidad.

I and the other designers

Yo y los otros diseñadores

who work on these kinds of products

que trabajan en estos productos

have had to invent it as we go along,

hemos tenido que inventarlo sobre la marcha,

and we are teaching ourselves

y nos estamos enseñando

the emerging best practices

las mejores prácticas emergentes

of designing at scale,

de diseñar a escala,

and today I'd like share some of the things

y me gustaría compartir algo

that we've learned over the years.

de lo que hemos aprendido a lo largo de los años.

Now, the first thing that you need to know

Lo primero que deben saber

about designing at scale

sobre el diseño a escala

is that the little things really matter.

es que las pequeñas cosas son realmente importantes.

Here's a really good example of how

He aquí un buen ejemplo de cómo

a very tiny design element can make a big impact.

un elemento de diseño muy pequeño puede tener un gran impacto.

The team at Facebook that manages

El equipo de Facebook que administra

the Facebook "Like" button

el botón de Facebook "Me gusta"

decided that it needed to be redesigned.

decidió que necesitaba ser rediseñado.

The button had kind of gotten out of sync

El botón había perdido sincronización

with the evolution of our brand

con la evolución de nuestra marca

and it needed to be modernized.

y necesitaba ser modernizado.

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

Podrían pensar, es un pequeño botón,

it probably is a pretty straightforward,

probablemente es bastante sencillo,

easy design assignment, but it wasn't.

una asignación diseño fácil, pero no lo era.

Turns out, there were all kinds of constraints

Resulta que había todo tipo de restricciones

for the design of this button.

para el diseño de este botón.

You had to work within specific height and width parameters.

Había que trabajar en los parámetros de altura y anchura específicos.

You had to be careful to make it work

Había que tener cuidado para que funcionara

in a bunch of different languages,

en un montón de idiomas diferentes

and be careful about using fancy gradients or borders

y tener cuidado con el uso de gradientes o bordes

because it has to degrade gracefully

porque tiene que degradar con gracia

in old web browsers.

en navegadores antiguos.

The truth is, designing this tiny little button

La verdad es que diseñar este pequeño botón

was a huge pain in the butt.

fue un gran tormento.

Now, this is the new version of the button,

Esta es la nueva versión del botón,

and the designer who led this project estimates

y el diseñador que lideró este proyecto estima

that he spent over 280 hours

que pasó más de 280 horas

redesigning this button over the course of months.

rediseñando este botón en el transcurso de meses.

Now, why would we spend so much time

Ahora, ¿por qué pasamos tanto tiempo

on something so small?

en algo tan pequeño?

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

Porque al diseñar a escala,

there's no such thing as a small detail.

no hay tal cosa como un pequeño detalle.

This innocent little button

Este pequeño inocente botón

is seen on average 22 billion times a day

es visto en promedio 22 mil millones de veces al día

and on over 7.5 million websites.

y en más de 7,5 millones de sitios web.

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

Es uno de los elementos individuales de diseño más vistos jamás creados.

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

Ahora eso es mucha presión para un pequeño botón

and the designer behind it,

y el diseñador detrás de él,

but with these kinds of products,

pero con este tipo de productos,

you need to get even the tiny things right.

uno necesita lograr incluso las cosas pequeñas bien.

Now, the next thing that you need to understand

Ahora, la siguiente cosa que uno necesita entender

is how to design with data.

es cómo diseñar con datos.

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

Cuando se trabaja en estos productos,

you have incredible amounts of information

uno tiene una increíble cantidad de información

about how people are using your product

sobre cómo lo usa la gente

that you can then use to influence

que puede utilizar para influir

your design decisions,

sus decisiones de diseño,

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

pero no es tan sencillo como seguir los números.

Let me give you an example

Déjenme darles un ejemplo

so that you can understand what I mean.

para que comprendan lo que quiero decir.

Facebook has had a tool for a long time

Hace tiempo que Facebook tiene una herramienta

that allowed people to report photos

que permite reportar fotos

that may be in violation of our community standards,

que pueden estar violando las normas de la comunidad,

things like spam and abuse.

cosas como el spam y el abuso.

And there were a ton of photos reported,

Y había un montón de fotos reportadas,

but as it turns out,

pero resulta que,

only a small percentage were actually

solo un pequeño porcentaje

in violation of those community standards.

violaba las normas de la comunidad.

Most of them were just your typical party photo.

La mayoría eran solo su foto típica de fiesta.

Now, to give you a specific hypothetical example,

Ahora, para darles un ejemplo hipotético específico,

let's say my friend Laura hypothetically

digamos que mi amiga Laura hipotéticamente

uploads a picture of me

sube una foto mía

from a drunken night of karaoke.

de una noche de borrachera en un karaoke.

This is purely hypothetical, I can assure you.

Esto es puramente hipotético, les puedo asegurar.

(Laughter)

(Risas)

Now, incidentally,

Ahora, por cierto,

you know how some people are kind of worried

a algunos les preocupa

that their boss or employee

que su jefe o empleador vaya

is going to discover embarrassing photos of them

a descubrir fotos embarazosas de ellos

on Facebook?

en Facebook.

Do you know how hard that is to avoid

¿Saben lo difícil que es evitar esto

when you actually work at Facebook?

cuando en realidad trabajas en Facebook?

So anyway, there are lots of these photos

De todos modos, hay un montón de estas fotos

being erroneously reported as spam and abuse,

reportadas erróneamente como spam y abuso,

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

y un ingeniero del equipo tenía una corazonada.

He really thought there was something else going on

Pensaba que había algo más en juego

and he was right,

y tenía razón,

because when he looked through a bunch of the cases,

porque cuando miró un montón de los casos,

he found that most of them

encontró que la mayoría

were from people who were requesting

eran de personas que solicitaban

the takedown of a photo of themselves.

quitar una foto de sí mismos.

Now this was a scenario that the team

Se trataba de un escenario que el equipo

never even took into account before.

ni siquiera tuvo en cuenta antes.

So they added a new feature

Así, agregaron una nueva función

that allowed people to message their friend

que permitía enviarle un mensaje a su amigo

to ask them to take the photo down.

para pedirle que bajara la foto.

But it didn't work.

Pero eso no funcionó.

Only 20 percent of people

Solo el 20 % de las personas

sent the message to their friend.

enviaron el mensaje a su amigo.

So the team went back at it.

Así que el equipo volvió al tema.

They consulted with experts in conflict resolution.

Consultaron a expertos en resolución de conflictos.

They even studied the universal principles

Incluso estudiaron los principios universales

of polite language,

de un lenguaje cortés,

which I didn't even actually know existed

que yo no sabía que existían

until this research happened.

hasta hacer esta investigación.

And they found something really interesting.

Y encontraron algo realmente interesante.

They had to go beyond just helping people

Tuvieron que ir más allá de ayudar a la gente

ask their friend to take the photo down.

a pedir a su amigo bajar la foto.

They had to help people express to their friend

Tenían que ayudar a las personas a expresar a su amigo

how the photo made them feel.

cómo les hizo sentir la foto.

Here's how the experience works today.

Así es como funciona hoy la experiencia.

So I find this hypothetical photo of myself,

Así que encuentro esta foto hipotética de mía

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

y no es spam, ni abuso,

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

pero realmente me gustaría que no estuviera en el sitio.

So I report it and I say,

La reporto y digo,

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

"Estoy en esta foto y no me gusta"

and then we dig deeper.

y luego profundizamos.

Why don't you like this photo of yourself?

¿Por qué no te gusta esta foto tuya?

And I select "It's embarrassing."

Y selecciono "Es vergonzosa".

And then I'm encouraged to message my friend,

Y entonces me siento alentada a enviar un mensaje a mi amigo,

but here's the critical difference.

pero aquí está la diferencia crítica.

I'm provided specific suggested language

Me sugieren un lenguaje específico

that helps me communicate to Laura

que me ayuda a comunicarme con Laura

how the photo makes me feel.

sobre cómo me hace sentir la foto.

Now the team found that this relatively small change

Ahora, el equipo encontró que este cambio relativamente pequeño

had a huge impact.

ha tenido un gran impacto.

Before, only 20 percent of people

Antes, solo el 20 % de las personas

were sending the message,

enviaban el mensaje,

and now 60 percent were,

y ahora el 60 % lo hacen,

and surveys showed that people

y las encuestas mostraron

on both sides of the conversation

que en ambos lados de la conversación

felt better as a result.

se sentía mejor como resultado.

That same survey showed

Esa misma encuesta mostró

that 90 percent of your friends

que el 90 % de tus amigos

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

quieren saber si han hecho algo que te haya molestado.

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

Ahora, no sé quién es el otro 10 %,

but maybe that's where our "Unfriend" feature

pero tal vez ahí nuestro "Unfriend"

can come in handy.

puede venir muy bien.

So as you can see,

Así como pueden ver,

these decisions are highly nuanced.

estas decisiones son muy matizadas.

Of course we use a lot of data

Por supuesto utilizamos muchos datos

to inform our decisions,

en nuestras decisiones,

but we also rely very heavily on iteration,

pero también dependemos en gran medida en la iteración,

research, testing, intuition, human empathy.

la investigación, el ensayo, la intuición, la empatía humana.

It's both art and science.

Es arte y ciencia, ambos.

Now, sometimes the designers who work on these products

A veces los diseñadores que trabajan en esto

are called "data-driven,"

son llamados de "data-driven"

which is a term that totally drives us bonkers.

que es un término que nos pone totalmente locos.

The fact is, it would be irresponsible of us

El hecho es, que sería irresponsable de nuestra parte

not to rigorously test our designs

no probar rigurosamente nuestros diseños

when so many people are counting on us

cuando tantas personas están contando con nosotros

to get it right,

para hacerlo bien,

but data analytics

pero el análisis de datos

will never be a substitute for design intuition.

nunca será un sustituto para el diseño intuitivo.

Data can help you make a good design great,

Los datos pueden ayudar a hacer un buen gran diseño,

but it will never made a bad design good.

pero nunca hacen un mal diseño, bueno.

The next thing that you need to understand as a principle

Lo siguiente que ustedes necesitan entender como un principio

is that when you introduce change,

es que cuando se hace un cambio,

you need to do it extraordinarily carefully.

se necesita hacer con extraordinario cuidado.

Now I often have joked that

A menudo bromeo

I spend almost as much time

que paso casi todo el tiempo

designing the introduction of change

diseñando tanto la introducción de cambios

as I do the change itself,

como los cambios en sí mismos,

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

y estoy segura de que todos podemos identificarnos

when something that we use a lot changes

cuando algo que usamos mucho, cambia,

and then we have to adjust.

y tenemos que adaptarnos.

The fact is, people can become

El hecho es que la gente puede llegar a ser

very efficient at using bad design,

muy eficiente en el uso de un mal diseño,

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

y aunque el cambio les sirva en el largo plazo,

it's still incredibly frustrating when it happens,

aún así, es muy frustrante cuando sucede,

and this is particularly true

y esto es particularmente cierto

with user-generated content platforms,

con plataformas de contenido generado por los usuarios,

because people can rightfully claim a sense of ownership.

porque la gente puede reclamar con razón un sentido de propiedad.

It is, after all, their content.

Es, después de todo, su contenido.

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

Hace años, cuando trabajaba en YouTube,

we were looking for ways to

estábamos buscando maneras

encourage more people to rate videos,

de animar a más gente a valorar los vídeos,

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

y fue interesante porque cuando nos miramos a los datos,

we found that almost everyone was exclusively using

encontramos que casi todo el mundo utilizaba exclusivamente

the highest five-star rating,

la máxima calificación de 5 estrellas,

a handful of people were using

un puñado de personas usaban

the lowest one-star,

la baja de una estrella,

and virtually no one

y prácticamente nadie

was using two, three or four stars.

usaba 2, 3 o 4 estrellas.

So we decided to simplify

Así que decidimos simplificar

into an up-down kind of voting binary model.

en un tipo de la votación modelo binario arriba-abajo.

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

Iba a ser mucho más fácil para que la gente lo use.

But people were very attached

Pero la gente estaban muy apegados

to the five-star rating system.

al sistema de 5 estrellas.

Video creators really loved their ratings.

Los creadores de video amaban sus calificaciones.

Millions and millions of people

Millones de personas

were accustomed to the old design.

estaban acostumbradas al viejo diseño.

So in order to help people

Así que con el fin de ayudar

prepare themselves for change

a prepararse para el cambio

and acclimate to the new design more quickly,

y aclimatarse al nuevo diseño más rápidamente,

we actually published the data graph

publicamos el gráfico de datos

sharing with the community

compartiendo con la comunidad

the rationale for what we were going to do,

la justificación de lo que íbamos a hacer,

and it even engaged the larger industry

e incluso involucrando a la gran industria

in a conversation, which resulted in

en un dialogo, que resultó

my favorite TechCrunch headline of all time:

en mi encabezado TechCrunch favorito de todos los tiempos:

"YouTube Comes to a 5-Star Realization:

"YouTube cae en la cuenta con grado de 5 estrellas:

Its Ratings Are Useless."

que sus clasificaciones son inútiles".

Now, it's impossible to completely avoid

Es imposible evitar por completo

change aversion when you're making changes

cambiar la aversión cuando estás cambiando

to products that so many people use.

los productos que tantos utilizan.

Even though we tried to do all the right things,

Aun tratando de hacer lo correcto,

we still received our customary flood

recibimos nuestra inundación habitual

of video protests and angry emails

de protestas en video como de emails airados

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

e incluso un paquete que tuvo que ser analizado por la seguridad,

but we have to remember

pero tenemos que recordar

people care intensely about this stuff,

que la gente se preocupa intensamente por estas cosas,

and it's because these products, this work,

y es porque estos productos, esta obra,

really, really matters to them.

les importa mucho, mucho.

Now, we know that we have to be careful

Sabemos que tenemos que tener cuidado

about paying attention to the details,

prestar atención a los detalles,

we have to be cognizant about how we use data

ser conscientes de cómo se utilizan los datos

in our design process,

en nuestro proceso de diseño,

and we have to introduce change

y tenemos que introducir cambios

very, very carefully.

muy, muy cuidadosamente.

Now, these things are all really useful.

Todas estas cosas son realmente útiles.

They're good best practices for designing at scale.

Hay buenas mejores prácticas para el diseño a escala.

But they don't mean anything

Pero eso no significa nada

if you don't understand something

si uno no entiende algo

much more fundamental.

mucho más fundamental.

You have to understand who you are designing for.

Uno tiene que entender para quién diseñas.

Now, when you set a goal to design

Cuando fija una meta de diseño

for the entire human race,

para toda la raza humana,

and you start to engage in that goal in earnest,

y se compromete con ese objetivo en serio,

at some point you run into the walls

en algún momento te encuentras con las paredes

of the bubble that you're living in.

de la burbuja en que se estás viviendo.

Now, in San Francisco, we get a little miffed

En San Francisco, nos molesta

when we hit a dead cell zone

una zona de mala recepción

because we can't use our phones to navigate

porque usamos nuestros teléfonos

to the new hipster coffee shop.

para buscar una nueva cafetería

But what if you had to drive four hours

Pero ¿qué pasa si tienes que conducir 4 horas

to charge your phone

para cargar tu teléfono

because you had no reliable source of electricity?

porque no tienes una fuente confiable de electricidad?

What if you had no access to public libraries?

¿Qué pasa si no tienes acceso a las bibliotecas públicas?

What if your country had no free press?

¿Qué pasa si en tu país no hay libertad de prensa?

What would these products start to mean to you?

¿Qué comenzarían a significar estos productos para ti?

This is what Google, YouTube and Facebook

Esto es lo que Google, YouTube y Facebook

look like to most of the world,

son para la mayor parte del mundo,

and it's what they'll look like

y es lo que van a parecer

to most of the next five billion people

a la mayoría de los siguientes 5 mil millones de personas

to come online.

que entrarán en línea.

Designing for low-end cell phones

Diseñar para teléfonos móviles de bajo costo

is not glamorous design work,

no es un trabajo de diseño glamoroso,

but if you want to design for the whole world,

pero si quieres diseñar para todo el mundo,

you have to design for where people are,

tienes que diseñar para donde la gente está,

and not where you are.

y no donde tú estás.

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

Así que, ¿cómo podemos mantener este gran, gran panorama en mente?

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

Tratamos de viajar fuera de nuestra burbuja para ver, oír

and understand the people we're designing for.

y entender a la gente para quienes diseñamos.

We use our products in non-English languages

Usamos nuestros productos en varios idiomas

to make sure that they work just as well.

para asegurarnos de que funcionan igual de bien.

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

Y tratamos de utilizar uno de estos teléfonos de vez en cuando

to keep in touch with their reality.

para mantenernos en contacto con su realidad.

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

Así que, ¿qué significa diseñar a escala global?

It means difficult and sometimes exasperating work

Significa un trabajo difícil y a veces exasperante

to try to improve and evolve products.

para tratar de mejorar y evolucionar los productos.

Finding the audacity and the humility to do right by them

Encontrar la audacia y la humildad para hacer lo correcto por ellos

can be pretty exhausting,

puede ser bastante agotador,

and the humility part,

y la parte de la humildad,

it's a little tough on the design ego.

es un poco difícil para el ego del diseñador.

Because these products are always changing,

Debido a que los productos están en constante cambio,

everything that I've designed in my career

todo lo que he diseñado en mi carrera

is pretty much gone,

prácticamente desapareció,

and everything that I will design will fade away.

y todo lo que voy a diseñar se desvanecerá.

But here's what remains:

Pero esto es lo queda:

the never-ending thrill

la emoción sin fin

of being a part of something that is so big,

de ser parte de algo que es tan grande,

you can hardly get your head around it,

que difícilmente puede caber en tu cabeza

and the promise that it just might change the world.

y la promesa de que tal vez puedes cambiar el mundo.

Thank you.

Gracias.

(Applause)

(Aplausos)