Si algo hemos aprendido de parejas icónicas como la mantequilla de maní y la mermelada, la leche con galletas o Twitter y los trolls, es que el diseño y los textos se necesitan mutuamente.
Si eres diseñador, sabes lo importante que es contar con un buen redactor en tu equipo. Y si eres redactor, sabes que un buen diseño puede hacer que tus palabras realmente brillen.
Las palabras adecuadas pueden potenciar o arruinar tu diseño, y viceversa. Sin embargo, con demasiada frecuencia, estos dos roles trabajan de forma aislada: el diseñador crea en el vacío y el redactor se aferra a sus textos sin considerar el aspecto o la disposición de la página. Esto puede generar problemas más adelante.
Al colaborar desde el principio y con frecuencia, puedes evitar estos problemas y crear un sitio web que sea visualmente impactante *y* fácil de entender, manteniendo siempre la esencia de tu marca.
Echemos un vistazo a cómo puedes empezar.
Reconoce que los grandes sitios web priorizan la narrativa
El contenido, es decir, los textos y el diseño, son herramientas de conexión.
Tu sitio es una historia. Es un ente vivo que evoluciona con el tiempo, comunica mensajes distintos en cada etapa del recorrido del visitante y, en última instancia, existe para conectar tu negocio con clientes potenciales. ¿Y cómo conectas con las personas? Permitiéndoles verse reflejadas en tu historia.
“Imagina intentar hacer una película sin un guion”, explicó Kendra Rainey, líder de estrategia y contenido en Edgar Allan, durante su sesión en la No-Code Conf 2021. Y tiene razón: sin el espacio, el presupuesto y el tiempo necesarios para desarrollar el contenido de forma colaborativa, los proyectos de diseño web pueden estancarse o no alcanzar su máximo potencial.
En Webflow, nuestra mentalidad de "el contenido es lo primero" sitúa la narrativa en lo más alto de nuestras prioridades. “Para crear conexiones auténticas con tu audiencia, los hilos de tu historia deben estar sincronizados y funcionar bien juntos”, afirma Jenna Simmons, diseñadora de marca sénior en Webflow. “Si el tono de los textos no coincide con los elementos visuales, el resultado es una narrativa inconexa, y esa disonancia dificulta que los usuarios conecten con la historia. Por eso la colaboración entre redactores y diseñadores es tan crucial”.
Céntrate en lo que los redactores y diseñadores tienen en común
La relación entre redactor y diseñador es, para mí, una cuestión de afinidad: esa sintonía que surge al compartir intereses o atributos comunes.
Redactores y diseñadores tienen más en común de lo que parece, pero el trabajo (y el exceso de este) nos ha obligado a menudo a ocupar roles separados con procesos separados. Rara vez he visto redactores y diseñadores que trabajen juntos desde el inicio hasta la publicación, a pesar de que ambos realizan tareas que, al compartirse, pueden elevar el trabajo del otro a otro nivel.
Acepta el apoyo
A los redactores no les gusta que otros husmeen en sus borradores desordenados, y a los diseñadores no les hace gracia que vean sus archivos de Figma en fase inicial. Pero si estableces una comunicación temprana, tener a alguien revisando tu documento o archivo se sentirá como una colaboración y no como un juicio.
Como redactora, realizo parte de mi mejor trabajo cuando puedo dejar que las creaciones de otros alimenten mi propia creatividad; y para un diseñador, suele ser una historia similar.
Supongamos que acabo de escribir el mejor titular de mi vida. Eso sin duda ayudaría a definir lo que aparece en la parte superior del diseño, y el diseñador querría saberlo cuanto antes. Por ejemplo, el titular de nuestra página de empleo es toda una declaración de intenciones: busca atraer al visitante a la historia de cómo es trabajar en Webflow. Para nuestros diseñadores, colocar fotos de nuestro equipo alrededor de ese texto fue la decisión correcta. La colaboración en su máxima expresión por un bien común.
La colaboración temprana también es preventiva, ya que mitiga las sorpresas cerca del lanzamiento. “Estar abierto a cambios desde el principio es beneficioso tanto para redactores como para diseñadores”, dice Jenna, “siempre y cuando el razonamiento detrás de los comentarios se base en mejorar la narrativa y la experiencia general, en lugar de en preferencias u opiniones personales arbitrarias”.
En resumen: no des feedback solo por darlo, pero tampoco esperes a estar cerca del lanzamiento para aportar ideas críticas.
Por qué tu equipo de diseño debería usar Webflow
Descubre cómo los equipos de diseño están optimizando sus flujos de trabajo —y creando mejores experiencias— con Webflow.
Crea una relación más estrecha entre la redacción y el diseño
Los redactores y los diseñadores son colaboradores natos. Ambos comparten una mentalidad común: crear cosas bellas y eficaces que atraigan a la gente y den resultados. En otras palabras, crear cosas en las que crees.
Por desgracia, en muchas organizaciones, la redacción y el diseño suelen trabajar en compartimentos estancos con poca interacción hasta el último momento. Esto puede generar tensión y frustración, y lo que es peor: falta de confianza entre estas mentes creativas fundamentales.
Aquí tienes algunas formas de evitar que eso ocurra.
Determina si los proyectos están orientados al contenido o al diseño
Es imposible tener un proceso único para cada proyecto. Pero los proyectos en los que suelo trabajar más estrechamente con diseño se dividen en dos tipos de procesos:
- Orientado a la redacción: donde el mensaje clave da forma al diseño, como una página de caso de uso,
- Orientado al diseño: donde el diseño da forma a la redacción, como un sitio beta.
Explicaré un poco esos procesos más adelante, pero algo que hay que tener en cuenta es que una reunión de lanzamiento entre el responsable del proyecto, el redactor y el diseñador es crucial para establecer expectativas desde el principio. Si no haces nada más, ¡haz eso!
Un proceso orientado a la redacción comienza con el texto o el mensaje clave.
Rara vez soy responsable de ese texto al principio. Quienquiera que sea el dueño del proyecto —como un responsable de marketing de producto que organiza el lanzamiento— sabe más que yo sobre qué información debe aparecer en la página. Así que hago una copia de mi plantilla de página de destino y les pido que primero vuelquen sus ideas en el documento. Puede parecer un paso extra, pero créeme: a la larga, esto ahorra tiempo y energía a todo el mundo.
Yo entro en juego una vez que el mensaje clave está en ese documento. A partir de ahí, convierto ese volcado de ideas en un documento de texto utilizable, puliendo la voz y el tono, y estructurando la información en un esquema de contenido que se alinee con el diseño.
Un proceso orientado al diseño comienza con el diseño.
Como redactor, sigo la guía del diseñador en cuanto al esquema de contenido (o secciones) de la página, utilizándolo como influencia para la creación del texto. Si hay un titular con un subtítulo y un botón de llamada a la acción en la parte superior, necesito saberlo antes de empezar a escribir.
Mi proceso suele empezar una vez terminados los wireframes. Esa reunión de lanzamiento es clave para entender el proceso creativo y cuándo es apropiado empezar a trabajar en el texto. Los procesos orientados al diseño tienden a ser más colaborativos que los orientados a la redacción, porque un diseño desde cero puede evolucionar y cambiar constantemente, mientras que una página orientada a la redacción (como nuestras páginas /for, por ejemplo) puede simplemente usar una plantilla. El diseñador y yo trabajamos estrechamente durante todo el proceso para mantener nuestros esfuerzos en la misma sintonía.
Usen las herramientas de los demás
Familiarizarse con las herramientas que utiliza cada uno puede ahorrar muchos pasos.
"Algo tan sencillo como revisar los primeros borradores de texto colocados en wireframes y colaborar juntos en Figma puede ayudar mucho a ambas partes a visualizar cómo se experimentará su historia", dice Jenna. "También es útil ver cómo la longitud del texto puede afectar a la densidad general de una página; verlo dentro de un diseño da al redactor una mejor idea de lo denso o ligero que debe ser el texto en todo el sitio. Una sección puede requerir más lectura o más explicación visual, por lo que ejercicios como este pueden ayudar a ambas partes a encontrar el equilibrio adecuado".
También pueden usar herramientas para establecer expectativas continuamente durante todo el proceso. Y por "expectativas", me refiero a límites. No solo te benefician a ti como alguien que puede controlar su propio proceso, sino que también benefician a todos los demás involucrados en él. ¿Qué hay peor que un proyecto sin un camino claro y sin una fecha límite real? Comunicar en qué punto te encuentras de tu propio proceso permite que los demás se sientan capacitados en el suyo y puede ayudar a mantener los plazos bajo control.
Para ayudar a todos a entender en qué punto me encuentro en mi proceso de redacción, pongo una actualización de estado en la parte superior de cada Google Doc que dice "en proceso", "en revisión" o "listo". Una vez que está listo, nuestros diseñadores saben que el texto está listo para pasar al diseño y todos los demás saben que su ventana para revisiones ha pasado.
Con este sistema, evito recibir comentarios no deseados demasiado tarde en el proceso, lo que me permite centrarme al máximo en mi colaboración con el diseño a medida que nos acercamos al lanzamiento, realizando cualquier edición necesaria en el sitio de forma autónoma y sin recibir opiniones de todas partes. Es, como quien dice, un ganar-ganar para todos.
PD: Mi plantilla de textos para landing pages es mi compañera de confianza en cualquier proyecto. ¡Siéntete libre de usarla!
Mantén las conversaciones sobre el proyecto en canales públicos
Cuando evitas trabajar de forma aislada, no solo trabajas mejor, sino que te ahorras tener que aclarar o explicar las cosas una y otra vez después.
En Webflow, nuestro equipo crea un canal de Slack nuevo para cada proyecto y, a veces, incluso subcanales (por ejemplo, proyectoX-diseño) para mantener la comunicación más organizada según nuestras necesidades funcionales. Se evitan muchísimos errores futuros simplemente abriendo un hilo en el canal del proyecto para hablar de diseño o textos. Así, cuando otros interesados necesitan dar su opinión o revisar el trabajo, toda la información actualizada está a la vista de todos.
Hagan magia juntos
Cuando colaboramos desde el principio y con frecuencia, nos aseguramos de que la experiencia sea excelente tanto para nosotros como para el usuario final, y de que estamos creando algo de lo que ambos podamos sentirnos orgullosos.
Así que, diseñadores, sean el complemento perfecto de los redactores. Redactores, sean el alma gemela de los diseñadores. Juntos, pueden ser el dúo dinámico definitivo... bueno, ya me entienden.
Porque cuando esas parejas icónicas se unen, pueden crear cosas realmente increíbles.
