Filosofia de Design: Susan Kare — Significativo, Memorável, Claro

O Princípio

“Significativo, Memorável, Claro.” – Susan Kare, sobre os três adjetivos que definem bom design¹

Kare projetou os ícones originais do Macintosh – o Happy Mac, a bomba, a lixeira, o pincel, a tecla Command – em uma grade de 32x32 pixels usando um caderno de papel quadriculado de $2,50. Cada ícone precisava comunicar sua função para alguém que nunca tinha usado um computador. A restrição era absoluta: 1.024 quadrados pretos ou brancos para transmitir um conceito que as pessoas entenderiam sem instrução. Ela tratou a restrição não como uma limitação, mas como o problema em si, e o resolveu recorrendo às tradições visuais mais antigas disponíveis: bordado, mosaicos, símbolos folclóricos e placas de trânsito.

Seus ícones deram ao Macintosh uma personalidade. Antes de Kare, computadores se comunicavam por linhas de comando. Depois de Kare, eles se comunicavam por metáforas nas quais você podia apontar. A lixeira significava excluir. O documento com a ponta dobrada significava arquivo. O computador sorridente significava que tudo estava funcionando. Essas metáforas estão tão profundamente incorporadas na computação que já nem percebemos que foram projetadas. Essa invisibilidade é o maior elogio que o trabalho pode receber.

Contexto

Em 1982, Susan Kare era uma escultora morando na região da Baía de São Francisco. Tinha doutorado em belas artes pela NYU, onde sua tese de doutorado examinou a caricatura nas esculturas de Honore Daumier e Claes Oldenburg. Havia trabalhado como curadora nos Fine Arts Museums de San Francisco. Estava soldando uma escultura em tamanho real de um javali para um museu no Arkansas quando o telefone tocou.²

Andy Hertzfeld, amigo do ensino médio e engenheiro de software na equipe do Macintosh, ofereceu a ela um computador Apple II em troca de desenhar à mão “alguns ícones e elementos de fonte.” Kare não tinha experiência com computação gráfica. Não sabia como projetar uma fonte tipográfica. Foi à biblioteca pública de Palo Alto, pegou emprestado livros sobre tipografia, comprou o menor papel quadriculado que encontrou na University Art store por $2,50 e apareceu para uma entrevista que durou cinco minutos. “Quando você pode começar?” Fizeram dela a Funcionária nº 2 do grupo de software do Macintosh, com o título de “Artista do Macintosh.”²

O momento importava. A Apple estava construindo o primeiro computador de mercado de massa com interface gráfica. O Lisa havia estabelecido o conceito, mas o Macintosh deveria ser acessível e amigável. Cada elemento da tela – ícones, fontes, cursores, caixas de diálogo – precisava se comunicar com pessoas que nunca haviam tocado um computador e que podiam ter medo dele. Kare disse mais tarde: “Eu esperava ajudar a combater a imagem estereotipada dos computadores como frios e intimidadores.”³

Ela não tinha formação em design digital porque o campo ainda não existia. O que ela tinha era uma educação em belas artes, a compreensão de uma escultora sobre forma dentro de restrições e um instinto para metáfora visual derivado de arte folclórica, bordado e sistemas de símbolos. “Gráficos bitmap são como mosaicos e bordado e outras formas de arte pseudo-digitais, todas as quais eu havia praticado antes de ir para a Apple,” ela disse.³ A grade de pixels não era estranha para alguém que havia passado anos preenchendo quadrados em papel quadriculado e contando pontos em trabalhos de agulha.

O Trabalho

Os Ícones do Macintosh (1983-1984): Tornando Máquinas Humanas

Hertzfeld disse a Kare para comprar papel quadriculado e desenhar grades de 32x32. Cada quadrado preenchido seria um pixel. Ela desenhava ícones a lápis e caneta colorida, testando metáforas no papel antes de transferi-las para a tela. Quando Hertzfeld escreveu um editor de ícones que permitia alternar bits com o mouse, o caderno se tornou a ferramenta de design e o editor se tornou a ferramenta de produção. Seu caderno original agora faz parte do acervo permanente do MoMA, adquirido conjuntamente com o SFMOMA em 2015.⁴

O Happy Mac – um rosto de computador sorridente que saudava os usuários na inicialização – foi projetado para combater o medo. O ícone da bomba – que aparecia durante erros do sistema – foi projetado para ser “divertido em vez de alarmante.” O balde de tinta foi testado como rolo de pintura e várias outras opções antes de Kare escolher a lata despejando porque “fazia mais sentido para as pessoas.” A lixeira herdou seu conceito do Lisa, mas foi redesenhada para as dimensões de pixel diferentes do Macintosh.²

Cada ícone passou por um processo de design específico: Kare criava várias opções, depois mostrava para as pessoas e observava suas reações. “Eu tentava fazer uma seleção e obter a opinião das pessoas” em vez de declarar um design final. Ela evitava texto e trocadilhos deliberadamente: “Tentei não usar palavras e não usar trocadilhos, porque eles não se traduzem.” Essa decisão – apenas metáforas visuais, sem dependência da língua inglesa – significava que os ícones funcionavam em todos os idiomas desde o lançamento.²

A tecla Command tem a história de origem mais específica. Steve Jobs entrou na área de software e declarou: “Tem muitas Apples na tela! É ridículo!” A equipe havia usado o logo da Apple como símbolo modificador do teclado, e Jobs queria que fosse substituído. O hardware do teclado já estava sendo finalizado – eles tinham dias, não semanas. Kare encontrou um símbolo de quadrado em laço (um nó de Bowen, usado em mapas de campings suecos para indicar “ponto de interesse”) em um dicionário de símbolos internacionais e criou um bitmap de 16x16 pixels. A equipe aprovou. O símbolo apareceu em todos os teclados Mac desde 1984.⁵

Fonte Chicago (1984): Restrição como Meio

O Macintosh precisava de uma fonte de sistema. Kare projetou a Chicago dentro de uma grade de 9x7 pixels por caractere, restrita apenas a traços horizontais, verticais e em ângulo de 45 graus. Sem curvas. Essa restrição não era estética – curvas em resolução bitmap criam bordas irregulares (“jaggies”) que tornam o texto mais difícil de ler. Ao se restringir a linhas retas e diagonais de 45 graus, Kare criou uma fonte nítida e legível na tela de 72 dpi do Mac.²

A fonte foi originalmente chamada de “Elefont” como nome provisório. Jobs a renomeou. As fontes originais do Macintosh recebiam nomes de estações de trem suburbano da Philadelphia Main Line, mas Jobs decidiu que deveriam ser “cidades de classe mundial” – Chicago, Geneva, London, Toronto, Venice, New York. Chicago permaneceu como a fonte de sistema da Apple de 1984 até a era clássica do Mac OS, foi revivida para a interface do iPod (2001-2004) e ficou em uso por mais de vinte anos.²

Chicago foi a primeira fonte de sistema com espaçamento proporcional em um computador pessoal de mercado de massa – uma ruptura com as fontes monoespaçadas de máquina de escrever que a maioria dos usuários conhecia. Cada letra ocupava apenas o espaço que sua forma exigia. Essa única decisão fez a tela do Macintosh parecer menos com um terminal e mais com uma página impressa.

Cartas do Paciência do Windows 3.0 (1990): Clareza Através de Plataformas

Após sair da Apple e depois da NeXT, Kare abriu seu próprio estúdio. A Microsoft a contratou para projetar os gráficos do baralho de cartas para o Paciência do Windows 3.0, que existia especificamente para ensinar os usuários a usar o mouse – arrastar, soltar, clicar. Kare projetou as cartas usando o Microsoft Paint e a paleta de 16 cores VGA.⁶

“As faces das cartas só precisavam de preto, vermelho e amarelo,” ela disse. “Fui inspirada por baralhos clássicos e me diverti muito tentando traduzir os padrões complexos dos Valetes, Damas e Reis para uma grade de 72 pontos por polegada.” Os mesmos designs de cartas foram usados pela Microsoft de 1990 a 2007 – dezessete anos de uso contínuo em bilhões de instalações do Windows. O trabalho demonstrou que sua abordagem orientada por restrições não era específica de plataforma. O método – entender a metáfora, reduzir à essência, testar com pessoas reais – se transferiu do Mac para o Windows para qualquer meio com grade de pixels.⁶

O Método

O processo de Kare foi consistente ao longo de quatro décadas: entender a restrição, encontrar a metáfora certa, reduzi-la ao número mínimo de pixels que transmitam o conceito e testar com pessoas que não são designers.

Seu livro de referência principal era o Symbol Sourcebook (1972) de Henry Dreyfuss, um compêndio de símbolos internacionais organizados por categoria. Ela era particularmente atraída pela seção sobre sinais de andarilhos – símbolos que andarilhos usavam para se comunicar durante viagens. “Tentei não usar inglês e tentei não usar trocadilhos,” ela disse, “porque eles não se traduzem.”²

Ela descreveu sua filosofia de ícones como projetar “mais como placas de trânsito do que ilustrações – facilmente compreensíveis e sem detalhes supérfluos.” Uma placa de pare não precisa ser redesenhada a cada dois anos. Um ícone bem projetado também não. “Ninguém parece precisar redesenhar a placa de pare a cada dois anos,” ela observou em uma entrevista de podcast.⁷

A tela de 32x32 pixels – que ela considerava “generosa para ícones” – exigia o que ela chamou de “um tipo peculiar de pontilhismo minimalista.” Ela amava “a natureza de quebra-cabeça de trabalhar em grades de ícones de dezesseis por dezesseis e trinta e dois por trinta e dois pixels, e o casamento entre artesanato e metáfora.”⁸

Quando perguntada se restrições limitam a criatividade, ela respondeu diretamente: “Restrições técnicas (como trabalhar em preto e branco, ou espaço de tela limitado) não necessariamente impedem a criatividade. É apenas bom entender o que é possível e trabalhar a partir daí.”⁹

Cadeia de Influência

Quem a Moldou

Paul Rand era seu “herói do design” declarado. Ela adotou sua máxima: “Não tente ser original, apenas tente ser bom.” Na NeXT, ela apresentou Steve Jobs a Rand e o contratou para projetar o logo da NeXT – conectando as duas figuras mais importantes de sua vida profissional. (Influência direta)¹

Henry Dreyfuss moldou seu método. Seu Symbol Sourcebook (1972) era sua referência principal para design de ícones. A taxonomia de símbolos universais do livro – placas de trânsito, marcas de andarilhos, notação científica – deu a ela um vocabulário para se comunicar sem linguagem. (Influência direta)²

Arte folclórica, bordado e mosaicos deram a ela o vocabulário formal para trabalho bitmap. Ela reconheceu que preencher pixels era estruturalmente idêntico a contar pontos em bordado ou colocar azulejos em um mosaico: “Você estuda história da arte e aprende que não há nada novo sob o sol – você já viu algum bordado do século XVIII?”⁷

Quem Ela Moldou

Toda interface gráfica desde 1984. Os ícones do Macintosh de Kare estabeleceram as metáforas visuais que se tornaram universais: o documento com a ponta dobrada, a lixeira, o ponteiro em forma de mão, a lupa para busca. Estas não eram inevitáveis. Alguém precisou decidir que “excluir” se parece com uma lixeira e “arquivo” se parece com uma página dobrada. Kare tomou essas decisões, e todo sistema operacional desde então as seguiu.

Designers de emoji. A fonte Cairo de Kare (1984) era um proto-emoji – uma fonte contendo palmeiras, luas crescentes, skates e outros caracteres pictográficos.² É um precursor conceitual do conjunto de emoji de 1999 de Shigetaka Kurita para a plataforma i-mode da NTT DoCoMo. Cairo usava posições de fonte para codificar significado pictográfico em vez de caracteres alfabéticos – quinze anos antes do emoji se tornar um sistema de comunicação global.

O Fio Condutor

Kare provou que restrições não limitam a criatividade – elas a direcionam. Uma grade de 32x32 pixels com apenas preto e branco não é uma prisão. É um briefing de design. A restrição obriga cada pixel a justificar sua existência, que é exatamente o décimo princípio de Dieter Rams aplicado a um meio diferente. (Conexão da série)

O Que Eu Tiro Disso

“Me dê 16x16 pixels e um conceito e eu me sinto bastante destemida.” Essa é a atitude. A restrição é a ferramenta, não o obstáculo.

FAQ

Qual é a filosofia de design de Susan Kare?

A filosofia de Kare se baseia em três palavras: significativo, memorável, claro. Ela aborda o design de ícones como resolução visual de problemas dentro de restrições, recorrendo à arte folclórica, bordado e sistemas de símbolos internacionais em vez de ilustração. Seus ícones funcionam “mais como placas de trânsito do que ilustrações – facilmente compreensíveis e sem detalhes supérfluos.”⁷

O que Susan Kare projetou?

Kare projetou os ícones originais do Macintosh (Happy Mac, tecla Command, lixeira, bomba, balde de tinta), a fonte Chicago, a fonte proto-emoji Cairo e os gráficos de sistema do Macintosh de 1984. Depois, projetou as cartas do Paciência do Windows 3.0 (usadas de 1990 a 2007), presentes virtuais para o Facebook e trabalhou com Pinterest e Niantic Labs.²⁶

Como Susan Kare influenciou o design moderno?

Kare estabeleceu as metáforas visuais que definem a computação gráfica: a lixeira para exclusão, o ícone de documento com a ponta dobrada, a mão ponteiro e o conceito de que software deveria se comunicar por símbolos reconhecíveis em vez de comandos de texto. Sua fonte Cairo (1984) era uma fonte pictográfica que precedeu o conjunto de emoji de Shigetaka Kurita em quinze anos.²

O que designers podem aprender com Susan Kare?

Restrições direcionam a criatividade em vez de limitá-la. Uma grade de 32x32 pixels obriga cada pixel a justificar sua existência. Teste designs com pessoas reais, não com outros designers. Evite texto e trocadilhos porque eles não se traduzem. Recorra a sistemas de símbolos existentes (placas de trânsito, arte folclórica, pictogramas internacionais) em vez de inventar novas linguagens visuais do zero.

Fontes