Como os sites gigantes são desenhados para você (e para bilhões de outras pessoas também)
-
0:01 - 0:04O que vocês imaginam quando eu
digo a palavra "design"? -
0:05 - 0:07Provavelmente pensam coisas assim,
-
0:07 - 0:08objetos finamente criados
-
0:08 - 0:11que podem segurar em suas mãos,
-
0:11 - 0:13ou talvez logotipos, pôsteres e mapas
-
0:13 - 0:15que explicam as coisas visualmente,
-
0:15 - 0:18ícones clássicos de um design atemporal.
-
0:18 - 0:21Mas eu não estou aqui para falar
desse tipo de design. -
0:21 - 0:23Eu quero falar sobre o tipo
-
0:23 - 0:25que vocês provavelmente
usam todos os dias -
0:25 - 0:27e talvez não se deem conta disso,
-
0:27 - 0:29designs que mudam o tempo todo
-
0:29 - 0:31e que vivem dentro de seus bolsos.
-
0:31 - 0:33Estou falando sobre o design
-
0:33 - 0:35das experiências digitais
-
0:35 - 0:38e especificamente o design de sistemas
-
0:38 - 0:39que são tão grandes que sua dimensão
-
0:39 - 0:41pode ser difícil de entender.
-
0:42 - 0:44Considere o fato de que o Google processa
-
0:44 - 0:47mais de um bilhão de
consultas todos os dias, -
0:47 - 0:50e que a cada minuto, mais de 100 horas
-
0:50 - 0:52de conteúdos são enviadas para o YouTube.
-
0:52 - 0:53Isso é mais em um único dia
-
0:53 - 0:57do que todas as três maiores
emissoras de TV dos Estados Unidos -
0:57 - 0:58nos últimos cinco anos
-
0:58 - 0:59juntas.
-
0:59 - 1:02E o Facebook transmitindo as fotos,
-
1:02 - 1:03mensagens e histórias
-
1:03 - 1:06de mais de 1,23 bilhão de pessoas.
-
1:06 - 1:09Isso é quase metade
da população da Internet, -
1:09 - 1:11e um sexto da humanidade.
-
1:11 - 1:13Esses são alguns dos produtos
-
1:13 - 1:15que eu ajudei a desenhar
durante minha carreira, -
1:15 - 1:17e seus alcances são tão grandes
-
1:17 - 1:19que eles produziram desafios
-
1:19 - 1:21sem precedentes no design.
-
1:22 - 1:24Mas, o que realmente é difícil
-
1:24 - 1:26sobre design em grande escala
é o seguinte: -
1:26 - 1:28é difícil porque
-
1:28 - 1:31são necessárias duas coisas:
-
1:31 - 1:33audácia e humildade;
-
1:34 - 1:37audácia para acreditar que
o que você está fazendo -
1:37 - 1:41é algo de que o mundo
todo precisa e deseja, -
1:41 - 1:44e humildade para entender
que como um designer, -
1:44 - 1:47não se trata de você ou de seu portfólio,
-
1:47 - 1:49trata-se das pessoas
para quem você desenha, -
1:49 - 1:51e como o seu trabalho pode ajudá-las
-
1:51 - 1:53a ter uma vida melhor.
-
1:53 - 1:55Agora, infelizmente, não há uma escola
-
1:55 - 1:59que ofereça o curso
"Design para a Humanidade 101". -
1:59 - 2:01Eu e outros designers
-
2:01 - 2:03que trabalham com esse tipo de produto
-
2:03 - 2:05meio que tivemos que inventá-lo
-
2:05 - 2:06no meio do caminho,
-
2:06 - 2:08e nós estamos nos ensinando
-
2:08 - 2:10as melhores práticas emergentes
-
2:10 - 2:11do design em grande escala,
-
2:11 - 2:13e hoje eu gostaria de mostrar um pouco
-
2:13 - 2:15do que nós aprendemos ao longo dos anos.
-
2:15 - 2:18A primeira coisa a saber
sobre design em grande escala -
2:18 - 2:21é que as pequenas coisas
realmente importam. -
2:21 - 2:22Aqui está um bom exemplo de como
-
2:22 - 2:24um elemento de design muito pequeno
-
2:24 - 2:26pode causar um grande impacto.
-
2:26 - 2:29O time do Facebook que gerencia
-
2:29 - 2:32o botão "Curtir"
-
2:32 - 2:34decidiu que ele precisava ser redesenhado.
-
2:34 - 2:36O botão estava meio que fora
-
2:36 - 2:38da evolução de nossa marca
-
2:38 - 2:40e precisava ser modernizado.
-
2:40 - 2:41Vocês devem pensar, bem,
-
2:41 - 2:42é um botão minúsculo,
-
2:42 - 2:44deve ser muito simples,
-
2:44 - 2:45um projeto fácil.
-
2:45 - 2:46Mas não era.
-
2:46 - 2:49Acontece que, havia todo tipo de restrição
-
2:49 - 2:50para o design deste botão.
-
2:50 - 2:52Você tinha que trabalhar com
-
2:52 - 2:54parâmetros específicos
de altura e largura. -
2:54 - 2:56Você tinha que ter cuidado
para fazer ele funcionar -
2:56 - 2:58em vários idiomas diferentes,
-
2:58 - 3:01e tomar cuidado ao usar
gradientes e bordas extravagantes -
3:01 - 3:03porque ele tinha que ter uma boa aparência
-
3:03 - 3:05em navegadores antigos.
-
3:05 - 3:08A verdade é que,
desenhar esse botão minúsculo -
3:08 - 3:10foi um belo pé no saco.
-
3:10 - 3:12Agora, esta é a nova versão do botão,
-
3:12 - 3:15e o designer que
liderou este projeto estima -
3:15 - 3:18que levou mais de 280 horas
-
3:18 - 3:20redesenhando este botão
-
3:20 - 3:21ao longo de meses.
-
3:21 - 3:24Agora, por que passamos tanto tempo
-
3:24 - 3:26em algo tão pequeno?
-
3:26 - 3:28É porque quando se cria em grande escala,
-
3:28 - 3:31não existe isso de pequeno detalhe.
-
3:31 - 3:32Esse pequeno e inocente botão
-
3:32 - 3:36é visto cerca de 22 bilhões
de vezes por dia -
3:36 - 3:40e em mais de 7,5 milhões de sites.
-
3:40 - 3:44É um dos elementos de design
mais vistos da história. -
3:44 - 3:47Agora, isso é muita pressão
para um pequeno botão -
3:47 - 3:48e o designer por trás dele,
-
3:48 - 3:49mas com esse tipo de produto,
-
3:49 - 3:52você precisa acertar cada coisinha.
-
3:52 - 3:55Agora, a próxima coisa
que vocês precisam entender -
3:55 - 3:58é como desenhar com dados.
-
3:58 - 4:00Quando se trabalha
com produtos como este, -
4:00 - 4:02tem-se uma incrível
quantidade de informações -
4:02 - 4:04sobre como as pessoas usam seu produto
-
4:04 - 4:06que você pode usar para influenciar
-
4:06 - 4:07suas decisões no design,
-
4:07 - 4:10mas não é simplesmente
seguir os números. -
4:10 - 4:11Deixem-me dar um exemplo
-
4:11 - 4:13para que vocês entendam
o que quero dizer. -
4:13 - 4:16Facebook teve uma ferramenta
por muito tempo -
4:16 - 4:18que permitia que as
pessoas denunciassem fotos -
4:18 - 4:21que podiam estar violando nossas normas,
-
4:21 - 4:23coisas como spam ou abusos.
-
4:23 - 4:25E uma série de fotos foram reportadas,
-
4:25 - 4:27mas acontece que,
-
4:27 - 4:29só uma pequena parte, de fato
-
4:29 - 4:31violava as normas daquelas comunidades.
-
4:31 - 4:34A maioria delas eram
fotos típicas de festas. -
4:34 - 4:37Agora, para dar-lhes um exemplo
específico e hipotético, -
4:37 - 4:40vamos dizer que minha
amiga Laura, hipoteticamente, -
4:40 - 4:41tenha publicado uma foto minha
-
4:41 - 4:44bêbada em uma noite de karaokê.
-
4:44 - 4:47Isso é totalmente hipotético, eu juro.
-
4:47 - 4:49(Risos)
-
4:49 - 4:50Incidentalmente
-
4:50 - 4:52sabe como algumas pessoas se preocupam
-
4:52 - 4:54que seus chefes ou empregados
-
4:54 - 4:56vejam fotos constrangedoras delas
-
4:56 - 4:57no Facebook?
-
4:57 - 4:59Sabem o quanto é difícil evitar isso
-
4:59 - 5:02quando você de fato
trabalha no Facebook? -
5:02 - 5:04Enfim, havia várias dessas fotos
-
5:04 - 5:08sendo reportadas como spam
ou abuso erroneamente, -
5:08 - 5:11e um dos engenheiros da
nossa equipe tinha um palpite. -
5:11 - 5:13Ele realmente pensou que
algo estava acontecendo -
5:13 - 5:14e ele estava certo,
-
5:14 - 5:16porque quando ele analisou vários casos,
-
5:16 - 5:18ele descobriu que a maioria deles
-
5:18 - 5:20era de pessoas que estavam pedindo
-
5:20 - 5:22para que suas fotos fossem removidas.
-
5:23 - 5:24Esse era um cenário que a equipe
-
5:24 - 5:27nunca tinha levado em consideração antes.
-
5:27 - 5:29Então, ela adicionou um novo recurso
-
5:29 - 5:31que permitia que as pessoas
pedissem a seus amigos -
5:31 - 5:33que tirassem suas fotos do ar.
-
5:33 - 5:34Mas isso não funcionou.
-
5:34 - 5:36Apenas 20% das pessoas
-
5:36 - 5:38enviavam mensagens para seus contatos.
-
5:38 - 5:40Então, o time voltou a trabalhar nisso.
-
5:40 - 5:43Eles consultaram especialistas
em resolução de conflitos. -
5:43 - 5:47Eles chegaram a estudar os
princípios universais -
5:47 - 5:48da linguagem da etiqueta,
-
5:48 - 5:49que eu nem sabia que existiam
-
5:49 - 5:51até realizar essa pesquisa.
-
5:51 - 5:54E eles descobriram algo
realmente interessante. -
5:54 - 5:56Eles tinham que fazer mais
que só ajudar as pessoas -
5:56 - 5:58a pedir que seus amigos apagassem a foto.
-
5:58 - 6:01Tiveram que ajudar as pessoas a
se expressarem para os amigos -
6:01 - 6:03sobre como a foto as fez sentir.
-
6:03 - 6:05É assim que a experiência funciona hoje.
-
6:05 - 6:09Então, eu encontrei essa
foto hipotética minha, -
6:09 - 6:11e ela não é spam, não é abuso,
-
6:11 - 6:14mas eu realmente não queria
que ela fosse publicada. -
6:14 - 6:17Então, eu reporto e falo,
-
6:17 - 6:19"Eu estou nesta foto e não gosto dela,"
-
6:19 - 6:22e aí nós fomos mais longe.
-
6:22 - 6:25Por que você não gosta dessa sua foto?
-
6:25 - 6:28E eu seleciono "É constrangedor."
-
6:28 - 6:31E depois eu sou encorajada a
contatar meu amigo, -
6:31 - 6:33mas aí é que está a diferença fundamental.
-
6:33 - 6:36Oferecem a linguagem específica
-
6:36 - 6:39para que eu pudesse me
comunicar com a Laura -
6:39 - 6:41sobre como me sinto em relação à foto.
-
6:41 - 6:44O time descobriu que essa
mudança relativamente pequena -
6:44 - 6:46teve um impacto enorme.
-
6:46 - 6:48Antes, apenas 20% das pessoas
-
6:48 - 6:49enviavam a mensagem,
-
6:49 - 6:51e agora 60% enviam,
-
6:51 - 6:53e pesquisas mostram que as pessoas
-
6:53 - 6:55em ambos os lados da conversa
-
6:55 - 6:56se sentiram melhor por causa disso.
-
6:56 - 6:58Essa mesma pesquisa mostrou
-
6:58 - 7:00que 90% de seus amigos
-
7:00 - 7:03querem saber se eles
fizeram algo para te chatear. -
7:03 - 7:05Eu não sei quem são os outros 10%,
-
7:05 - 7:08mas talvez a função "Desfazer amizade"
seja útil nesses casos. -
7:08 - 7:10Então, como vocês podem ver,
-
7:10 - 7:13essas decisões são
altamente diferenciadas. -
7:13 - 7:15É claro que usamos muitos dados
-
7:15 - 7:16para informar nossas decisões,
-
7:16 - 7:19mas também dependemos
muito da iteração, -
7:19 - 7:24pesquisa, testes, intuição,
empatia humana. -
7:24 - 7:25É arte e ciência ao mesmo tempo.
-
7:26 - 7:28Agora, algumas vezes,
os designers dessas ferramentas -
7:28 - 7:30são chamados "orientados por dados",
-
7:30 - 7:32um termo que nos deixa totalmente malucos.
-
7:32 - 7:36O fato é, seria
irresponsável de nossa parte -
7:36 - 7:38não testarmos rigorosamente
os nossos designs -
7:38 - 7:40quando tantas pessoas
estão contando conosco -
7:40 - 7:41para aperfeiçoá-lo
-
7:41 - 7:44mas, a análise de dados
-
7:44 - 7:47nunca será uma substituta
para a intuição de design. -
7:47 - 7:50Os dados podem fazer
um bom design ser ótimo, -
7:50 - 7:53mas eles nunca farão um
design ruim ser bom. -
7:54 - 7:57A próxima coisa que precisam
entender como princípio -
7:57 - 7:58é que quando se introduz a mudança,
-
7:58 - 8:01precisa-se ter um cuidado
extraordinário. -
8:01 - 8:03Eu sempre brinquei que
-
8:03 - 8:05eu passo quase o mesmo tempo
-
8:05 - 8:06desenhando a introdução da mudança
-
8:06 - 8:09do que fazendo a mudança propriamente,
-
8:09 - 8:11e eu tenho certeza que todos
podemos compreender isso, -
8:11 - 8:13quando algo que usamos muito muda
-
8:13 - 8:15e nós temos que nos adaptar.
-
8:15 - 8:17O fato é, as pessoas podem se tornar
-
8:17 - 8:21muito eficientes no uso de um design ruim,
-
8:21 - 8:23e mesmo que a mudança
seja boa a longo prazo, -
8:23 - 8:26ainda é incrivelmente
frustrante quando acontece, -
8:26 - 8:28e isso é especialmente verdadeiro
-
8:28 - 8:31com plataformas de conteúdo
gerado por usuários, -
8:31 - 8:34porque as pessoas podem
reivindicar um senso de posse. -
8:34 - 8:37Afinal, é o conteúdo delas.
-
8:37 - 8:39Há alguns anos,
-
8:39 - 8:40quando eu trabalhava no YouTube,
-
8:40 - 8:42nós estávamos buscando maneiras
-
8:42 - 8:45de encorajar mais pessoas
a avaliar vídeos, -
8:45 - 8:47e é interessante porque,
quando consultamos os dados, -
8:47 - 8:51descobrimos que quase todos
estavam usando exclusivamente -
8:51 - 8:53a nota mais alta de cinco estrelas,
-
8:53 - 8:54um punhado de pessoas estava usando
-
8:54 - 8:56a nota mais baixa,
-
8:56 - 8:57e virtualmente ninguém
-
8:57 - 8:59estava usando duas, três
ou quatro estrelas. -
8:59 - 9:01Então, nós decidimos simplificar
-
9:01 - 9:05em um tipo de votação no modelo
binário bom-ruim. -
9:05 - 9:08Isso tornaria bem mais fácil
para engajar as pessoas. -
9:08 - 9:10Mas, as pessoas estavam muito apegadas
-
9:10 - 9:12ao sistema de cinco-estrelas.
-
9:12 - 9:14Os criadores dos vídeos
adoravam as avaliações. -
9:14 - 9:16Milhões e milhões de pessoas
-
9:16 - 9:18estavam acostumadas com o design antigo.
-
9:18 - 9:20Então, para ajudar as pessoas
-
9:20 - 9:22a se prepararem para as mudanças
-
9:22 - 9:24e se acostumarem com o novo
design mais rápido, -
9:24 - 9:26nós publicamos um gráfico de dados
-
9:26 - 9:28compartilhando com a comunidade
-
9:28 - 9:30a justificativa do que
estávamos para fazer, -
9:30 - 9:33e isso até incentivou a grande indústria
-
9:33 - 9:35a ter uma conversa, que resultou
-
9:35 - 9:38na minha manchete favorita
de todos os tempos no TechCrunch: -
9:38 - 9:41"YouTube chega a uma conclusão 5-estrelas:
-
9:41 - 9:44suas avaliações são inúteis."
(Risos) -
9:44 - 9:47Agora, é impossível evitar por completo
-
9:47 - 9:48essa aversão a mudanças
-
9:48 - 9:49quando se faz mudanças
-
9:49 - 9:51em produtos que tantas pessoas usam.
-
9:51 - 9:53Mesmo que tenhamos tentado
fazer tudo certo, -
9:53 - 9:55nós ainda recebíamos uma
inundação habitual -
9:55 - 9:58de protestos em vídeo e e-mails raivosos
-
9:58 - 10:02e até um pacote que teve que
ser examinado pelos seguranças, -
10:02 - 10:04mas, nós temos que nos lembrar de que
-
10:04 - 10:07as pessoas se preocupam
muito com essas coisas, -
10:07 - 10:08e é porque esses produtos,
-
10:08 - 10:10esse trabalho,
-
10:10 - 10:12realmente importa para elas.
-
10:12 - 10:15Agora, nós sabemos que
temos que ser cuidadosos -
10:15 - 10:17sobre prestar atenção aos detalhes,
-
10:17 - 10:20nós temos que ser conscientes
sobre como usamos dados -
10:20 - 10:21em nossos processos de design,
-
10:21 - 10:23e temos que introduzir a mudança
-
10:23 - 10:25com muito, mas muito cuidado.
-
10:25 - 10:27Essas coisas são todas muito úteis.
-
10:27 - 10:30Elas são boas práticas para
design em grande escala. -
10:30 - 10:32Mas, elas não significam nada
-
10:32 - 10:33se você não entende uma coisa
-
10:33 - 10:35muito mais importante.
-
10:35 - 10:37Você tem que entender
-
10:37 - 10:40para quem está desenhando.
-
10:40 - 10:41Agora, quando você aspira a desenhar
-
10:41 - 10:44para toda a raça humana,
-
10:44 - 10:47e começa a se envolver
seriamente nesse objetivo, -
10:47 - 10:49em algum momento,
você topará com as paredes -
10:49 - 10:51da bolha em que está vivendo.
-
10:51 - 10:52Em São Francisco,
-
10:52 - 10:54nós ficamos meio irritados
-
10:54 - 10:55quando ficamos sem serviço
-
10:55 - 10:58porque não podemos usar
o celular para chegar -
10:58 - 11:00à nova cafeteria hipster.
-
11:00 - 11:02Mas, e se você tivesse que
dirigir por quatro horas -
11:02 - 11:04para carregar seu celular
-
11:04 - 11:07porque você não tem
nenhuma fonte de eletricidade? -
11:07 - 11:11E se você não tivesse acesso
a bibliotecas públicas? -
11:11 - 11:13E se seu país não tivesse imprensa livre?
-
11:13 - 11:15O que esses produtos
-
11:15 - 11:17começariam a significar para você?
-
11:17 - 11:20Isso é o que o Google, YouTube e Facebook
-
11:20 - 11:21são para a maior parte do mundo,
-
11:21 - 11:23e é assim que eles serão
-
11:23 - 11:25para a maioria das próximas
5 bilhões de pessoas -
11:25 - 11:26a entrar na Internet.
-
11:26 - 11:28Desenhar para aparelhos de baixo custo
-
11:28 - 11:31não é um trabalho de design glamuroso,
-
11:31 - 11:33mas se quiser desenhar
para o mundo todo, -
11:33 - 11:35você tem que projetar
para onde as pessoas estão -
11:35 - 11:37e não para onde você está.
-
11:37 - 11:38Então, como mantemos
-
11:38 - 11:40essa perspectiva em mente?
-
11:40 - 11:42Nós tentamos sair da nossa bolha
-
11:42 - 11:44para ver, ouvir e entender
-
11:44 - 11:46as pessoas para quem estamos desenhando.
-
11:46 - 11:48Nós usamos os produtos
em outros idiomas -
11:48 - 11:50para ter certeza de que
eles funcionam bem. -
11:50 - 11:51E...
-
11:51 - 11:53tentamos usar um desses
telefones de vez em quando -
11:53 - 11:56para nos manter em contato
com essa realidade. -
11:56 - 11:57Então,
-
11:57 - 12:00o que significa desenhar em escala global?
-
12:00 - 12:04Significa ter um trabalho
difícil e exasperante -
12:04 - 12:08para tentar aprimorar e
evoluir nossos produtos. -
12:08 - 12:11Encontrar a audácia e
humildade para ajudá-los -
12:11 - 12:12pode ser muito exaustivo,
-
12:12 - 12:14e a parte da humildade,
-
12:14 - 12:16é um tanto difícil para o ego do designer.
-
12:16 - 12:19Porque esses produtos
estão sempre mudando, -
12:19 - 12:21tudo o que desenhei em minha carreira
-
12:21 - 12:23já foi substituído,
-
12:23 - 12:25e tudo que eu ainda vou projetar
irá desaparecer. -
12:25 - 12:27Mas, eis o que resta:
-
12:27 - 12:30o sentimento inacabável
-
12:30 - 12:32de ser parte de algo tão grande,
-
12:32 - 12:35que você mal consegue compreender,
-
12:35 - 12:38e a promessa de que isso
pode mudar o mundo. -
12:38 - 12:39Obrigada.
-
12:39 - 12:42(Aplausos)
- Title:
- Como os sites gigantes são desenhados para você (e para bilhões de outras pessoas também)
- Speaker:
- Margaret Gould Stewart
- Description:
-
Os botões "curtir" e "compartilhar" do Facebook são vistos 22 bilhões de vezes por dia, fazendo com que eles sejam o elemento de design mais visto já criado. Margaret Gould Stewart, diretora de design de produtos do Facebook, descreve três regras para o design em grande escala - tão grande que os menores detalhes poderiam causar um problema em nível global, mas também tão grande que a mais sutil melhoria poderia impactar positivamente a vida de tantas pessoas.
- Video Language:
- English
- Team:
- closed TED
- Project:
- TEDTalks
- Duration:
- 13:00
Thierry de Carvalho Banhete
Adeline, na tradução as legendas estão boas, exceto por algumas expressões que você não adaptou bem e algumas escolhas de palavras que giram em torno do gosto pessoal. Essa parte eu já alterei e você pode conferir as revisões aqui: http://amara.org/pt/videos/diffing/1416150/1410128/
Estou mandando a tarefa de volta porque várias vezes faltou seguir a regra de 42 caracteres por linha e velocidade máxima de 21 caracteres/seg. Sempre que possível, tente começar a legenda junto com a fala do palestrante (nunca antes), mas não tenha medo de avançar alguns segundos para cima da próxima fala para acertar a velocidade de leitura. Isso é o mais importante.
Espero a nova versão :)
Adeline Daniele
Oi, Thierry, tudo certo?
Peço desculpas pela falta de revisão, estava em um período bem atarefado no trabalho e acabei não tendo tempo para me dedicar a ele.
Dei uma ajustada nos tempos das legendas e pulei algumas linhas para não ultrapassar o limite de 42 caracteres. Se observar algum outro erro, por favor, me avise.
Abs,
Adeline
Thierry de Carvalho Banhete
Está faltando um pouco mais de interpretação de significado e adaptabilidade da sua parte, Adeline. Saber onde cortar e onde mudar para reduzir os tamanhos.
Eu também não sou perfeito. Há algumas linhas que eu sou forçado a confiar a mãos mais competentes, pois não sei o que fazer para reduzir o tamanho delas (notavelmente, 10:53, 10:55 e 11:24)