Saltar al contenido principal

Las 10 reglas de Bill Atkinson para hacer las interfaces más humanas

Imagen en blanco y negro, al estilo de un semitono, de un hombre con anteojos, identificado como Bill Atkinson, que lleva una camisa con cuello y mira ligeramente hacia un lado.Imagen en blanco y negro, al estilo de un semitono, de un hombre con anteojos, identificado como Bill Atkinson, que lleva una camisa con cuello y mira ligeramente hacia un lado.

Recordamos al pionero de Apple cuyos programas QuickDraw e HyperCard hicieron que Macintosh fuera lo suficientemente intuitivo.

Compartir Las 10 reglas de Bill Atkinson para hacer las interfaces más humanas

Cada vez que arrastras un vector o seleccionas un área con el lazo en Figma, estás contribuyendo a la visión de Bill Atkinson, el legendario ingeniero de Apple que falleció el jueves pasado. En Figma, tenemos una deuda inmensa con Atkinson, cuya convicción de que las herramientas creativas complejas deben resultar intuitivas influye directamente en nuestra misión. Cuando nuestros usuarios manipulan gráficos vectoriales en tiempo real, están aprovechando QuickDraw, el motor gráfico creado por Atkinson que hizo posible la interfaz visual de Mac. Cuando colaboran entre equipos, se benefician de la forma en que MacPaint, el primer editor de mapas de bits intuitivo, democratizó las herramientas de diseño. Cuando diseñan interfaces, están en deuda con HyperCard, una herramienta revolucionaria que permitió a personas sin conocimientos de programación crear software interactivo.

Atkinson estudió neurobiología en la Universidad de Washington antes de ser contratado por Apple como empleado n.º 51, donde trabajó inicialmente en la adaptación de herramientas de desarrollo antes de incorporarse al equipo del Macintosh, que entonces estaba en sus inicios. Su trayectoria única, a caballo entre la neurobiología y la informática, le permitió comprender cómo los seres humanos y las máquinas podían trabajar juntos.

Estas 10 reglas, que hemos derivado del enfoque de Atkinson sobre la informática y la creatividad, sirven tanto como homenaje a su extraordinario legado como guía para cualquiera que esté construyendo el futuro de la interacción entre humanos y computadoras.

1. Diseña dentro de las limitaciones, no a pesar de ellas

Al desarrollar QuickDraw para el Macintosh original, Atkinson se enfrentó a graves limitaciones de memoria y procesamiento que deberían haber hecho imposible la visualización fluida de gráficos. La máquina contaba con solo 128 KB de RAM y un procesador lento. En lugar de renunciar a su visión de poder dibujar formas complejas de manera rápida y hermosa, Atkinson encontró formas de optimizar el sistema, como el desarrollo de algoritmos altamente eficientes para dibujar formas y curvas, lo que hizo posible la visualización de gráficos fluidos en un hardware que, en teoría, no debería haber sido capaz de manejarlos. Esto se convirtió en su enfoque característico: encontrar soluciones elegantes dentro de restricciones estrictas en lugar de intentar superarlas por la fuerza bruta.

2. Construye herramientas que democratizan la creatividad

Antes de HyperCard, crear software interactivo requería años de formación en programación y un profundo conocimiento técnico. Atkinson imaginó algo radicalmente diferente: un sistema hipermedia que describió como un “juego de construcción de software”, en el que cualquiera pudiera crear aplicaciones interactivas utilizando herramientas visuales y scripts en lenguaje natural. Los maestros podían crear software educativo, los artistas podían crear experiencias multimedia y las empresas podían desarrollar bases de datos personalizadas, todo ello sin necesidad de contar con habilidades tradicionales de programación. La idea era que las herramientas más transformadoras no debían estar al servicio exclusivo de los expertos, sino que debían permitir que todo el mundo pudiera crear; de hecho, en uno de los primeros anuncios de Macintosh, él mismo se describió como “una mezcla entre un artista y un inventor”.

Imágenes de una breve entrevista con Bill Atkinson en el otoño de 1983, grabadas para un anuncio de lanzamiento del Macintosh.

3. Haz que las interfaces parezcan imprescindibles

Atkinson inventó elementos de interfaz tan fundamentales para la informática que hoy en día nos cuesta imaginar trabajar sin ellos. Entre ellos se encuentran la barra de menús, que crea jerarquías de comandos consistentes en todas las aplicaciones; la acción de doble clic; y los algoritmos optimizados que permitieron obtener curvas suaves en las primeras pantallas de mapa de bits. Estas innovaciones no eran características llamativas, sino componentes básicos que hicieron posible la informática de arrastrar y soltar, y de apuntar y hacer clic, para todos, no solo para los programadores. Él sabía que la marca de un gran diseño de interfaz era cuando un usuario podía dejar de pensar en la herramienta y enfocarse por completo en el trabajo en sí.

4. Cuestiona las soluciones “obvias”

“Con el tiempo me he dado cuenta de que no acerté con HyperCard”, reflexionó Atkinson en una entrevista para Wired en 2002. “Crecí en una cultura centrada en los dispositivos físicos en Apple. Si hubiera crecido en una cultura centrada en las redes, como la de Sun [Microsystems], HyperCard podría haber sido el primer navegador web”. Apple se centró en las computadoras independientes —esa “caja” que tienes en el escritorio—, mientras que Sun Microsystems dio prioridad desde el principio a la informática en red. Atkinson había creado un sistema brillante para vincular información, pero solo pensó en conexiones dentro de una sola computadora, no a escala de la internet emergente. Esta disposición a cuestionar sus propias suposiciones definió su enfoque. Cuando todo el mundo daba por sentado que las interfaces informáticas tenían que ser líneas de comando basadas en texto, él contribuyó a impulsar la interfaz de usuario gráfica. Cuando la edición de mapas de bits parecía imposible para los usuarios comunes, creó MacPaint con herramientas que funcionaban como los materiales artísticos del mundo real. Cada avance surgió de rechazar las ideas preconcebidas. Cada vez que algo parecía obviamente imposible u obviamente correcto, era precisamente entonces cuando ponía a prueba sus suposiciones.

5. Optimiza para deleitar, no solo por la funcionalidad

MacPaint era tan intuitivo que incluso los niños pequeños podían sentarse frente a una computadora y empezar a crear de inmediato sin necesidad de instrucciones. Pero esto no fue casualidad: Atkinson diseñó cuidadosamente cada interacción para que resultara natural y divertida. La herramienta del cubo de pintura funcionaba exactamente como verter pintura, el pincel era sencillo y directo, y la interfaz invitaba a la experimentación. Creó un software que iba más allá de simplemente realizar tareas: hacía que la gente quisiera explorar y jugar. Entendió que las mejores herramientas no solo agilizan el trabajo, sino que hacen que el trabajo se sienta más creativo.

6. Proyecta teniendo siempre en cuenta la experiencia del usuario

Para Atkinson, no se trataba solo de escribir código eficiente: quería crear sistemas que resultaran intuitivos de usar. Al desarrollar QuickDraw, podría haberse centrado exclusivamente en optimizar la velocidad de cálculo, pero, en cambio, logró un equilibrio entre el rendimiento y la calidad visual. Sus algoritmos generaban curvas suaves y líneas limpias que conferían naturalidad a los gráficos digitales, tendiendo un puente entre la precisión matemática y la intuición humana. En otras palabras, un gran diseño exige una gran ingeniería, y viceversa.

7. Usa la simplicidad para ocultar la complejidad

Atkinson comprendió que los sistemas potentes debían parecer sencillos, con la complejidad oculta tras interacciones intuitivas. HyperTalk supuso un gran avance en la accesibilidad de la programación: los desarrolladores podían escribir código que se leía como inglés natural, en lugar de una sintaxis críptica. En lugar de escribir “if (mouseClick == true && objectSelected != null)” podrías simplemente escribir “al soltar el ratón, ir a la siguiente tarjeta”. Detrás de esta interfaz de lenguaje natural se encontraba un sofisticado motor de análisis sintáctico que traducía los comandos comprensibles para los humanos en operaciones eficientes para la máquina. Del mismo modo, las herramientas aparentemente sencillas de MacPaint —el cubo de pintura, el pincel, el borrador— ocultaban complejos algoritmos de manipulación de mapas de bits que se encargaban de la gestión de la memoria, la asignación de colores y el renderizado en tiempo real. Ahí radicaba la genialidad de Atkinson: hacer que lo complejo pareciera sencillo, de modo que los usuarios nunca tuvieran que pensar en la complejidad subyacente, sino que simplemente pudieran crear.

8. Programa para estar a favor de la percepción humana, no en su contra

El algoritmo de tramado de Atkinson se diseñó específicamente para la pantalla monocromática de 512 × 342 píxeles del Mac, creando imágenes de alto contraste con bordes nítidos que evitaban los tonos medios “borrosos” de otras técnicas. El algoritmo se convirtió en una piedra angular del vocabulario visual del Macintosh, permitiendo tonos ricos y aterciopelados en una simple pantalla en blanco y negro. Su enfoque ejemplificó un principio fundamental: los mejores algoritmos no solo procesan datos, sino que mejoran las capacidades humanas al trabajar con nuestra percepción visual para crear algo más hermoso de lo que cualquiera de los dos podría lograr por sí solo.

Transforma tus fotos con el emblemático algoritmo de tramado para Mac de Bill Atkinson
Ver Figma Make

9. Crea herramientas que enseñen a través de la práctica

HyperCard no solo permitía a los usuarios crear aplicaciones interactivas, sino que les mostraba cómo podía funcionar el software al permitirles experimentar y descubrir por sí mismos. Los usuarios aprendían conceptos de programación de forma natural a través de la manipulación directa, en lugar de mediante instrucciones abstractas. Esto no fue casual; Atkinson diseñó el sistema para que fuera intrínsecamente educativo. Los niños podían crear juegos de “elige tu propia aventura” uniendo tarjetas de historia, los propietarios de pequeñas empresas podían crear bases de datos personalizadas arrastrando campos y botones, y los aficionados podían crear arte interactivo conectando sonidos e imágenes, todo ello mientras absorbían inconscientemente conceptos como la lógica condicional, las estructuras de datos y el diseño de interfaz de usuario. El aprendizaje se convirtió en un subproducto de la creación.

10. Crea plataformas, no solo productos

Atkinson comprendió que las innovaciones más transformadoras no son productos aislados, sino los cimientos que hacen posible categorías de creación completamente nuevas. Si bien MacPaint fue revolucionario como aplicación de dibujo, su verdadera genialidad residió en la creación de QuickDraw, el marco gráfico subyacente que hizo posible miles de otras aplicaciones. HyperCard no fue solo una herramienta de hipermedia; se convirtió en una plataforma para la creatividad que dio lugar a todo, desde software educativo hasta aplicaciones de negocios y las primeras experiencias multimedia. No solo resolvió problemas inmediatos; construyó tecnologías fundamentales que permitieron a otros resolver problemas que él nunca había imaginado.

Cada día en Figma, nos enfrentamos a los mismos retos a los que se enfrentó Atkinson: ¿Cómo lograr que las herramientas potentes parezcan sencillas? ¿Cómo ocultar la complejidad tras interacciones intuitivas? Su huella está presente en cada píxel que publicamos, en cada selección que hacemos, en cada momento de flujo creativo que experimentan nuestros usuarios. Hacia el final de su carrera, Bill Atkinson se unió a Numenta, una empresa de investigación basada en la neurociencia, donde trabajó en inteligencia artificial, la cual consideraba “más importante para la sociedad que la computadora personal y el auge de internet”. Su visión de la IA no consistía en reemplazar la creatividad humana, sino en amplificarla, tal como lo habían hecho sus interfaces de Mac décadas antes. El legado de Atkinson nos recuerda que las mejores herramientas, ya sean analógicas, digitales o de inteligencia artificial, sirven a un propósito más elevado que el simple procesamiento de datos: amplifican el potencial humano y permiten la verdadera innovación al ofrecer a otros los medios para construir el futuro.

Create and collaborate with Figma

Get started for free