DANIEL FALCÃO
EN
← Todos os artigos

Design e observação

O que o Japão me fez perceber sobre design

Placas de hospital laváveis, sinalização de trânsito, pictogramas e design gráfico. Alguns exemplos que pesquisei depois de voltar do Japão e as perguntas que eles trazem para o meu trabalho.

Acabei de voltar do Japão e quero continuar explorando algo que me chamou a atenção: o cuidado com os pequenos detalhes.

Sempre me interessei por design e objetos icônicos. Gosto de entender por que algo tem uma determinada forma, como funciona e o que faz as pessoas quererem continuar usando aquilo. Depois dessa viagem, quis levar essa curiosidade um pouco mais longe.

Os exemplos que pesquisei vão de placas de hospital laváveis à sinalização de trânsito, orientação em espaços e design gráfico. O que conecta tudo isso é uma pergunta prática: o que esse detalhe faz pela pessoa que o utiliza? É uma pergunta que quero trazer para o meu trabalho.

Pensar no que acontece depois da entrega

Placas de tecido do Umeda Hospital com letras vermelhas em japonês e inglês, um zíper visível e bordas de madeira expostas
Observe o zíper, as bordas de madeira e as letras vermelhas sobre o tecido branco. A construção faz parte do design. Sinalização: Kenya Hara. Fotografia © Daici Ano, via Architectural Record.

No Umeda Hospital, Kenya Hara criou placas com tecido que reveste painéis e postes. O tecido pode ser retirado para lavar. O escritório Kengo Kuma and Associates descreve como as placas ajudam a tornar o ambiente do hospital mais acolhedor.

Este é um dos meus exemplos favoritos da pesquisa. Alguém pensou em como esse design seria cuidado ao longo do tempo. O material, a mensagem e a manutenção fazem parte da mesma ideia.

Placa macia de tecido branco com a indicação do consultório 4 em letras vermelhas em japonês e inglês
A placa do consultório torna a maciez visível. Observe a borda franzida do tecido branco e o espaçamento das letras vermelhas. Kenya Hara, Umeda Hospital. Fotografia de arquivo via D.Dailyact / Designshot.

Ver as placas menores ajuda a entender a ideia. O tecido tem bordas, dobras e uma maciez que muda o caráter das letras. É uma escolha de material que também dá ao hospital uma forma de cuidar das placas ao longo do tempo.

Indicação de andar do Umeda Hospital feita com uma capa de tecido branco, abertura franzida no topo e letras vermelhas 2F
Uma capa de tecido vira uma indicação de andar. A abertura franzida no topo explica a construção com muito mais clareza do que uma foto distante do corredor. Kenya Hara, Umeda Hospital. Fotografia de arquivo via Yang Qingxiang.

Penso nisso quando uma equipe introduz um novo componente ou padrão. A primeira versão pode ficar ótima. Depois, alguém vai precisar traduzir, atualizar o conteúdo ou lidar com uma situação que o design original não previa.

Quero entender quem vai manter aquilo e como vai fazer as mudanças. Um padrão precisa de orientação suficiente para ser útil nas mãos de alguém que não participou da conversa original.

Isso também importa no meu trabalho como gestor. O cuidado que colocamos em um produto precisa continuar na próxima versão, com a próxima pessoa que entrar na equipe e diante do próximo pedido difícil.

Fonte: Kengo Kuma and Associates, Umeda Hospital

Encontrar uma linguagem visual na rua

Também quis olhar com mais atenção para a sinalização de trânsito do Japão. Gosto das cores fortes, das setas e da relação entre os caracteres japoneses e o alfabeto latino. Há muita coisa para observar, mas as decisões gráficas têm uma função.

Placas azuis de orientação em Nagoya com caracteres japoneses, alfabeto latino, números de rodovias e setas grandes
Nagoya, 2021. Observe a relação entre os nomes dos destinos, os números das rodovias e as setas. O painel verde fica dentro da placa azul maior. Fotografia: 円周率3パーセント, Wikimedia Commons, CC BY-SA 4.0. Imagem redimensionada e comprimida para a web.

Nesta fotografia, as setas grandes indicam a direção, enquanto os nomes dos lugares e os números das rodovias trazem informações mais específicas. Os caracteres japoneses e o alfabeto latino dividem o espaço, com diferenças de tamanho e posição. Acho essa relação interessante tanto como composição gráfica quanto pelo uso prático.

Placa japonesa vermelha e triangular de parada acima de uma placa circular de restrição e de uma placa azul de travessia de pedestres em Itabashi, Tóquio
Itabashi, Tóquio, 2018. Um triângulo vermelho, uma placa circular de restrição e um pictograma azul de pedestre têm identidades visuais diferentes. Fotografia: Antec, Wikimedia Commons, CC BY-SA 4.0. Imagem redimensionada e comprimida para a web.

A placa de parada é outro tipo de mensagem. Sua forma, sua cor e suas palavras se reforçam. Ao lado das outras placas, ela também mostra quanto significado a silhueta carrega antes de alguém ler os detalhes.

Isso me dá uma pergunta útil para as revisões de interface: o que precisa ser entendido primeiro e o que ajuda a pessoa a confirmar essa informação? Um ícone, um rótulo e uma cor podem apoiar a mesma mensagem. Quero verificar se continuam fazendo isso quando um desses sinais está ausente.

Dar às pessoas algo familiar para seguir

Painel de orientação do metrô de Tóquio com áreas azuis para conexões, amarelas para saídas, símbolos das linhas e uma lista de estações
Os painéis azuis agrupam as conexões; os amarelos agrupam as saídas. Letras, números, setas e nomes de estações se repetem pelo painel. Fotografia via Arukun’s Simple Life.

O Tokyo Metro combina uma letra para a linha, um número para a estação e um círculo colorido para identificar as estações. Suas orientações distinguem as placas azuis de conexão das placas amarelas de saída, com informações relacionadas em diferentes pontos do percurso.

O que acho interessante é a repetição. A pessoa consegue reconhecer algo familiar mesmo quando o formato e o ambiente mudam. Cada placa faz parte de um sistema maior.

Isso não elimina todas as dificuldades de circular por uma estação grande. A posição e a visibilidade continuam importantes. Mas uma linguagem compartilhada dá às pessoas um ponto de partida melhor.

Vejo a mesma necessidade em softwares complexos. Um orçamento, um projeto ou uma aprovação devem continuar reconhecíveis quando alguém passa de uma tabela para um painel de detalhes e depois para uma mensagem. Se o nome ou o significado muda pelo caminho, a pessoa precisa descobrir se ainda está olhando para a mesma coisa.

Quando reviso um design system, quero acompanhar essas relações ao longo da tarefa. Ter componentes consistentes é útil. Manter o significado claro em toda a experiência é igualmente importante.

Fonte: Tokyo Metro, orientações antes de usar o metrô

Mostrar as etapas antes que alguém pergunte

Elementos gráficos do Nine Hours Woman Kanda com planta do espaço e pictogramas numerados de check-in, armário, chuveiro e cápsula para dormir
Nine Hours Woman Kanda. Siga a sequência numerada do check-in aos armários, aos chuveiros e à cápsula para dormir. Uma planta e rótulos curtos aparecem ao lado dos pictogramas. Sinalização: Hiromura Design Office. Fotografia da galeria oficial da Nine Hours.

Outro exemplo que encontrei são os elementos gráficos nas paredes do Nine Hours Woman Kanda. O Hiromura Design Office inclui o projeto de sinalização em seu portfólio. Na fotografia, os ícones formam uma pequena explicação da estadia: fazer check-in, usar um armário, tomar banho e dormir.

Gosto de como os números, as setas e os rótulos curtos funcionam juntos. Os pictogramas têm personalidade, e a sequência dá a eles um propósito claro. Há também um mapa para responder a outra pergunta: onde ficam as coisas.

Isso me faz pensar no onboarding. Antes de acrescentar mais uma explicação, quero ver se a ordem da tarefa está visível. O que acontece primeiro? Do que vou precisar? Para onde vou depois? Essas perguntas merecem espaço no design.

Fonte: Hiromura Design Office, Nine Hours Woman Kanda, 2017

Abrir espaço para a personalidade

Cartaz Nihon Buyo de Ikko Tanaka, de 1981, com um rosto construído a partir de formas geométricas
Ikko Tanaka, Nihon Buyo, 1981. The Museum of Modern Art, doação do College of Fine Arts da UCLA. Fonte.

O cartaz Nihon Buyo, de Ikko Tanaka, de 1981, constrói a imagem de uma dançarina com formas geométricas e cores fortes.

Sempre volto à relação entre essas formas. A imagem tem muita personalidade, mesmo com uma construção controlada. Há uma ideia clara, e a composição dá espaço a ela.

Isso me faz pensar em como a precisão costuma ser associada a deixar tudo igual. Tenho interesse em uma precisão que ajude uma identidade a ficar mais reconhecível.

Em um cartaz ou anúncio, quero entender o que deve chamar a atenção primeiro e o que a pessoa deve lembrar depois. A tipografia, a imagem e o espaçamento precisam funcionar juntos.

Uma interface pede algo diferente de quem olha para ela. Há espaço para expressão, mas uma ação importante ainda precisa ser entendida. Eu teria cuidado ao trazer um tratamento visual incomum se ele tornasse uma tarefa mais difícil de acompanhar.

Para mim, a lição útil é escolher onde essa personalidade deve aparecer. Um produto pode ter uma voz própria e continuar sendo claro sobre suas ações e consequências.

Fonte: UMMA, Ikko Tanaka, Nihon Buyo

Deixar a ideia visual fazer parte do trabalho

Corredor do Terminal 3 de Narita com caminhos azuis e vermelhos inspirados em pistas de atletismo, pictogramas de avião e indicações de distância de 180 metros
Terminal 3 de Narita. Os caminhos azuis e vermelhos incorporam setas, pictogramas de avião e distâncias ao percurso. Fotografia via Inspiration Grid. Referências do projeto: PARTY e i Design.

O Terminal 3 do Aeroporto de Narita, inaugurado em abril de 2015, usa marcações no piso inspiradas em pistas de atletismo junto de placas maiores. A PARTY atribui a experiência do aeroporto a uma colaboração com Nikken Sekkei e Ryohin Keikaku. A sinalização também está documentada pela i Design.

Gosto da conexão entre a ideia gráfica e o ato de se deslocar pelo espaço. A pista passa a fazer parte da comunicação do percurso.

Isso me faz pensar em como mostramos o progresso em um produto digital. Uma ideia visual é mais útil quando ajuda a pessoa a entender onde está e o que vem depois.

Em um fluxo de configuração, isso significa explicar o que está concluído, o que ainda precisa de atenção e se é seguro sair e voltar. Quero que o design visual ajude a responder a essas perguntas.

Fonte: PARTY, Terminal 3

Fonte: i Design, sinalização do Terminal 3 de Narita

Trazer esse cuidado para o trabalho do dia a dia

Esses exemplos me deram uma forma mais concreta de pensar na atenção aos detalhes. Posso olhar para uma decisão e perguntar o que ela ajuda alguém a entender, fazer ou manter.

No software com que trabalho, isso pode ser um orçamento que mantém seu escopo visível, uma explicação ao lado de uma ação bloqueada ou uma visualização salva que informa o que mudou. São esses detalhes que quero continuar discutindo com produto e engenharia.

Para uma equipe, isso também significa dar tempo e critérios claros para revisar o trabalho com cuidado. Esse cuidado precisa ter apoio na forma como trabalhamos juntos.

Voltei do Japão com vontade de continuar observando, pesquisando e aprendendo. Isso também faz parte do motivo pelo qual criei a FORMA: gosto de descobrir o pensamento por trás do design e de compartilhar isso com outras pessoas. Quero que essa curiosidade continue presente nos produtos que ajudo a construir.

Obrigado pela leitura.

Voltar ao blog ↗