Tiempo de lectura estimado: 14 minutos
Esta semana se cumplen 40 años del primer Mac. Este es un análisis a la UI (Interfaz de Usuario) del Mac de 1984 que se presentó en enero. Este análisis se centra en el primer computador de la historia con una interfaz gráfica fácil de usar.
Algunos podrían afirmar que el Xerox Alto es el primer computador con una “GUI”. Sin embargo, este es un homenaje a un producto que cumplió 40 años y sigue dando lata.
Cabe recordar que durante los años 80, los computadores se utilizaban por medio de líneas de comandos y terminales, por esto el término interfaz gráfica de usuario apenas era un bebé.
Tener un Mac en las manos por primera vez es una experiencia mágica.
Mágica como el día que viste a tu banda de música favorita del mundo mundial, mágica como unas vacaciones soñadas, mágica como el amor a primera vista.
Este es un viaje al pasado, para analizar la interfaz gráfica más amada por todos los diseñadores. Como diseñador he estado rodeado de Macs desde la infancia, por eso este análisis resume parte de mis 10 años de experiencia como diseñador.

System 1.0. UI del Mac de 1984
El 24 de enero de 1984 Apple Computer lanzó al Macintosh 128K y el “Macintosh System Software 1.0” su sistema operativo. Su lanzamiento fue muy aclamado y épico por 3 razones:
- Lanzaron un comercial de TV en el Super Bowl haciendo una alegoría al libro 1984 de George Orwell, donde el Gran Hermano es la IBM y la heroína Apple. El comercial fue dirigido por Ridley Scott, director de películas como Blade Runner y Alien.
- La presentación “Keynote” del Mac fue muy aclamada por el público porque; El Mac tuvo una voz propia, se presentó un catálogo tipográfico novedoso, y pudimos ver el poder de ilustraciones digitales hechas en MacPaint.
- La prensa, específicamente el New York Times, publicó un artículo hablando del Mac como el “presagio de una revolución en la informática personal”.
El escritorio del Mac de 1984

El escritorio del Mac es una metáfora visual que usaron los diseñadores (y desarrolladores) de la UI para recrear un espacio conocido por todas las personas. Todo un acierto, porque con esta metáfora y en una pantalla de 512 x 342 en blanco y negro se presentan los iconos, las ventanas y las carpetas.
El Mac de 128K de RAM incluía un teclado y un mouse de un solo botón. Como minimalista que era Jobs, en este sistema el “clic derecho” no existe y por ende tampoco existe el menú contextual actual.
Además, debido a su corta capacidad de memoria el Mac solo podía ejecutar una aplicación al tiempo, no era posible tener múltiples apps abiertas como hoy en día.
Iconos, icónicos del Mac
Los iconos de la UI del Mac de 1984 los diseñó Susan Kare usando un estilo muy atractivo y artístico. Estos iconos en la pantalla se autodescriben permitiendo entender su uso y función (El famoso affordance de James J. Gibson), además tienen una etiqueta.
Por ejemplo, el Disquete que es el “System Disk” para representar el sistema y sus archivos o la papelera “Trash” para eliminar documentos innecesarios.
Los iconos también tienen estados que describen si un icono está; en su estado inicial, está siendo arrastrado, está abierto o está seleccionado.
Las Ventanas, que no son Windows

Las ventanas son la manera de organizar el escritorio y se pueden desplazar y apilar unas encima de otras en el escritorio.
Al hacer “doble clic” en cada icono se despliegan las ventanas. Un detalle muy coqueto es que tienen una animación prediciendo el lugar donde se abren y se cierran. Detalle no menor para entender el contexto de su uso.
Todas las ventanas del Mac de 1984 son rectangulares. En la parte superior hay; un cuadrado para cerrar, una textura indicando al usuario que es posible arrastrarla desde ahí e información adicional (ítems, tamaño, espacio en sistema…).
Las ventanas también tienen barras de scroll vertical y horizontal (intuyo que para indicar al usuario que pueden haber documentos ocultos dentro de la ventana) y es posible ampliarlas desde el icono inferior derecho.
Carpetas y Documentos
Las carpetas y documentos como en un escritorio real son otra metáfora del escritorio real. Estos elementos se representan en la interfaz con iconos de carpeta y una hoja con la puntica doblada.
La barra de menú del Mac de 1984
La barra de menú es breve, concisa y precisa. Este menú es uno de los aciertos más grandes de la UI del Mac. Durante 40 años, 4 de sus ítems siguen presentes en su mismo puesto. Hablo de Menú Manzanita, File, Edit y View.

Podría decir sin duda alguna que este es un muy buen ejemplo de cómo una UI debería permanecer y escalar en el tiempo.
Me resulta curioso y un tanto incomodo que para navegar por la UI del Mac de 1984, en la barra (de tipo pulldown) se debe mantener presionado el clic, y al soltar sobre la opción deseada se seleccione esa opción.
Hoy en día estamos más acostumbrados a hacer varios clics para navegar. Pero vamos por partes en este menú:
Menú Manzanita:

En el primer ítem del menú (manzanita) podemos encontrar; acerca del Finder, la opción para la configuración del sistema y una suerte de accesorios del Desktop, que no son aplicaciones y enumero:
- Alarm Clock: Una versión reducida de reloj con alarma. Es curioso que la “llavecita” que gira en el sentido de las manecillas del reloj a 90 grados es la manera de desplegar todas las opciones de este accesorio.
- Calculator: Sencilla pero practica la calculadora no científica. Me sorprende que los botones no sean redondeados, sino cuadrados con una sombra triste. jeje.
- Key Caps: El teclado en pantalla permite verificar el mapa de caracteres. Al presionar una tecla en el teclado físico (valga la redundancia) se colorea esa tecla en el teclado virtual. Para esta versión de la UI, solo existen las teclas físicas Command (antes manzanita), Option y Shift. Lo que deja por fuera a la tecla Control. Además, no hay teclas de flechitas de arriba, abajo, izquierda y derecha.
- Otros: El Scrapbook que es como el portapapeles pero versión antigua. La idea era que se usara esta herramienta para copiar y pegar entre aplicaciones o el sistema como una especie de cuaderno de notas (?). Note Pad, son 8 posits digitales. Para navegar se usa la pestaña doblada y su opuesta. Una interacción bastante muy rara. Puzzle: es un rompecabezas de números del 1 al 15 y con una casilla vacía. El puzzle me recordó la infancia porque me parecía un juego aburrido y monótono, nunca pude resolverlo.
Menú File
El segundo ítem del menú (File) contiene acciones relacionadas con los archivos y las ventanas del Desktop.
Los archivos en la UI del Mac de 1984 en File contiene opciones bastante estándares para su tiempo y es particular que Open y Print no tienen atajos de teclado:
- Open, para Abrir un documento, archivo o aplicación.
- Duplicate (⌘D), para duplicar.
- Get Info (⌘I), para obtener información.
- Print, para Imprimir.
- Además existe una opción muy rara que se llama Put Back que es como el Undo (deshacer) pero solo para archivos.
Algo que también me dejó desconcertado es que en esta UI del Mac de 1984 no se pueden crear carpetas. Si uno necesita una carpeta tiene que duplicar una existente y vaciarla o usar el “Empty Folder”.
Por ultimo tenemos opciones para cerrar las ventanas, una o todas, como en la vida real. FIN.
Menú Edit

El tercer ítem del menú (Edit) es mi favorito. Y es mi favorito porque es el menú más estándar, consistente y universal con sus atajos de teclado. Desde el 84 tenemos:
- Cut (⌘X), para cortar
- Copy (⌘C), para copiar
- Paste (⌘V), para pegar
- Select All (⌘A), para seleccionar todo
Además, Edit contiene limpiar y mostrar el Clipboard. El clipboard es el lugar donde se guarda lo último que copiaste y espera a ser pegado en alguna parte. Hoy sigue existiendo, si tienes Mac ve al Finder y dale clic a Edit > View Clipboard.
Menú View
El cuarto ítem del menú (View) sirve para cambiar el tipo de visualización de los ítems dentro de una ventana. Se puede ver por iconos u organizar en forma de lista como una tabla con títulos:
- Nombre, en orden alfabético de arriba a abajo
- Fecha, de la última modificación de abajo a arriba
- Tamaño o peso, de arriba a abajo
- Tipo, por archivo o carpetas.
Menú Special
El quinto y último ítem del menú (Special) siempre me pareció como el otros, utilidades o lo que no pudimos poner en otro lugar va acá. Este menú contiene:
- Clean Up, que sirve para ordenar el Escritorio basado en una retícula invisible a los usuarios. Hoy sigue existiendo.
- Empty Trash, para desocupar la papelera y borrar los archivos que ya no se necesitan.
- Erase Disk, que sirve para borrar un disco diferente al del sistema.
En este menú es donde en versiones posteriores del Mac aparecen las opciones de apagar o suspender el Mac. En este caso el Mac no se podía apagar.
UI del panel de control del Mac de 1984

El panel de control del Mac del 84 es una locura. Pura imagen e interacción. Esta opción aparece bajo el menú manzanita y su «casita» siempre fué ahí. Increíble pero cierto, no hay nada de texto explicativo ni títulos.
El System 1.0 está dividido por cajas, las cajas corresponden a cada una de sus opciones lo que le suma un montón de peso visual. Sin embargo, es fácil diferenciar a que corresponde cada caja. En el panel de control al puntero se le suma una cruz, para hacer más precisa la selección de los ítems.
Este menú es muy particular y me atrevo a decir que hasta infográfico porque tenemos:
- El control de volumen: En un diseño de slider vertical con 7 como máximo de volumen y 0 en la parte superior. Si se deja en 0 el volumen indica que no hay sonido y cuando el sistema tiene un error la barra de menú parpadea e invierte los colores. Todo un hito de accesibilidad.
- Fecha y Hora: Cambiar los datos es posible gracias a que se puede seleccionar el campo y con un único controlador de arriba y abajo se añade o se resta. Es muy rara esta solución para cambiar todos esos números con un solo controlador.
- Parpadeo de selección: Para visualizar en el menú cuantas veces parpadea la selección. Intuyo que esta solución fue creada para alertar a los usuarios de las opciones que eligen.
- Teclado: Con un indicador de 0 a 4 y una tortuga (mas lento) y una liebre(más rápido) sirve para controlar la rapidez con la que se repite una tecla al presionarla. Debajo hay otro control de 0 a 4 pero con la imagen de una tecla presionada con un dedo, aquí es donde controlas cuánto tiempo de retraso hay antes de que una tecla se repita. Es muy bello ver como una moraleja infantil migró hasta una interfaz gráfica de usuario.
- Velocidad Cursor de Texto: A la derecha está la velocidad con la que el cursor parpadea cuando se escribe texto. Es muy raro y pienso ¿Por qué uno querría cambiar la velocidad de titileo del cursor de texto?.
- Velocidad de Doble Clic: Debajo encontramos el control para que el computador detecte la velocidad del doble clic, por medio de las flechitas podemos controlar más lento o más rápido.
- Wallpaper: Al lado izquierdo está mi opción favorita. Esta es para personalizar el diseño del patrón del escritorio y tiene 2 paneles. El primero permite diseñar haciendo clic y arrastrando (pintando pixeles) y el segundo muestra una vista previa de la pantalla con ese patrón.
- Control de la velocidad para el cursor del Mouse.
Ventanas modales

Las ventanas son múltiples y muy distintas. Generalmente están compuestas de un rectángulo de doble línea y no hay opción cerrar. Tienen un icono en la parte izquierda (un personaje que cambia con el contexto) y un texto explicativo a la derecha. Los botones se encuentran en la parte inferior, en este caso un OK.
Los textos de la mayoría de la interfaz son de tono amable, directo y muy educativos. Me gusta esa forma de comunicar porque humanizan a la maquina.

Esta ventana modal es del MacPaint y sirve para guardar el archivo en proceso. Para este caso los botones tienen 2 posiciones. Como usuario solo puedo completar el nombre del archivo, ya que el sistema guarda todos los archivos en el System DisK y no es posible cambiar la localización.
Conclusiones
Si he logrado ver más lejos ha sido porque he subido a hombros de gigantes, dijo Isaac Newton. Y sí que estamos sobre hombros de gigantes porque durante 40 años esta interfaz sigue estando vigente en los Mac de millones de personas.
El uso de metáforas visuales, controles, elementos de la interfaz y la forma como se construyeron en 1984 a pesar de tener algunas falencias tuvieron un buen desempeño y evolución.
Un producto bien construido como la UI del Mac de 1984, es durable y perdurable en el tiempo. Este fue un viaje al pasado muy entretenido, porque me permitió pensar en las decisiones de diseño que tomó el equipo Macintosh en el 84.

Que los vuelva a cumplir, hasta el año 10.000. Feliz cumple querido Mac.
Recursos
Este hermoso proyecto que me permitió jugar con un emulador del Macintosh 128K desde el navegador.
Para entender el panel de control no encontré una mejor guía que esta.
Como siempre, los frikis de Apple Fandom.
Wikipedia para contexto general de la Interfaz y Software de el Mac de 1984.
Y esta página que había visitado alguna vez en la vida e inspiró parte de este artículo.