Elizabeth McGuane, directora de UX de Shopify, explica por qué el diseño debería comenzar con palabras

Publicado: 2023-09-08

Antes de que los colores, las formas o las fuentes entren en escena, el proceso de diseño comienza con las palabras que usamos para explicarnos las ideas unos a otros.

Cuando piensas en diseño, probablemente te imaginas algunos bocetos en una pizarra, una maqueta de un producto o iteraciones de una interfaz. Pero una parte crucial del proceso ocurre –o debería ocurrir, al menos– antes de la representación visual. Y no es raro ir muy lejos en el proceso de diseño de la interfaz sólo para encontrarse discutiendo sobre cómo nombrar algo porque no se han puesto de acuerdo sobre lo que realmente es.

Eso es exactamente lo que Elizabeth McGuane quiere evitar. Elizabeth es diseñadora de contenido y UX, directora de UX en Shopify y ex colega nuestra aquí en Intercom. Habiendo comenzado en el periodismo antes de hacer la transición a UX, durante mucho tiempo se ha preguntado sobre el papel del lenguaje en el diseño, las palabras que usamos para describir las cosas antes de que existan o las taquigrafías que creamos para simplificar ideas complejas en nociones que todos puedan entender.

“Nos perdemos tanto en los planteamientos de problemas y diseños técnicos que a veces olvidamos que el proceso creativo comienza con las palabras que utilizamos para dar forma a los conceptos”

Nos perdemos tanto en los planteamientos de problemas y diseños técnicos que a veces olvidamos que el proceso creativo comienza con las palabras que utilizamos para dar forma a los conceptos. Y son esas palabras las que le dan claridad, precisión y propósito a su proyecto de diseño.

A partir de sus 15 años de experiencia en diseño web, móvil y de productos, Elizabeth finalmente resumió todas estas ideas en un libro,Diseño por definición, donde muestra cómo los elementos lingüísticos ayudan a encuadrar los problemas de diseño con claridad, mejorar la colaboración y elevar el conjunto. proceso.

En el episodio de hoy, el vicepresidente de diseño de productos de Intercom, Emmet Connolly, se reúne con Elizabeth McGuane para hablar sobre su amor por las palabras, la incorporación de conceptos semánticos en el proceso de diseño y la importancia de construir un lenguaje compartido.

Estas son algunas de las conclusiones clave:

  • El diseño efectivo comienza con resumir las cosas y alinearlas en torno a un concepto claro, asegurando una comprensión compartida que evite confusiones y desacuerdos posteriores.
  • La creatividad también debería implicar aceptar múltiples revisiones e iteraciones, fomentar preguntas y debates abiertos, y explorar diferentes caminos cuando uno no funciona.
  • Al diseñar productos, debe estar abierto a cambios y giros que puedan adaptarse a las demandas cambiantes de los usuarios, los avances tecnológicos y los contextos cambiantes.
  • Tener un lenguaje compartido y mantener convenciones de nomenclatura coherentes desde el código hasta la interfaz del cliente ayuda a impulsar la claridad y la comprensión de la organización.
  • El diseño conversacional con grandes modelos de lenguaje (LLM) presenta un cambio en el paradigma del diseño, desafiando las convenciones tradicionales sobre interfaces e incluso el papel del diseño en sí.
  • Cuando se trata de interfaces, trate el texto como un elemento de diseño espacial, centrándose en la simplificación y la coherencia en lugar del florecimiento literario.

Si disfruta de nuestra discusión,vea más episodiosde nuestro podcast.Puedes seguirlo enApple Podcasts,Spotify,YouTubeo acceder a lafuente RSSen el reproductor que prefieras.Lo que sigue es una transcripción ligeramente editada del episodio.

El papel del lenguaje en el diseño.

Emmet Connolly: Hola y bienvenido a Inside Intercom.Soy Emmet Connolly, vicepresidente de diseño de Intercom, y el invitado de hoy al programa es muy especial. Elizabeth McGuane es la directora de UX en Shopify. Es autora de un nuevo libro llamado Diseño por definición. Y Elizabeth es una ex colega; también trabajó en Intercom. Estoy muy emocionado de tenerte en el programa y hablarte sobre esta intersección entre diseño y escritura que abordas en el libro. De nada, Isabel.

Elizabeth McGuane: Muchas gracias, Emmet.Tan feliz de estar aqui.

Emmet: ¿Quieres compartir un poco sobre tus antecedentes y tu rol para ayudar a las personas a comprender de dónde vienes profesionalmente en tu enfoque del tema?

"Desde el principio, estuve realmente interesado en la estructura de cómo funcionan las cosas en el diseño: jerarquía, viajes, narrativa y todas esas cosas".

Isabel: Sí.¿Hasta dónde retrocedo? Así que no les contaré toda la historia de mi vida. Pero sí, fui diseñador de contenido en Intercom; fui el primer diseñador de contenido que contrataste. Hice tantas cosas interesantes. Fue un momento tan brillante en mi carrera. Y creo que fue allí donde tuve por primera vez las semillas del libro, para ser honesto contigo. Recuerdo haber dado una charla al equipo de Diseño de Marca en la que hablé sobre el papel del lenguaje en el diseño, y ahí fue donde comencé a profundizar en cosas como la metáfora, la narrativa y los conceptos que surgen en el libro. Antes de eso, comencé a trabajar en periódicos. Trabajé en elSunday Business Postcomo copista, creo que así se llamaba, de una manera muy retrógrada. Asistente editorial, digamos. Los nombres son muy importantes.

Luego, pasé a UX en una agencia llamada IQ Content, donde también había trabajado mucha gente de Intercom. Ahora se llama Each&Other. Estuve en Dublín y luego en Londres durante mucho tiempo trabajando en agencias antes de empezar en Intercom. Entonces, era un experto en todos los oficios cuando se trataba de escritura, diseño y arquitectura de la información. Desde el principio, estuve realmente interesado en la estructura de cómo funcionan las cosas en el diseño: jerarquía, viajes, narrativa y todas esas cosas. Entonces, cuando comencé a trabajar en productos en Intercom y luego en Shopify, me permitió profundizar en esos temas.

En Shopify, tuve la oportunidad de unirme como Gerente de Diseño. Ha sido realmente sorprendente porque dirijo equipos de investigadores, diseñadores, diseñadores de contenido y tecnólogos, y fusiono todas esas habilidades diferentes. Ha sido realmente gratificante descubrir que los diseñadores con los que trabajo se sienten apoyados por mí y que venir desde un enfoque diferente al de sus antecedentes ha sido un beneficio, en lugar de un obstáculo, y me ha permitido profundizar en la tipografía y el diseño en movimiento. y todo tipo de cosas que realmente me fascinan pero que no necesariamente estaban entre mis habilidades principales cuando comencé.

"Ya había muchos buenos libros sobre diseño de contenido y no quería escribir algo que tratara solo sobre cómo ser un mejor diseñador de contenido o sentarse en la mesa proverbial"

Emmet: Quiero decir, esa fue una de las cosas que me llamó la atención acerca de leer el libro.Cuando escuché por primera vez que ibas a escribir un libro, pensé: "Oh, diseño de contenido increíble y desmitificador o algo así". ¿Bien? El canónico “¿Qué es el diseño de contenido de todos modos?” libro. Pero mientras leía el libro, me di cuenta de que se trataba de mucho más que eso. ¿Fue eso un proceso? ¿Cómo decidiste de qué iba a tratar el libro en primer lugar?

Isabel: Sí.Quiero decir, si eres escritor y trabajas en diseño, en algún momento probablemente alguien te haya dicho: “Deberías escribir un libro. ¿Por qué no lo harías?”. Pero durante mucho tiempo no quise escribir. Ya había muchos buenos libros sobre diseño de contenido y no quería escribir algo que tratara solo sobre cómo ser un mejor diseñador de contenido o sentarse en la mesa proverbial porque se habían hecho y se habían hecho muy bien. . Y también tenía esta sensación, supongo, innata de que estaba realmente interesado en el resultado y el trabajo de diseño en sí, no tanto en los límites de la disciplina. Las conversaciones sobre disciplinas que hemos tenido durante los últimos 25, 30 o más años en diseño están en curso, pero supongo que no estoy tan interesado en esas barreras.

Cuando hablé con A Book Apart, lo primero que dijeron fue: “Queremos que este sea un libro de diseño. Es en parte porque tenemos muchos libros de diseño de contenido en nuestra lista y nos encantaría tener algo que esté fuera de eso”. Fue difícil cuando lo escribí porque creo que mi afinidad natural era volver a las palabras. Luché un poco contra mí mismo: "Oh, tiene que ser este libro de diseño con imágenes grandes y D mayúscula". Tuve que salirme de mi propio camino: hablar de escritura es hablar de diseño, pero no dejarme limitar por eso. Fue un proceso. Creo que me estaba esforzando por no hacer lo esperado y simplemente seguir hacia donde me llevaba mi interés.

Un concepto claro

Emmet: ¿Tenías en mente un lector ideal?¿No una persona específica, sino un tipo de persona?

Elizabeth: Tenía una especie de persona real y ya le dije esto antes.Hay un diseñador en Shopify llamado Johan Stromqvist. Es un diseñador de movimiento que trabaja en nuestro equipo de Design System. Había dado una charla que era una versión de este libro en Toronto en 2019 en una conferencia de liderazgo en diseño, y él se puso en contacto conmigo después y me dijo: “Oh, esto fue realmente significativo para mí. Pones en palabras algo que estaba tratando de resolver, una brecha que tenía en mi propio trabajo en relación con la definición y la claridad del concepto”. Y fue realmente gratificante, especialmente para alguien que era, en ese momento, un nuevo director de diseño. Tener a alguien que, para mí, era uno de los mejores y quizás el más esotérico diseñador dentro de Shopify y decir: "Esto fue realmente significativo para mí", realmente me hizo sentir que podía hablar con una audiencia de diseño.

"Gran parte del lenguaje que usamos en torno al diseño, incluso antes de llegar a las palabras en la página o de tener una página para poner palabras, son las palabras que usamos cuando describimos lo que estamos haciendo"

Johan siempre estuvo en el fondo de mi mente mientras escribía. Más allá de eso, quería hablar con el tipo de personas que lideraba, ¿verdad? Si estaba pensando en diseñadores de contenido, estaba pensando en los diseñadores de contenido con los que trabajé que a veces trabajaban en cosas increíblemente técnicas como problemas de desarrolladores o problemas de sistemas de diseño. No solo trabajan en interfaces y escriben palabras en las interfaces. En realidad, a menudo trabajan bajo el capó del diseño.

Emmet: Me encantaría que alguien me escribiera un libro en respuesta a los mayores misterios sobre el trabajo que tengo.Sigamos con eso porque es un ejemplo interesante. No se imaginaría que un diseñador de movimiento encontrara mucha utilidad en algo que tiene que ver con las palabras en una página. ¿Qué se llevó esa persona de eso? ¿Qué podría sacar alguien así del libro, además de profundizar en el aspecto de “cómo escribir realmente bien”?

Elizabeth: Creo que lo que aprendió fue la idea de que gran parte del lenguaje que usamos en torno al diseño, incluso antes de llegar a las palabras en la página o de tener una página para poner palabras, son las palabras que usamos cuando Estamos describiendo lo que estamos haciendo.Y eso sucede muy temprano en cualquier proceso que tenga en su empresa, ya sea un resumen, una definición de proyecto o una declaración de un problema. A menudo, esas cosas ni siquiera las escriben los diseñadores, sino los gerentes de producto o ingenieros. Y así, cuando traes esas ideas y ese lenguaje a la sala donde comienza el diseño, si realmente no te tomas el tiempo para definir los términos que estás usando... Y no son sólo los objetos en el sistema, que es lo que Generalmente pensamos en cuando estamos definiendo términos, pero literalmente, el concepto. Es ese clásico "todo el mundo mira una parte diferente del elefante". Cada uno tomará su propio significado de esas palabras y tomará direcciones muy diferentes.

"Se puede avanzar bastante en el proceso de diseño de la interfaz y aún así tener gente discutiendo sobre lo que debería ser porque la idea que tienen en la cabeza es realmente diferente"

Entonces creo que, para él, es realmente una herramienta interna que les hace pensar en el lenguaje que utilizan para expresar sus ideas entre sí. Cuando pasas al diseño de interfaces muy rápidamente, a menudo es porque te sientes motivado a alejarte del desorden de las palabras y entrar en algo que se sienta concreto. Dices: "Si puedo verlo, entonces podemos hablar de ello". Pero lo que realmente sucede, y estoy seguro de que usted también lo ha visto, es que se puede avanzar bastante en el proceso de diseño de la interfaz y todavía hay gente discutiendo sobre lo que debería ser porque la idea que tienen en la cabeza es realmente diferente.

Tengo este ejemplo en el libro de un equipo que intentaba diseñar un nuevo producto de datos que básicamente parecía una hoja de cálculo y tenía filas y columnas, y seguían diseñando mejores hojas de cálculo con más espacios en blanco y colores más bonitos. Y luego, el diseñador de contenido de ese equipo dijo: "Bueno, pensemos en modelos conceptuales completamente diferentes para esto". El que se le ocurrió fue un sándwich porque es un recipiente que puede tener muchas cosas diferentes dentro, pero siempre es un sándwich. Me encantó. Es divertido. Y ese término nunca fue una palabra que apareciera en la interfaz. Nunca tuvo la intención de usarse literalmente como marca. Pero fue un concepto que permitió al equipo pensar en el diseño visual e incluso en el marketing del producto de una manera muy diferente. Para mí, ese es un gran ejemplo clásico de lo que fue significativo para Johan. Aclarar el concepto y divertirse con él en lugar de intentar pasarlo por alto y pasar a la interfaz es realmente valioso y, de hecho, ahorra tiempo más adelante.

Emmet: Sí, definitivamente había secciones que estaba leyendo en las que pensaba: "Creo que sé de dónde vino esto".Suena tan familiar. Me sentí visto. Los ejemplos que creo que das en el libro donde dices que es posible que haya un grupo de personas criticando el aspecto superficial del diseño o simplemente pareciendo que tienen propósitos opuestos y, eventualmente, pasas tanto tiempo investigando por qué, y te das cuenta de que el modelo fundamental que cada uno de nosotros tenemos en la cabeza es ligeramente diferente. Debido a que estamos viendo lo mismo a través de dos lentes diferentes, nunca estaremos en la misma página. El valor de comenzar con esa idea fundamental es algo que definitivamente todavía intentamos incorporar en nuestro trabajo, y creo que algunas de las cosas también nos dimos cuenta cuando usted trabajaba aquí. Sigues viviendo, Elizabeth. Por cierto, no sé si alguien te ha dicho esto, pero incluso tienes tus propios emojis de Slack personalizados.

Elizabeth: Ese es el mayor honor.Realmente es.

El efecto sándwich

Emmet: Otro ejemplo en el que me hiciste pensar fue el poder del sándwich: simplemente poder etiquetar algo y tener una taquigrafía colectiva para referirme a ello.Puedes colapsar o compactar una idea completa hasta la palabra sándwich. Y entonces, todos empiezan a decir sándwich. Es una taquigrafía muy útil. Tener una etiqueta para ideas complicadas puede resultar muy útil.

"En las películas o programas de televisión, dicen: 'Oh, es como Mad Men, pero ambientada en la Irlanda de los años 80'... La gente usa una taquigrafía en las industrias creativas para permitirte conceptualizar algo de una manera realmente fácil".

Isabel: Absolutamente.Cuando me uní a Intercom, dijiste: "Tenemos un problema con los nombres y debemos resolverlo". Hicimos ese estudio de investigación en el que pedimos a todos que hicieran dibujos de lo que pensaban que era Intercom, y todos eran totalmente diferentes. Pensé: “Oh, esto es realmente interesante. No se trata sólo del nombre que usamos. La gente usa el mismo nombre, pero lo aplican a una parte totalmente diferente del sistema”. Creo que eso es realmente cierto.

Esto se ve en otras industrias; tal vez sea una prioridad debido a las huelgas. Si piensas en la forma en que, en las películas o programas de televisión, dicen: "Oh, es comoMad Menpero ambientado en la Irlanda de los años 80". ¿Usted sabe lo que quiero decir? La gente utilizará una taquigrafía en las industrias creativas para permitirle conceptualizar algo de una manera realmente sencilla. Podríamos pensar que es como resumir las cosas, pero es importante resumir las cosas. Nos perdemos tanto en planteamientos de problemas y diseños técnicos y cosas así, que son realmente importantes, pero si no nos tomamos ese tiempo para recordar que estamos haciendo algo creativo, y que esa condensación creativa de la idea es una fase realmente importante, nos hacemos un flaco favor. Entonces, la persona creativa dice: "Oh, solo te estás burlando", en lugar de: "Estoy tratando de darle vida a algo que todos estábamos tratando de conceptualizar juntos".

Emmet: ¿Cómo hacen eso los diseñadores?Casi al comienzo del libro, hablas de enmarcar y dar vida a una idea o incluso de darle a algo una etiqueta o un nombre para que podamos referirnos a él fácilmente. Soy diseñador en un equipo y todos tienen los cables cruzados por todas partes. ¿Qué hago realmente? Porque una cosa que es fácil acerca de un simulacro es que puedo crearlo y mostrárselo a la gente, y es algo tangible, ¿verdad? ¿Qué estrategias o consejos tienes para que las personas intenten involucrarse con el conjunto más amorfo de “Dominemos una idea y estemos todos en sintonía al respecto”?

Elizabeth: Quiero decir, la realidad es que esto puede suceder en diferentes momentos.Lo canónico ideal de "Oh, deberías hacer esto desde el principio y ser muy riguroso para aclarar tu concepto" es maravilloso si sucede, pero casi tienes que haber cometido el error antes para saber que es necesario. suceder. Podrías hacer ejercicios de dibujo. La ironía es que el dibujo y las cosas visuales son una manera realmente excelente de lograr claridad conceptual y nuevas palabras. Estoy seguro de que cuando la diseñadora de contenido regresó a la sala con la idea del sándwich, probablemente tuvo que esbozar: “El pan es esta parte y la lechuga es esta parte” antes de que cobrara vida. Hay una fusión de las dos cosas que creo que es realmente valiosa.

“Es importante hacer una pausa y hablar sobre las cosas conceptuales en las que no estamos de acuerdo en lugar de intentar forzarnos a superar el dolor de: 'Déjame hacer 18 revoluciones más para intentar igualar lo que tienes en la cabeza'”.

No se trata tanto de evitar las burlas. Creo que se trata de evitar la alta fidelidad, si es posible, y ser realmente libre con las revoluciones y las iteraciones. Estamos tan preocupados por la eficiencia y la entrega de valor que a veces tenemos esta cosa en la que queremos hacerlo bien la primera vez, y así no es como surge la creatividad. Si realmente estás disfrutando del momento conceptual, deberías estar dispuesto a hacer muchos bocetos, mostrar cosas a la gente y hacerlo sentir liviano, libre y fácil. Y también dibujar cosas que no son interfaces, ¿verdad? Esbozar un concepto o una idea. Dibujar un viaje: lo hacemos mucho. Incluso podrías dibujar al usuario haciendo cosas.

Creo que es bueno sacudirse y no depender de la misma muleta de siempre. Porque lo que encuentro es que cuando la gente dice: "Oh, necesito esbozar el recorrido del usuario" y eso se convierte en una muleta, en realidad no te está dando nuevas ideas. Cualquier cosa que haga al principio del proceso de diseño vale su peso en oro sólo si le brinda nuevas ideas a seguir. Si lo haces como algo natural, tienes que pensar: "¿Qué me aporta esto realmente?".

La realidad es que a menudo puedes pensar que estás realmente alineado, y es solo cuando entras en la etapa simulada, cuando en realidad estás diseñando la interfaz y señalas cosas en la página y dices: "Bueno, ¿qué significa esto?". ¿hacer? ¿Y esto qué representa? ¿Que está sucediendo aquí?" que puedas decir: "Oh, en realidad no estamos de acuerdo". Creo que es importante hacer una pausa y hablar sobre las cosas conceptuales en las que no estamos de acuerdo en lugar de intentar forzarnos a superar el dolor de "Déjame hacer 18 revoluciones más para intentar igualar lo que tienes en la cabeza". Toma un descanso. Tener un taller. Organice una sesión de dibujo en la que puedan esbozar su idea, ya sea su director de diseño, su vicepresidente o cualquier otra persona.

Para mí, las cosas más productivas son cuando tienes personas de muchas disciplinas diferentes usando las herramientas más simples posibles, lápiz y papel, y dices: "Oye, reconozcamos todos el hecho de que aquí tenemos una idea diferente y Intentemos sacar a la luz todas esas ideas para que podamos llegar a un acuerdo sobre dónde nos encontramos”. Mi exgerente de Shopify, Amy Thibodeau, dijo: "Es un libro sobre el pensamiento". Y es. Se trata de reconocer cuándo estás estancado y qué tipos de herramientas te sacarán del estancamiento en lugar de ser este proceso milagroso que siempre funcionará.

“Puede ser muy frustrante llegar al final de un proceso de diseño y decir: 'Oh, no estamos de acuerdo sobre cómo nombrar esto'. No estamos de acuerdo sobre quién es la audiencia. ¿En qué hemos dedicado nuestro tiempo a hacer?'”

Emmet: Mm-hmm.Me parece que también es útil permitirse moverse con fluidez entre esos niveles de fidelidad, casi el conceptual y el de implementación, y no pensar en ello como algo unidireccional, ¿verdad? Donde miras la implementación y dices: “Algo no está del todo bien aquí. Vayamos y reexaminemos los paralelos con el diseño visual”. A veces, las personas pueden saltarse la etapa de encuadre de "¿qué estamos tratando de decir?", ir directamente al diseño visual y luego obsesionarse con esos detalles cuando, en realidad, necesitan arrastrarse hacia arriba una capa de abstracción y tomar otro camino en eso, y tal vez simplemente ir y venir un poco entre ellos.

Elizabeth: Si has ignorado cualquier desalineación conceptual a lo largo del proceso y llegas al punto en el que estás nombrando la cosa y nadie puede ponerse de acuerdo sobre el nombre, siempre hubo un problema.Pero ese es otro lugar donde pensamos: "Volvamos a un nivel más alto de fidelidad".

Puede ser muy frustrante llegar al final de un proceso de diseño y decir: “Oh, no estamos de acuerdo sobre cómo nombrar esto. No estamos de acuerdo sobre quién es la audiencia. ¿En qué hemos dedicado nuestro tiempo a hacer? Mucho de esto se trata de equipos de diseño saludables y de tener suficiente fuerza dentro de su equipo de diseño para estar dispuesto a hacer otra revolución, a volver a subir las capas de abstracción, para que eso no se sienta como una pérdida, sino que se sienta como: " No, esto fortalece el resultado”. Hablando como gerente de diseño, eso es lo que trato de hacer por mi equipo: hacer que se sientan seguros al cuestionar las cosas todo el tiempo en lugar de decir: "No, no, estamos encerrados. E incluso si no "No sabemos lo que estamos haciendo, lo sacaremos a la luz pase lo que pase".

Navegando a través del cambio

Emmet: Entonces, tal vez hayas llegado a un punto en el que puedes enviar algo y el proceso no termina ahí.Evidentemente, el proceso de diseño, pero también el proceso de definición. Otro isabelino clásico de la época de Intercom fue el "Barco de Teseo". ¿Quiere explicar eso un poco y tal vez hablar sobre lo que sucede después de que se lanza un producto y llega a estos puntos en los que el producto tiene que cambiar?

Elizabeth: El Barco de Teseo es la idea de que si tienes un barco que sale del puerto y reemplazas todas las tablas del barco durante el viaje, ¿sigue siendo el mismo barco?Los productos cambian y giran constantemente. El hecho de que sean digitales y efímeros no significa que sean fáciles de cambiar. El código suele ser muy, muy difícil y difícil de cambiar. Pero hay flexibilidad. Cuando construyes una silla, puedes desarmarla hasta las piezas de madera, pero es menos probable que lo hagas. Entonces, habrá una necesidad de cambiar, y es sólo una cuestión de permitir esa amplitud en su pensamiento de diseño.

"En un mundo perfecto, todas nuestras plataformas serían simplemente estos hermosos conjuntos modulares de capacidades que podríamos reformar de cualquier manera"

El peligro es que empieces a decir: "Oh, cuando le doy un nombre o diseño a esto, tengo que pensar en cada posible caso de uso futuro y permitirle suficiente flexibilidad para que pueda convertirse en esto o aquello". Porque entonces se pierde el quid de la cuestión. Existe un punto de fuga en el que es el usuario quien lo ve: debe tener sentido para él y hacer algo útil para él. Entonces, creo que es necesario tener esa exactitud y claridad sobre a quién se está sirviendo en realidad. Pero luego, permítase no apegarse demasiado a ese resultado y resistirse al cambio que podría ser necesario cuando siga adelante.

Hablamos de esto incluso cuando estaba escribiendo el libro sobre productos y envases. Puedes tener una plataforma y querer redefinir sus capacidades para nuevos usuarios, usuarios que han cambiado, que tienen diferentes necesidades o para la nueva tecnología que está por llegar. Entonces, en un mundo perfecto, todas nuestras plataformas serían simplemente estos hermosos conjuntos modulares de capacidades que podríamos reformar de cualquier manera. Y, por supuesto, no siempre es así. Nos encerramos en ciertos canales. Y creo que el liderazgo en diseño es el buen juicio para saber cuándo vale la pena el esfuerzo de hacer un cambio y girar, cuando a veces cambiar el nombre de algo es suficiente porque básicamente lo estás redirigiendo a una nueva audiencia, o cuando en realidad es como, "No". , necesitamos mirar debajo del capó y realmente remodelar lo que se supone que esto debe hacer”.

"Tienes que estar dispuesto a dejar de lado un poco tu legado para dejar que el producto en sí se transforme, cambie y evolucione"

Cuando comencé en Intercom, esta cita me fue acreditada y en realidad no es mía, es decir, "Es el mismo lenguaje desde el código hasta el cliente". De hecho, creo que eso vino de los ingenieros de Intercom. No recuerdo quién, pero recuerdo estar en una sala con un grupo de ingenieros de intercomunicación que, honestamente, eran los mejores compañeros de trabajo de todos los tiempos porque cuando me uní, recuerdo que dije: "Bueno, los ingenieros sienten que necesitamos a alguien que nos ayude". nosotros con los nombres”. Y qué regalo, como persona contenta, sentir que te has unido a una empresa donde los ingenieros son los que realmente quieren trabajar contigo y entrar en los detalles. Recuerdo haber tenido una de mis primeras reuniones en la que hablamos sobre la diferencia entre una aplicación, una integración, un complemento y un widget, y la gente se interesaba por su semántica porque eso es tan significativo desde una perspectiva de ingeniería como lo fue. a mi.

Ese “mismo lenguaje desde el código hasta el cliente” era un objetivo que teníamos. Queríamos tener claridad de que las convenciones de nomenclatura que usamos en la interfaz serían las mismas que usamos en el código. Es realmente difícil porque tienes que estar dispuesto a dejar de lado un poco tu legado para dejar que el producto en sí se transforme, cambie y evolucione. Y creo que hay un poco de perfeccionismo en todos los que trabajan en diseño de productos, ya sea ingeniero o diseñador. Tienes que estar dispuesto a dejar de lado ese perfeccionismo para que se produzca el cambio.

"A menudo había alguien que miraba la terminología de la API, miraba la interfaz y decía: '¿Cómo encajan estas cosas?'"

Emmet: Me encantó porque amplió mucho el trabajo real.Lo que se nombra en la API, que un cliente nunca verá, es el mismo nombre que el componente que ve el cliente y la interfaz de usuario que ve. El cliente sólo ve el nivel superficial, pero tener ese hilo de acero de una idea que va de arriba a abajo es tan valioso internamente que se transmite con la claridad que eventualmente se obtiene cuando llega al cliente.

Elizabeth: Es un objetivo realmente admirable.Creo que el proceso de aspirar a ello es útil incluso si no se llega a esa perfección. En los primeros dos años que trabajé en Shopify, trabajé en el equipo de la plataforma. Los desarrolladores eran nuestra audiencia. Y la pregunta de qué es un desarrollador, especialmente en Shopify, fue realmente interesante porque a menudo era la misma persona que creaba la tienda en línea. Es una tienda unipersonal; Están haciendo su propio trabajo de desarrollo. Y, a veces, era una agencia socia. Ese es un tipo de persona muy diferente. Y entonces, a menudo había alguien que miraba la terminología en la API, miraba la interfaz y decía: "¿Cómo encajan estas cosas?" Si tienes la expectativa de que el mismo ser humano no verá literalmente todas estas cosas diferentes... Es como si estuvieras tomando tu diseño y mostrándolo como uno de esos libros transversales donde puedes ver todas las diferentes capas. Y pueden echarle un vistazo a través de la documentación, desde diferentes lados.

Un equipo mío trabajó en Shopify CLI, que es la interfaz de línea de comandos, y dijo: "Toma tu GUI y conviértela en herramientas de línea de comandos". Y luego, todo es terminología. Es maravilloso y divertido deconstruir todo hasta sus palabras porque de eso está hecho todo.

El gran cambio de modelo lingüístico

Emmet: Mencionaste los cambios en la industria.Una cosa interesante a tener en cuenta con respecto al momento de publicación de su libro es que probablemente lo estaba escribiendo justo en medio de la gran revolución de los modelos lingüísticos. ¿Cómo fue eso en términos de descubrir qué necesitaba abordar allí?

Elizabeth: Bueno, el momento fue terrible porque ya había terminado de escribirlo cuando salió el LLM.Lo escribí a principios de 2021. Se necesita mucho tiempo para armar un libro. Para mí fue un año y medio. Unos meses después de haber hecho el primer borrador, todavía estábamos haciendo ediciones, pero llegas al punto en que agregar un capítulo completamente nuevo sería realmente difícil. Entonces pensé: "Hmm, tal vez si tengo la suerte de hacer una segunda edición, lo haría". Lo mencioné en un par de lugares para que fuera oportuno.

"Existe la primera oleada de la nueva tecnología: ¿cuán mágico será realmente cuando el caucho llegue a la carretera?"

Pero también estaba muy consciente de que, después de haber trabajado en los primeros sistemas de bots en Intercom, estaba sentado en conversaciones en Shopify sobre LLM y pensé: "Oh, se siente tan familiar". Y entonces, tenía mucha curiosidad. No siento que tenga suficiente piel en el juego como colaborador individual para poder hablar de esto. Me encantaría observar esto y tal vez trabajar en cosas como esta durante los próximos años y escribir sobre ello. Porque existe la primera oleada de la nueva tecnología: ¿cuán mágico será realmente cuando el caucho llegue a la carretera?

Lo que me resulta fascinante es lo mismo que hacer la CLI. Básicamente, estás tomando toda tu experiencia de diseño y convirtiéndola en una biblioteca de objetos, acciones, personas y momentos, y estos se entregaron de forma conversacional. Lo que fue tan fascinante cuando trabajé en Intercom (trabajando incluso en interacciones muy simples de ida y vuelta, capturando correos electrónicos y ese tipo de cosas) fue que te lo llevas todo y lo único que te queda es lo humano y el robot a cada lado. En Intercom, en aquel momento, era aún más complicado porque había que entregar la tarea a la persona de soporte.

Realmente estás hablando de cerebros humanos, cómo funcionan y qué esperan que suceda en ese momento. No tienes ninguna de las construcciones de, “Bueno, tengo esta pantalla cuadrada o rectangular frente a mí, y sé que, a la derecha, normalmente veo esto. Y en la izquierda, normalmente veo eso”. Eso le da al diseñador mucho más poder para establecer la agenda. Con el diseño conversacional, regalas gran parte de tu poder. Y entonces, estoy muy interesado en ver hacia dónde va. Recuerdo haber leído el libro en una edición posterior y haber pensado: "¿Hay algo aquí que no diría si hubiera estado trabajando en un LLM durante un año?" Y no, siento que estas verdades todavía se mantienen. Pero estoy muy emocionado de ver hacia dónde llega y tal vez escribir más sobre ello.

“So much of design is about conventions and what people grow to expect. I'm interested to see what conventions evolve out of LLMs”

Emmet:I mean, I think a ton of the ideas you have around thinking, ideas, concepts, and how to get everyone aligned around similar concepts are universal. And then, maybe on the writing end of things, even on the tone of voice end of things, that's where I imagine we have lots of space to play in the next couple of years to figure these things out properly.

Elizabeth:Absolutely. I mean, so much of design is about conventions and what people grow to expect. I'm interested to see what conventions evolve out of LLMs. We always have this idea that it'll be totally open-ended – you can ask the bot anything, and it will just give you the perfect answer. And I think that will maybe be true at some point. But even if it is true, that doesn't solve the problem of, “Well, how does the human being know how to frame that question? Or how do you guide them to the right spot if you have no or little-to-no interface?” That's what I'm interested in. The evolving conventions.

And then, to what extent do the conventions start to trip up the design because they become a tool for advertising or whatever other viable commercial needs a product might have? How does the designer find their way through the human interface relationship with all the conventions that might pop up? Because, if you really look at web design conventions, let alone product design conventions, over the last 10 or 15 years, things have really solidified. And I would say almost congealed into some conventions and patterns that don't necessarily serve users particularly well. A shakeup would be an amazing thing. But, yeah, I think the next five years in design are going to be really interesting, and LLMs are going to shake things up in interesting ways.

The designer's toolbox

Emmet:Let's say I'm a designer, and I've spent the last however many years arranging drop-downs and all these conventions of the graphical user interface you're talking about. Maybe I'm not so confident as a writer – I've never gotten into writing blog posts, or I might not be working in my native language, and that's a bit of a barrier. What advice would you give to designers who are seeing the rising importance of writing as a delivery mechanism for the products or the actual interface for the product? What should they be trying to work on and improve?

“Forget everything you were taught in secondary school about writing. Get rid of punctuation, get rid of anything that's visual noise”

Elizabeth:This is something where I don't even know if every content designer agrees with me. I hope they don't because there should be lots of discussion and debate. I don't think that when you're writing for an interface, you're actually writing. The more you can think of text as a design element, the better off you are. There's a team I work with at Shopify – we call them the quality crew – and they do these very short-term fixes of patterns that weren't applied particularly well, or areas of the product that have become bloated, and they're like, “Let's make this better.” There's one designer and one content designer working on that. And what the content designer and all of us have talked about is it's really an editing job. What you're trying to do is take stuff away.

If you are looking at an interface and taking text away, you are almost certainly doing the design a favor. It's actually less about writing and more about removing. That's a reassuring crutch if you don't feel writing is your forte. You want to get rid of everything at the punctuation level. Forget everything you were taught in secondary school about writing. Get rid of punctuation, get rid of anything that's visual noise, stand back from the screen, and look at the text as if it's just something that fills space. Look at the words that pop out because people are not reading it.

“When you're thinking about moving through a journey, it's signposting. You may as well be designing the New York City subway system map”

This has been said since time immemorial, but people are not reading the interface – they're pattern-finding. They're looking for specific words. And they're trying to find handles and doors to move through those doors to the next stage. Find a way to create that distance from yourself so you're not obsessing over the way it sounds to the ear or the way it's grammatically constructed. Honestly, try to think about it as if you were someone whose first language wasn't English, or someone of a lower reading level. That doesn't mean that beautiful writing can't exist in interfaces and do a great job. It can, and it should. But when you're thinking about moving through a journey, it's signposting. You may as well be designing the New York City subway system map.

I think that people trip themselves up in the same way that I think content designers trying to move into design think, “Oh, I don't know about color. And I don't know about fonts and stuff.” They trip themselves up and forget that, actually, the meat of it is about the use of space, hierarchy and sequencing, and what things are grouped together. Those are all things that writers understand. There's so much thinking we have in common. Don't be afraid to step outside your realm because the interface is what you're trying to make. Look at it as the sum of all of its parts instead of obsessing over the tiny like, “Oh, is this the right word exactly?”

It's really important to understand your product the way an information architect would. The most common problem I find is using one word to describe something over here and a totally different word to describe it over there. We forget that it's a library. Think of these as tags – you should use the same tag to describe the same thing in two places. Try to think about it three-dimensionally so that as somebody moves through you're not using “iPhone” over here and calling it a smartphone over there. Consistency is important. But it's not about consistency with your English teacher's rules from secondary school – it's about consistency of the smallest patterns and elements.

“Our brains are trying to tell us we're doing something three-dimensional. You use the back button. You are trying to pull yourself out of things and move into things”

Emmet:In the spirit of words meaning things, writing is the wrong word for the activity you're describing because I don't think reading is the verb that applies to the audience. The audience sees or looks, but they don't read the way you read a book. When I think of writing, I think of Stephen King hunched over a Smith Corona typewriter writing pages of sentences and paragraphs. And it's just such a different thing that we're creating for the reader/viewer. The funny thing is, we're all aware of how we use the web and how completely attention-deficit our own use of the web is – open a tab, scan it down really quickly, close the tab. And yet, we still design for some imagined, assumed audience who's going to sit there and read from the top left corner to the bottom right corner of the whole page. It's just not how it works.

Elizabeth:Yeah, totally. I mean, it's semiotics. And it's also very physical, right? I have a mobile team on my team as well as the desktop experience. And it's really different. The same rules don't necessarily apply in terms of where we put information or how people absorb it when you're talking about a mobile screen versus a desktop one. And it's not just because of the size of it. It's because of keyboard navigation, point-and-click, tapping, and all the physical interactions you use.

When you are sitting in front of your laptop, yes, we're all very still, probably too still, but we are also doing something physical. And our brains are trying to tell us we're doing something three-dimensional. You use the back button. You are trying to pull yourself out of things and move into things. We use a lot of three-dimensional words to describe what we're doing. I'm very interested to see what things like visionOS and other types of tools will do to interface because it really does make you think about things in a more three-dimensional way. So yeah, you're right, it isn't writing. It's signposting; it's semiotics. I wish there was a less wonky word to use for it. If you can try to think about it as signs that live in space, you're doing a better job.

Words for thought

Emmet:What's the purpose of writing? Maybe often, the purpose of writing is not to be read, it's actually to get your own ideas down on a page and realize how poorly you understood your idea. In the intro of the book, you say, “As I wrote this book, I was drawing and understanding what it was I wanted to say.” That is also one of the primary benefits of writing. And so, even for that designer thinking, “How do I get started writing? It's not something I'm comfortable with.” Maybe one way is to just start, write for an audience of one, and see. “I didn't actually understand my ideas. I thought I did. But then, when I try to elucidate it really clearly, there are new ideas here to follow.” That should be a key part of the design process for designers, PMs, and even engineers. I think the stuff you're talking about is relevant and even vital, I would say, across the whole product team.

“That's what we're talking about – taking the time to think”

Elizabeth:I think that's true. I talked a lot at the beginning about spending time clarifying your concepts. And writing is a way of clarifying concepts with yourself, right? Being in conversation with yourself. But for that purpose, we sometimes put a lot of store in a deliverable like a glossary with lots of defined terms. Those things are really valuable, but usually, especially if you're designing something new, it's more about the conversation you're having with each other and the process of going through it. It's not useful if one person goes away and writes a problem statement and is like, “I decided. This is what the concept is.” It has to be a conversation.

I think the writing process can be done honestly or dishonestly. Sometimes, our templates and stuff will lead us to write to fill space like, “Well, I followed the template and wrote down what I think it should be.” And people think it sounds fine and move through. But it's hard to make your brain actually stop and think about things properly. And that's what we're talking about – taking the time to think.

“Every creative process you go through, whether it's writing a book, making an interface, or architecting a whole product, is a discovery”

I wrote this book three times. I had an outline that was very close to my talk outline. Then, I somehow got in my own head about it. The second time I wrote it, I rewrote it with a completely different outline. And then, I realized that I was right the first time and went back. It's the freedom to realize that wasn't wasted time. It was definitely better on the third pass than on the first. And knowing that, when I got to the end of writing the book, I was like, “Oh, now I know how to write a book. I want to go back to the beginning and do it again now that I've figured it out.” Every creative process you go through, whether it's writing a book, making an interface, or architecting a whole product, is a discovery. You have to be willing to let yourself make mistakes to get it right.

Emmet:Yeah, forget LLMs, your next book can be a self-help book that helps people understand what they're actually thinking. I do think the concepts run deep. It's tools for thought. There's an interesting substrate of apps like Roam and Reflect that are pegged as tools for thought, where you get to interlink your tools. And it's all predicated on that idea that the thought stuff is extremely out there in the ether, and they're trying to do the hard thing of making it concrete.

Isabel: Sí, 100%. Constantemente pensaba: "Dios mío, esto es demasiado naval". Y luego, mi editor de desarrollo, que te ayuda con la estructura y la narración, resultó ser un poeta. Y yo dije: "Esto es perfecto". No tenía miedo de abordar la metáfora. Él dijo: “No, esto es importante. ¿Qué estás tratando de decir realmente? Debo decir que, incluso en Intercom, todo el proceso de redacción del blog siempre fue un gran regalo porque los editores son fantásticos. Trabajar con un editor es algo asombroso. Tener a alguien con quien puedas hablar sobre lo que estás tratando de lograr y que pueda ayudarte a aclarar tu forma de pensar... Fue súper meta todo el tiempo.

“Realmente me encantó dedicar 15 años a pensar en [el libro]. La pregunta es: '¿Necesito trabajar otros 15 años para volver a hacer eso?' No me parece"

Emmet: Esto tal vez sea un poco como preguntarle a un corredor de maratón después de cruzar la línea de meta: "¿Qué sigue, campeón?", pero, Elizabeth, terminaste tu libro.¿Tiene algún plan o proyecto importante para el próximo año?

Elizabeth: Quiero escribir otro libro, pero todavía no sé sobre qué.Realmente lo disfrute. Realmente me encantó dedicar 15 años a pensar en ello. La pregunta es: "¿Necesito trabajar otros 15 años para volver a hacer eso?" No me parece. Para mí, desmitificó el proceso. Realmente me encantaría abordar otro tema y escribir más. Comencé en el periodismo y disfruté mucho escribiendo, y fue maravilloso redescubrirlo. Aparte de eso, me tomaré un mes libre y me iré a Australia este invierno, así que simplemente voy a disfrutar. Y cuando regrese, en 2024, tal vez haya un nuevo proyecto por delante.

Emmet: Espero darle la bienvenida nuevamente a la gira número dos del libro cuando eso suceda.Elizabeth, un millón de gracias por venir, fue fantástico conectar contigo. Y, sinceramente, fue especial ver algunas de esas ideas nacientes y verlas realmente resumidas y cobrar vida de esta manera. Para las personas que escuchan, ¿dónde podrían mantenerse al día con usted y su trabajo si quieren aprender más? ¿Y dónde pueden conseguir su libro,Diseño por definición, publicado por A Book Apart?

Elizabeth: Sí, puedes realizar pedidos directamente a ellos .Y afortunadamente, dado que eran muy conscientes de que realizar pedidos desde el Reino Unido e Irlanda a veces es costoso, ahora está disponible a través de Blackwell's y en Amazon. Por lo tanto, puede obtener el libro más ampliamente que antes. Simplemente busque Diseño por definición. Mi presencia social está un poco “por decidir” dado el tumulto que hay en el mundo social en este momento. Pero todavía estoy en X y Threads y escribo en Medium . Con suerte, el año que viene estaré produciendo más contenido allí. Y puedes seguirme.

Emmet: Increíble.Elizabeth McGuane, muchas gracias.

Elizabeth: Gracias, Emmet.

Podcast de intercomunicador interior (horizontal) (1)