Susan Kare | 2018 AIGA Medalist

AIGAdesign

20 Apr 201803:30

Summary

TLDREl guion de video narra la experiencia del diseñador gráfico en su carrera, desde sus inicios en el diseño de mosaicos hasta su trabajo en grandes empresas tecnológicas como Apple y su influencia en interfaces gráficas. Se destaca su colaboración con Andy Hertzfeld y la creación de iconos y elementos visuales significativos para el Macintosh, su papel como director creativo en NeXT y su enfoque en la simplicidad y la amabilidad en el diseño. Más adelante, se menciona su trabajo en proyectos como Windows Solitaire y la integración de gráficos en Facebook Messenger, así como su actual rol en Pinterest, donde se enfoca en diseños amistosos y humanos, inspirados en el contenido global.

Takeaways

🎨 La creación de ceniceritos de mosaico fue una de las primeras experiencias en diseño digital del hablante.
🖥️ Andy Hertzfeld, un amigo de la escuela secundaria que trabajaba en Apple, necesitaba ayuda en diseño gráfico y el hablante aceptó el reto.
💻 El hablante se mostró impresionado por la interfaz gráfica de usuario de un prototipo Macintosh que permitía a personas sin conocimientos de computadoras interactuar con ellas.
🔍 El hablante fue una fuente única de diseño de mapa de bits, donde podía crear iconos bitmap a través de una cuadrícula de píxeles en blanco y negro.
📌 Se mencionan muchos aspectos a considerar al diseñar un ícono, como su significado, representación y público objetivo.
🖱️ El diseño de los botones de Twitter, las barras de desplazamiento y el lazo ('lasso') se discuten como ejemplos de diseño práctico y significativo.
😄 Se tuvo la oportunidad de diseñar una imagen del Macintosh sonriendo mientras el ordenador arrancaba, mostrando un enfoque amigable desde el principio.
🚀 Después de Apple, el hablante siguió a Steve Jobs a NeXT como director creativo, donde aprendió sobre la importancia de la tipografía y el uso efectivo de las fuentes.
🃏 Se menciona que el Solitario de Windows era el software más utilizado en el universo de Windows, comparando con el uso del tiempo antes de las redes sociales.
💌 Facebook tenía la idea de incorporar gráficos en los mensajes de Facebook, lo cual el hablante disfrutó de desarrollar, comparándolo con una tienda de regalos virtual.
📌 El hablante disfruta trabajar en Pinterest debido a la variedad de proyectos de diseño, desde iconos hasta gráficos para el café, inspirados por contenido mundial.

Q & A

¿Cuál fue la primera incursión del hablante en el diseño digital?
-Hacer ceniceros de mosaico fue su primera incursión en el diseño digital.
¿Quién era el amigo de la escuela secundaria del hablante que trabajaba en Apple?
-El amigo de la escuela secundaria del hablante que trabajaba en Apple era Andy Hertzfeld.
¿Qué necesitaba Andy Hertzfeld del hablante?
-Andy Hertzfeld necesitaba ayuda con el diseño gráfico.
¿Qué mostró Andy Hertzfeld al hablante que le permitió trabajar en el diseño gráfico?
-Andy Hertzfeld mostró un prototipo de Macintosh al hablante.
¿Qué tipo de interfaz tenía el prototipo de Macintosh?
-El prototipo de Macintosh tenía una interfaz gráfica de usuario.
¿Cómo describió el hablante su papel en el equipo de diseño de Macintosh?
-El hablante se describió como la única fuente de diseño de mapa de bits.
¿Qué herramienta desarrolló Andy Hertzfeld para el diseño de iconos?
-Andy Hertzfeld desarrolló un editor de iconos.
¿Qué consideraciones mencionó el hablante al crear iconos?
-Las consideraciones incluían qué es el icono, qué representa, para quién es, dónde lo verán y cuál es la esencia del símbolo.
¿Qué diseño creó el hablante para la pantalla de inicio del Macintosh?
-El hablante creó una imagen del Mac sonriendo para la pantalla de inicio.
¿Qué hizo el hablante después de dejar Apple?
-El hablante siguió a Steve Jobs a Next y se convirtió en el director creativo.
¿Qué aprendizaje importante mencionó el hablante sobre el uso de tipografías?
-El hablante mencionó que no se necesitan muchas tipografías, solo saber cómo usarlas.
¿Qué software mencionó el hablante que era el más utilizado en el universo de Windows?
-El hablante mencionó que el solitario de Windows era el software más utilizado.
¿Qué idea tuvo Facebook que involucraba gráficos?
-Facebook tuvo la idea de integrar gráficos en la mensajería de Facebook.
¿Dónde trabaja actualmente el hablante y qué tipo de proyectos de diseño realiza allí?
-El hablante trabaja actualmente en Pinterest y realiza una variedad de proyectos de diseño, incluidos iconos para el producto y gráficos para la cafetería.
¿Qué encuentra el hablante inspirador en su trabajo en Pinterest?
-El hablante encuentra inspirador el contenido de todo el mundo que influye en su trabajo.

Outlines

00:00

🎨 Primeros pasos en el diseño gráfico y la interfaz de usuario

El narrador comparte su experiencia en el diseño gráfico desde temprana edad, destacando su interés por el arreglo de mosaicos y cuadritos. Se menciona a su amigo Andy Hertzfeld, quien trabajaba en Apple y necesitaba ayuda en diseño gráfico. El narrador describe cómo la interfaz gráfica del Macintosh permitía a personas sin conocimientos técnicos interactuar con la computadora. Se destaca su papel como fuente de bitmap design, donde podía crear iconos y representar ideas a través de una cuadrícula de píxeles. Se mencionan detalles como la importancia de los símbolos y su influencia en el producto, como botones de Twitter, barras de desplazamiento y la herramienta 'lasso'. También se relata su experiencia en el diseño del logotipo de Apple durante el proceso de arranque de la computadora, enfatizando la filosofía de diseño amigable desde el comienzo.

🚀 Traslado a Next y experiencias en el diseño de software

El narrador describe su decisión de dejar Apple para seguir a Steve Jobs a la compañía Next, donde se desempeñó como director creativo. Se narra cómo Jobs enfatizaba la importancia de saber utilizar las tipografías en lugar de tener muchas. Se menciona la dinámica de trabajo en grupo y cómo esto puede ser un trade-off en una empresa con muchos tomadores de decisiones. El narrador reflexiona sobre su tiempo en su propia empresa de diseño, donde tuvo más control sobre sus proyectos.

🃏 Influencia en el diseño de juegos y redes sociales

Se relata cómo el narrador trabajó en el diseño del juego de solitario para Windows, que se convirtió en el software más utilizado en el universo de Windows. Se menciona la analogía con el uso del tiempo antes de la existencia de las redes sociales como Facebook. Se narra cómo Facebook tuvo la idea de introducir gráficos en sus mensajes, lo cual el narrador disfrutó al trabajar en ese proyecto, comparándolo con tener una tienda de regalos virtuales.

📌 Trabajo en Pinterest y búsqueda de la humanidad en el diseño

El narrador expresa su aprecio por trabajar en Pinterest, donde se involucra en una variedad de proyectos de diseño, desde iconos para el producto hasta gráficos para una cafetería. Se destaca cómo el contenido de todo el mundo inspira su trabajo. El narrador se describe a sí mismo como alguien que busca hacer las cosas un poco amigables y humanas, y cómo esta filosofía se refleja en su trabajo, lo que encuentra muy agradable.

Mindmap

Keywords

💡diseño digital

El 'diseño digital' se refiere a la creación de imágenes, patrones y diseños utilizando herramientas de software. Es un aspecto fundamental del trabajo del narrador, quien comenzó con este tipo de diseño al hacer cenizos de mosaico. El diseño digital es central en el tema del video, ya que ilustra cómo se han utilizado las tecnologías para crear interfaces gráficas de usuario amigables.

💡Andy Hertzfeld

Andy Hertzfeld es un personaje clave en la historia del narrador, quien trabajaba en Apple y necesitaba ayuda en diseño gráfico. Su relación con el narrador muestra cómo la colaboración entre diferentes profesionales puede influir en el desarrollo de tecnologías innovadoras, como la interfaz gráfica de usuario de Macintosh.

💡interfaz gráfica de usuario

La 'interfaz gráfica de usuario' (GUI por sus siglas en inglés) es una forma de interacción entre el usuario y la computadora que utiliza gráficos para simplificar las tareas. En el video, se destaca cómo esta interfaz permitió a personas sin conocimientos técnicos interactuar con las computadoras, lo cual es un hito en la accesibilidad tecnológica.

💡bitmap

El 'bitmap' es una técnica de representación de imágenes en la que se define cada píxel individualmente. Es fundamental en el diseño gráfico, como se menciona en el script, donde el narrador describe cómo crear iconos y gráficos simples a partir de una cuadrícula de píxeles en blanco y negro.

💡icono

Un 'icono' es una representación visual que simboliza un objeto, herramienta o acción dentro de una interfaz de usuario. En el video, se resalta la importancia de los iconos en la comunicación visual y cómo el narrador ayudó a desarrollarlos para la interfaz de Macintosh, contribuyendo a la experiencia del usuario.

💡diseño simbólico

El 'diseño simbólico' implica la creación de símbolos que representan ideas o conceptos de manera concisa. El narrador menciona cómo cada detalle, incluido el diseño de un icono, tiene un impacto acumulativo en el producto final, lo que subraya la importancia de la simbología en el diseño de interfaces.

💡Steve Jobs

Steve Jobs es una figura icónica en la historia de la tecnología, conocido por su papel en la fundación de Apple y otras compañías. En el video, se menciona cómo el narrador siguió a Jobs a NeXT, lo que destaca la influencia de Jobs en el campo del diseño y la tecnología.

💡tipo de letra

El 'tipo de letra' se refiere a la colección de glifos que se utilizan para representar caracteres en la impresión y la visualización en pantalla. El narrador comparte una lección de Jobs sobre la elección de tipos de letra, enfatizando la importancia de saber cómo usarlos correctamente más que simplemente tener una gran variedad.

💡Windows Solitaire

Windows Solitaire es un juego de cartas solitario que se incluye con el sistema operativo Windows. En el script, se menciona cómo este juego fue la pieza de software más utilizada en el universo de Windows, destacando el concepto de entretenimiento y cómo el tiempo se pasaba antes de la llegada de las redes sociales.

💡Facebook Messenger

Facebook Messenger es una plataforma de mensajería instantánea que permite a los usuarios comunicarse a través de Facebook. En el video, se describe cómo se introdujo el diseño gráfico en la mensajería, creando una 'tienda de regalos virtual', lo que demuestra cómo el diseño puede enriquecer las experiencias de comunicación.

💡Pinterest

Pinterest es una plataforma de redes sociales que permite a los usuarios guardar, organizar y compartir imágenes y videos que les interesan. El narrador menciona su trabajo en Pinterest, donde se involucra en diversos proyectos de diseño, lo que refleja cómo el diseño gráfico es una parte integral de las plataformas digitales modernas.

Highlights

Making mosaic ashtrays was an early introduction to digital design.

Andy Hertzfeld, working at Apple, needed graphic design help.

A prototype Macintosh with a graphical user interface was shown.

Bitmap design involved arranging pixels in a grid.

Andy wrote an icon editor for creating simple icons.

Design considerations included representation, audience, and context.

Twitter buttons, scroll bars, and the lasso were designed for user interaction.

An image of the Mac smiling during boot-up was created.

Design was driven by friendliness rather than metrics.

The speaker followed Steve Jobs to Next as a creative director.

At Next, the importance of understanding typefaces was emphasized.

Working in a company involves trade-offs with many decision-makers.

Windows Solitaire was considered the most used software on Windows.

Facebook wanted to bring graphics into messaging.

The idea was to create a virtual gift shop.

Working at Pinterest involves a variety of design projects.

Content from around the world inspires the speaker's work.

The speaker aims to make things friendly and humane.