Filosofía de diseño: Susan Kare — Significativo, memorable, claro

El principio

“Significativo, memorable, claro.” – Susan Kare, sobre los tres adjetivos que definen el buen diseño¹

Kare diseñó los íconos originales del Macintosh —el Happy Mac, la bomba, la papelera, el pincel, la tecla Command— en una cuadrícula de 32×32 píxeles usando un cuaderno de papel cuadriculado de $2.50. Cada ícono debía comunicar su función a alguien que nunca había usado una computadora. La restricción era absoluta: 1.024 cuadrados blancos o negros para transmitir un concepto que la gente entendiera sin instrucciones. Trató la restricción no como una limitación sino como el problema en sí, y lo resolvió recurriendo a las tradiciones visuales más antiguas disponibles: bordados, mosaicos, símbolos populares y señales de tránsito.

Sus íconos le dieron personalidad al Macintosh. Antes de Kare, las computadoras se comunicaban mediante líneas de comando. Después de Kare, se comunicaban a través de metáforas que podías señalar con el dedo. La papelera significaba eliminar. El documento con una esquina doblada significaba archivo. La computadora sonriente significaba que todo estaba funcionando. Estas metáforas están tan profundamente arraigadas en la informática que ya ni notamos que fueron diseñadas. Esa invisibilidad es el mayor elogio que el trabajo puede recibir.

Contexto

En 1982, Susan Kare era una escultora que vivía en el Área de la Bahía de San Francisco. Tenía un doctorado en bellas artes de NYU, donde su tesis doctoral examinaba la caricatura en las esculturas de Honoré Daumier y Claes Oldenburg. Había trabajado como curadora en los Museos de Bellas Artes de San Francisco. Estaba soldando una escultura de un jabalí de tamaño real para un museo de Arkansas cuando sonó el teléfono.²

Andy Hertzfeld, un amigo de la secundaria e ingeniero de software del equipo Macintosh, le ofreció una computadora Apple II a cambio de dibujar a mano “algunos íconos y elementos tipográficos”. Kare no tenía experiencia en gráficos por computadora. No sabía cómo diseñar una tipografía. Fue a la biblioteca pública de Palo Alto, sacó libros sobre tipografía, compró el papel cuadriculado más pequeño que encontró en la tienda University Art por $2.50 y se presentó a una entrevista que duró cinco minutos. “¿Cuándo puedes empezar?” La nombraron Empleada #2 del grupo de software Macintosh, con el título de “Macintosh Artist”.²

El momento importaba. Apple estaba construyendo la primera computadora de mercado masivo con interfaz gráfica de usuario. La Lisa había establecido el concepto, pero el Macintosh debía ser accesible y asequible. Cada elemento de la pantalla —íconos, tipografías, cursores, cuadros de diálogo— necesitaba comunicarse con personas que nunca habían tocado una computadora y que tal vez les daba miedo una. Kare dijo después: “Esperaba ayudar a contrarrestar la imagen estereotipada de las computadoras como frías e intimidantes”.³

No tenía formación en diseño digital porque el campo aún no existía. Lo que sí tenía era una educación en bellas artes, la comprensión escultórica de la forma dentro de restricciones y un instinto para la metáfora visual nutrido por el arte popular, el bordado y los sistemas de símbolos. “Los gráficos de mapa de bits son como mosaicos y bordados y otras formas artísticas pseudo-digitales, todas las cuales había practicado antes de llegar a Apple”, dijo.³ La cuadrícula de píxeles no era ajena a alguien que había pasado años rellenando cuadrados en papel cuadriculado y contando puntadas en labores de aguja.

La obra

Los íconos del Macintosh (1983-1984): Humanizar las máquinas

Hertzfeld le dijo a Kare que comprara papel cuadriculado y dibujara cuadrículas de 32×32. Cada cuadrado relleno sería un píxel. Dibujó íconos a lápiz y bolígrafo de colores, probando metáforas en papel antes de trasladarlas a la pantalla. Cuando Hertzfeld escribió un editor de íconos que le permitía alternar bits con el ratón, el cuaderno se convirtió en la herramienta de diseño y el editor en la herramienta de producción. Su cuaderno original está ahora en la colección permanente del MoMA, adquirido conjuntamente con el SFMOMA en 2015.⁴

El Happy Mac —una cara de computadora sonriente que saludaba a los usuarios al encender— fue diseñado para contrarrestar el miedo. El ícono de la bomba —que aparecía durante errores del sistema— fue diseñado para ser “juguetón en vez de alarmante”. El bote de pintura fue probado como rodillo y varias otras opciones antes de que Kare se decidiera por la lata vertiendo porque “tenía más sentido para la gente”. La papelera heredó su concepto de la Lisa pero fue redibujada para las diferentes dimensiones de píxeles del Macintosh.²

Cada ícono pasó por un proceso de diseño específico: Kare hacía varias opciones y luego las mostraba a la gente para observar sus reacciones. “Intentaba hacer una selección y obtener las opiniones de la gente” en lugar de declarar un diseño final. Evitaba el texto y los juegos de palabras deliberadamente: “Intenté no usar palabras y no usar juegos de palabras, porque no se traducen”. Esta decisión —solo metáforas visuales, sin dependencias del idioma inglés— significó que los íconos funcionaron en todos los idiomas desde el lanzamiento.²

La tecla Command tiene la historia de origen más específica. Steve Jobs entró en el área de software y declaró: “¡Hay demasiadas manzanas en la pantalla! ¡Es ridículo!” El equipo había usado el logo de Apple como símbolo de la tecla modificadora, y Jobs quería reemplazarlo. El hardware del teclado ya estaba siendo finalizado —tenían días, no semanas. Kare encontró un símbolo de cuadrado con lazos (un nudo Bowen, usado en mapas de campamentos suecos para indicar “lugar de interés”) en un diccionario internacional de símbolos y creó un mapa de bits de 16×16 píxeles. El equipo lo aprobó. El símbolo ha aparecido en todos los teclados Mac desde 1984.⁵

Tipografía Chicago (1984): La restricción como medio

El Macintosh necesitaba una tipografía de sistema. Kare diseñó Chicago dentro de una cuadrícula de 9×7 píxeles por carácter, restringida a trazos horizontales, verticales y en ángulo de 45 grados únicamente. Sin curvas. Esta restricción no era estética: las curvas en resolución de mapa de bits crean bordes dentados (“jaggies”) que dificultan la lectura. Al restringirse a líneas rectas y diagonales de 45 grados, Kare creó una tipografía nítida y legible en la pantalla de 72 dpi del Mac.²

La tipografía se llamaba originalmente “Elefont” como nombre provisional. Jobs la renombró. Las tipografías originales del Macintosh llevaban nombres de paradas del tren suburbano Philadelphia Main Line, pero Jobs decidió que debían ser “ciudades de clase mundial” — Chicago, Geneva, London, Toronto, Venice, New York. Chicago siguió siendo la tipografía de sistema de Apple desde 1984 durante toda la era del Mac OS clásico, fue revivida para la interfaz del iPod (2001-2004) y se mantuvo en uso durante más de veinte años.²

Chicago fue la primera tipografía de sistema con espaciado proporcional en una computadora personal de mercado masivo, una ruptura con las tipografías monoespaciadas de máquina de escribir que la mayoría de los usuarios conocían. Cada letra ocupaba solo el espacio que su forma requería. Esta única decisión hizo que la pantalla del Macintosh se sintiera menos como una terminal y más como una página impresa.

Cartas del Solitario de Windows 3.0 (1990): Claridad entre plataformas

Después de dejar Apple y luego NeXT, Kare abrió su propio estudio. Microsoft la contrató para diseñar los gráficos del mazo de cartas del Solitario de Windows 3.0, que existía específicamente para enseñar a los usuarios a usar el ratón: arrastrar, soltar, hacer clic. Kare diseñó las cartas usando Microsoft Paint y la paleta de 16 colores VGA.⁶

“Las caras de las cartas solo requerían negro, rojo y amarillo”, dijo. “Me inspiré en mazos de cartas clásicos y lo que más disfruté fue intentar traducir los complicados patrones de las Jotas, Reinas y Reyes a una cuadrícula de 72 puntos por pulgada”. Los mismos diseños de cartas fueron usados por Microsoft de 1990 a 2007 — diecisiete años de uso continuo en miles de millones de instalaciones de Windows. El trabajo demostró que su enfoque basado en restricciones no era específico de una plataforma. El método —entender la metáfora, reducir a la esencia, probar con personas reales— se transfirió del Mac a Windows y a cualquier medio con una cuadrícula de píxeles.⁶

El método

El proceso de Kare fue consistente durante cuatro décadas: entender la restricción, encontrar la metáfora correcta, reducirla al mínimo número de píxeles que transmitan el concepto y probarlo con personas que no son diseñadores.

Su libro de referencia principal era Symbol Sourcebook (1972) de Henry Dreyfuss, un compendio de símbolos internacionales organizados por categoría. Le atraía particularmente la sección sobre señales de vagabundos — símbolos que los viajeros usaban para comunicarse en sus recorridos. “Intenté no usar inglés e intenté no usar juegos de palabras”, dijo, “porque no se traducen”.²

Describió su filosofía de diseño de íconos como diseñar “más como señales de tránsito que como ilustraciones — fácilmente comprensibles y sin detalles superfluos”. Una señal de alto no necesita ser rediseñada cada dos años. Tampoco un ícono bien diseñado. “Nadie parece necesitar rediseñar la señal de alto cada dos años”, observó en una entrevista de podcast.⁷

El lienzo de 32×32 píxeles —que ella consideraba “generoso para íconos”— exigía lo que llamó “una peculiar forma de puntillismo minimalista”. Le encantaba “la naturaleza de rompecabezas del trabajo en cuadrículas de íconos de dieciséis por dieciséis y treinta y dos por treinta y dos píxeles, y el matrimonio entre oficio y metáfora”.⁸

Cuando le preguntaron si las restricciones limitan la creatividad, respondió directamente: “Las restricciones técnicas (como trabajar en blanco y negro, o con espacio de pantalla limitado) no necesariamente obstaculizan la creatividad. Simplemente es bueno entender qué es posible y trabajar a partir de ahí”.⁹

Cadena de influencia

Quiénes la formaron

Paul Rand fue su declarado “héroe del diseño”. Adoptó su máxima: “No intentes ser original, solo intenta ser bueno”. En NeXT, presentó a Steve Jobs con Rand y lo contrató para diseñar el logo de NeXT, conectando a las dos figuras más importantes de su vida profesional. (Influencia directa)¹

Henry Dreyfuss moldeó su método. Su Symbol Sourcebook (1972) fue su referencia principal para el diseño de íconos. La taxonomía del libro sobre símbolos universales —señales de tránsito, marcas de vagabundos, notación científica— le dio un vocabulario para comunicar sin idioma. (Influencia directa)²

El arte popular, el bordado y los mosaicos le dieron el vocabulario formal para el trabajo con mapas de bits. Reconoció que rellenar píxeles era estructuralmente idéntico a contar puntadas en bordado o colocar teselas en un mosaico: “Cuando estudias historia del arte aprendes que no hay nada nuevo bajo el sol — ¿alguna vez has visto un bordado del siglo XVIII?”⁷

A quiénes influyó

Todas las interfaces gráficas de usuario desde 1984. Los íconos del Macintosh de Kare establecieron las metáforas visuales que se volvieron universales: el documento con esquina doblada, la papelera, el puntero de mano, la lupa para buscar. Nada de esto era inevitable. Alguien tuvo que decidir que “eliminar” se ve como una papelera y “archivo” se ve como una página doblada. Kare tomó esas decisiones, y todos los sistemas operativos posteriores las han seguido.

Diseñadores de emoji. La tipografía Cairo de Kare (1984) fue un proto-emoji — una fuente que contenía palmeras, lunas crecientes, patinetas y otros caracteres pictográficos.² Es un precursor conceptual del conjunto de emojis de Shigetaka Kurita de 1999 para la plataforma i-mode de NTT DoCoMo. Cairo usaba espacios tipográficos para codificar significado pictográfico en lugar de caracteres alfabéticos — quince años antes de que los emoji se convirtieran en un sistema de comunicación global.

El hilo conductor

Kare demostró que las restricciones no limitan la creatividad — la enfocan. Una cuadrícula de 32×32 píxeles con solo blanco y negro no es una prisión. Es un brief de diseño. La restricción obliga a cada píxel a justificar su existencia, que es exactamente el décimo principio de Dieter Rams aplicado a un medio diferente. (Puente de la serie)

Lo que me llevo de esto

“Denme 16×16 píxeles y un concepto y me siento bastante intrépida”. Esa es la actitud. La restricción es la herramienta, no el obstáculo.

Preguntas frecuentes

¿Cuál es la filosofía de diseño de Susan Kare?

La filosofía de Kare se construye sobre tres palabras: significativo, memorable, claro. Aborda el diseño de íconos como resolución visual de problemas dentro de restricciones, recurriendo al arte popular, el bordado y los sistemas de símbolos internacionales en lugar de la ilustración. Sus íconos funcionan “más como señales de tránsito que como ilustraciones — fácilmente comprensibles y sin detalles superfluos”.⁷

¿Qué diseñó Susan Kare?

Kare diseñó los íconos originales del Macintosh (Happy Mac, tecla Command, papelera, bomba, bote de pintura), la tipografía Chicago, la fuente proto-emoji Cairo y los gráficos de sistema del Macintosh de 1984. Posteriormente diseñó las caras de las cartas del Solitario de Windows 3.0 (usadas de 1990 a 2007), regalos virtuales para Facebook, y ha trabajado con Pinterest y Niantic Labs.²⁶

¿Cómo influyó Susan Kare en el diseño moderno?

Kare estableció las metáforas visuales que definen la informática gráfica: la papelera para eliminar, el ícono de documento con esquina doblada, la mano puntero y el concepto de que el software debería comunicarse a través de símbolos reconocibles en lugar de comandos de texto. Su tipografía Cairo (1984) fue una fuente pictográfica que precedió al conjunto de emojis de Shigetaka Kurita por quince años.²

¿Qué pueden aprender los diseñadores de Susan Kare?

Las restricciones enfocan la creatividad en lugar de limitarla. Una cuadrícula de 32×32 píxeles obliga a cada píxel a justificar su existencia. Prueba los diseños con personas reales, no con otros diseñadores. Evita el texto y los juegos de palabras porque no se traducen. Recurre a sistemas de símbolos existentes (señales de tránsito, arte popular, pictogramas internacionales) en lugar de inventar nuevos lenguajes visuales desde cero.

Fuentes