Dirección artística para la web

1. Introducción: Hola, me llamo Andy Clark y soy director de arte y diseñador aquí en mi estudio, Stuff y tonterías. hace 20 años, he ayudado a empresas, grandes y pequeñas, organizaciones benéficas como Greenpeace y WWF a mejorar su sitio web y diseños de productos. Ahora este es un curso sobre dirección de arte para la web y durante la próxima hora, te voy a enseñar sobre nuestra dirección. Te voy a decir lo que significa y por qué importa. Voy a explicar quién puede hacerlo y lo más importante, cómo se aplica a la web. Ahora bien, si eres un director de arte o diseñador con experiencia que trabaja en impresión, este curso te ayudará a entender cómo llevar tu talento a la web. También es para diseñadores web y desarrolladores que quieran entender la dirección del arte y cómo hacerlo funcionar para productos digitales y sitios web. Este curso también está dirigido a desarrolladores que quieran aprender los principios de diseño que los diseñadores usan todos los días, que puedan aplicarlos a sitios de cualquier plataforma. Te voy a enseñar por qué la dirección de arte importa para la web, aprendiendo de algunos de los directores de arte más influyentes de los últimos 60 años. Incluyendo a Alexey Brodovitch y su influyente trabajo para la revista de moda Harper's Bazaar en los años 30 y 40. Bia Filer quien fue una de las primeras directoras de arte femeninas de Harper, y que elabora la primera modelo negra que aparece en la portada de la revista de moda mainstream. Sin olvidar a Neville Brody que el arte dirigió de manera rebelde la revista Face Fashion and Music en Gran Bretaña en la década de 1980. Entonces aprenderás, cómo tus valores de marca pueden influir en la dirección del arte. Aprenderás a decidir sobre los principios que guiarán tu diseño. Cómo las historias de personas y usuarios pueden ayudarte a crear narrativas y decidir cómo quieres que se sienta la gente. Te enseñaré sobre dónde la dirección del arte puede influir en la experiencia de alguien cuando esté usando un producto o un Sitio Web, y dónde la dirección del arte puede ser más relevante y luego, cómo prepararse para hacer más efectivo lo que diseñas a través de dirección de arte reflexivo. Para ayudarme a describir cómo dirigir el arte diseños para productos y sitios web, he hecho Wheel Man, que es una aplicación para reservar un coche rápido y un conductor de escapada, además de un sitio web compañero que está lleno de consejos sobre cómo para asegurarte de que puedas escapar limpio. El sitio web del hombre de la rueda también cuenta a los lectores sobre algunos de infames criminales y pandillas londinenses en la década de 1960, y los asesinatos y robos y la violencia que cometieron. Yo estaría feliz si aprendieras de los ejemplos del Hombre de la Rueda, pero no sugiero que sigas en estos criminales pasos sangrientos. También he escrito un libro, casualmente, se llama Dirección de Arte para la Web, donde entro con más detalle en todos estos temas. Puedes enterarte de ese libro en artdirectionfortheweb.com. De verdad quiero que este curso sea tan agradable como informativo. Entonces únete a mí en esta dirección de arte para el curso web y descubre más sobre este tema y más en mi libro. ¿Estás listo? 2. Comprende la dirección artística: En este episodio de dirección de arte para la web, te voy a enseñar qué significa la dirección del arte y por qué importa aprendiendo de algunos de los directores de arte más influyentes de los últimos 60 años y viendo algunos increíbles ejemplos de la web de hoy. Para empezar, vamos a estudiar estas dos historias. Son un ejemplo de arte que dirige un artículo de noticias sobre el caso del cártel de drogas más largo de la USDEA de dos maneras muy diferentes. Estas páginas contienen ambas la misma copia escrita, muchas de las mismas fotografías. Una es del Atlántico, donde la información se presenta de manera intencionalmente materia de hecho para hacer que su lector piense que el Atlántico es equilibrado y confiable. El otro viene de ProPublica. Aquí, las ilustraciones transmiten violencia, con una intensidad que habría sido difícil de estómago usando la fotografía. Estas ilustraciones hacen que la gente se sienta tensa y aterrorizada y ya sabes, está bien. Los lectores deben experimentar estas emociones cuando están leyendo sobre tiroteos y derretiendo a los narcotraficantes en activo. El proceso de evocar esos sentimientos se llama dirección artística. Estas historias fueron de arte dirigidas con dos objetivos muy diferentes en mente. Las decisiones que se tomaron al diseñar estos artículos dependieron de factores que exploraré a lo largo de este curso. ¿ Cómo podríamos definir la dirección del arte? Bueno, una interpretación mía es que la dirección utiliza el diseño para evocar intencionalmente una respuesta emocional de alguien cuando lee un artículo. Bueno, usan un producto, bueno visitan un sitio web. La dirección del arte tiene una larga y fascinante historia y muchos directores de arte talentosos hicieron un trabajo que no solo ha resistido la prueba del tiempo, sino que también se ha vuelto icónico. Te voy a enseñar sobre tres directores de arte cuyo trabajo me inspira todos los días. La primera persona de la que quiero hablarles es Alexey Brodovitch quien arte dirigió revista Harper's Bazaar de 1934 a 1958. Entonces, ¿qué puedo decir de alguien que escogió Pablo Picasso para ganar el primer lugar en un concurso de carteles. Bueno, te diré qué, es demasiado para apretar estos pocos minutos. Brodovitch era más que un director de arte. Fue un artista y un fotógrafo realmente hábil que se llevó, entre otros, a Diane Arbus y Richard ávido Don. Es evidente que fue el conocimiento de la fotografía de Brodovitch lo que le dio a su trabajo su sensación clásica. De alguna manera supo instintivamente combinar fotografías con contenido escrito, convirtiendo a menudo el texto en formas que contrastaban con las formas en su fotografía o espejo. dirección artística de Brodovitch para Harper's Bazaar, la revista de moda ha influido en los diseñadores desde entonces. Encuentro que sus bocetos de maquetación son los más informativos porque muchas veces aprendo más sobre cómo piensa alguien, al mirar su trabajo en progreso en lugar de simplemente el resultado terminado. Ahora, hasta hace poco, no estaba al tanto del nombre Bea Feitler, aunque su portada de Rolling Stone en la que figuraba una fotografía de un John Lennon desnudo envuelto alrededor de un Yoko Ono totalmente vestido, que fue disparada por Annie Leibovitz, es una de las portadas de revistas más icónicas jamás diseñadas. A principios de la década de 1960 y todavía estaba sólo en sus 20 Feitler fue uno de los directores de arte más jóvenes de la industria editorial. Con su audaz uso del color, trabajo de Feitler sobre Harper's, caracteriza el ánimo optimista de Estados Unidos en ese periodo. Pero no fue sólo el color que usó en sus páginas, lo cual fue memorable. Porque en 1965, elenco la primera modelo negra en aparecer en la portada de una revista de moda mainstream. Ah, y también una vez besó a Andy Warhol a mediados de los 80. Estaba obsesionada con la música. Por lo que fue difícil no saber de la Revista Face. Sabía que había algo especial al respecto. A pesar de que en ese momento no sabía quién era Neville Brody ni siquiera qué hacía un director de arte. En caso de que no lo sepas. The Face fue una revista de cultura, moda y música que se publicó en Gran Bretaña hasta 2004. Y Brody trabajó como director de arte hasta 1986. Al igual que el punk, el rostro tenía una actitud rebelde hacia el establecimiento. Gran parte del trabajo de Brody fue experimental. Una vez describe la cara es un laboratorio vivo donde podría experimentar y luego hacer que se publique. Su regla de oro era cuestionar todo. Después de la cara, Brody trabajó en campañas publicitarias e identitarias. Fundó la revista interactiva Fuse y una biblioteca de tipografía de fuente. Entonces, ¿qué puede alguien que trabajó hace décadas en los mundos de publicidad y la dirección del arte de la revista enseñarnos sobre nuestros medios completamente modernos. Bueno, diseñar experiencias es más que simplemente hacer algo utilizable. Realmente vale la pena tener un amplio interés por el arte y el diseño. Siempre vale la pena ser audaz, y a veces vale la pena ser rebelde. Volvamos a la dirección artística de Diablos, Deals y la DEA, el artículo de ProPublica. Si diseño una nueva historia sobre un cártel de drogas, necesito exponer los hechos de quién, qué, dónde, cuándo, cómo y por qué. Necesito saber quién está involucrado, qué ocurrió, dónde sucedió algo, cuándo ocurrieron los hechos, por qué qué lo pasó, sucedió como el Atlántico. Puedo afirmar esos hechos de una manera que está bien, cuestión de hecho. Pero por lo general hay más de contar historias que simplemente retransmitir hechos. Eso es porque cuando alguien está leyendo sobre un señor mexicano de la droga, quiero que sienta algo. Yo quiero que se sientan tranquilos o agitados, ansiosos, o aterrorizados, alentados, tal vez obsesionados. Me pregunté cómo quiero que alguien se sienta antes de empezar el arte dirigiendo cada nuevo diseño. Por supuesto, el terror no sería apropiado si estoy escribiendo publicidad, materiales de marketing o tal vez incluso notificaciones de productos. No voy a decir que tu archivo no se subió. Deberías estar aterrorizada. Pero los barones de la droga son malvados. Hacen cosas espantosas y están ahí fuera. Por eso cuando dirijo su versión de esa historia anterior, ProPublica eligió una dirección más dramática porque querían que la gente se sintiera consternada mientras la leían. Esa elección de ilustraciones ayudó a estimular esas emociones. Cuando ProPublica optó por usar las ilustraciones de Ted McDonald sobre el caos y la violencia y la muerte. Cambiaron a los lectores de estar interesados a quedar horrorizados. Si bien el enfoque del Atlántico fue mucho más fáctico. ProPublica quiso provocar una fuerte reacción emocional a su versión. Mi viejo amigo, Dan Mali explica que sin dirección de arte nos quedan con experiencias secas, estériles se olvidan fácilmente. Ya sea que estés trabajando en un producto o en un sitio web. A lo mejor estás diseñando boletines de correo electrónico o pantallas de inicio de sesión o notificaciones o incluso un proceso de incorporación. Si eres como yo, lo último que quieres que la gente sienta es que tus diseños son secos y estériles y rápidamente olvidados. dirección artística puede evitar que eso suceda. En estos días, es común que muchas personas diferentes con muchas habilidades diferentes trabajen en el diseño de todas esas cosas. La diferencia entre los medios impresos y la web es que dirección del arte no tiene por qué ser una consideración separada de las actividades normales. Al igual que la accesibilidad y la dirección del arte performance deben ser parte de todo lo que haces día a día. En la dirección del arte web no es solo el trabajo de una persona. Los diseñadores gráficos o diseñadores de productos o diseñadores de UX y diseñadores web todos deben hacer dirección de arte. Los vendedores generales y de productos también pueden dirigir el arte incluso un CEO puede ser un director de arte cuando están preocupados por cómo se sienten las personas mientras viven un negocio. Por supuesto, la dirección del arte toma un buen ojo, pero a todos se les puede enseñar. Se necesita práctica. Pero no más que convertirse en un diseñador o desarrollador consumado. Entonces, ¿necesitas convencer a tu jefe o a tu cliente es dirección de arte debe ser algo a tomar en serio. No, sólo hazlo. Lleva la dirección del arte a lo que diseñas o desarrollas todos los días y la gente va a notar la diferencia. Espero que este episodio de dirección de arte para la web te enseñe sobre la importancia de la dirección del arte. Ahora, asegúrate de ver todos los videos de este curso y conocer más sobre este tema y más en mi libro. 3. Valores de marcas y dirección artística: En este episodio, voy a enseñarte sobre cómo los valores de marca de tu organización pueden influir en la dirección artística de tu producto o sitio web. Algunas personas aún entran en conflicto con el branding dentro de la identidad visual de la organización. Colorean paleta, logo, tagline y tipografía, y quizá su tono de voz. Pero el branding es más de lo que la gente escucha o ve. Se trata de personalidad, propósito, y sobre todo, de una relación y organización que tiene con otras personas. Ahora bien, este no es un curso de branding. Entonces, ¿qué quiero decir con valores de marca en el contexto de la dirección del arte, un buen negocio de cualquier tipo depende de buenas relaciones. De hecho, Howard Schultz, quien fue dos veces el CEO de Starbucks, dijo que si la gente cree que comparte valores donde la empresa, se mantendrán fieles con la marca. Si quieres crear relaciones duraderas con los clientes, necesitarás definir claramente los valores de tu marca para que las personas puedan sentir una afinidad con ellos. Muchas organizaciones comienzan basando sus valores de marca en cómo les gustaría ser percibidos por sus clientes. Piensan en obras como amigables, profesionales, confiables, y de buena relación calidad-precio. Pero esas palabras podrían aplicarse a cualquier negocio que opere en el mismo sector. Ahora conozco a algunas personas sombrías, pero alguna vez has conocido a alguien que intencionalmente no quiso ser percibido como profesional o digno de confianza. Palabras como estas, se vuelve sin sentido, es un apasionado del pescado y las patatas fritas o la eficiencia fiscal. Elegir estos es tu valor no ayudará a definirte. Puedes confiar en mí, soy profesional. Ahora, un montón de empresas conocidas tienen valores claros de marca y estos son diferentes de una empresa a otra. Por ejemplo, Adobe es genuino, excepcional, innovador e involucrado. Pero he luchado para ver cómo esos valores son diferentes a cualquier número de empresas que fabrican software e incluso algunas que no lo hacen. Por otro lado, los valores de bill the bears coinciden perfectamente con la lúdica de esa marca. Incluyen diversidad, colabora y festejan. Quizás mi actual conjunto de valores favorito viene del espacio cuadrado. Incluyen ser tu propio cliente. El diseño no es un lujo. Empoderar a las personas y el buen trabajo lleva tiempo. Si eres el dueño de rueda que una app en un sitio web para un libro en un auto rápido y él se escapa conductor, o ¿querrías que los clientes digan sobre tu servicio? Ahora, no lo pienses demasiado. En cambio, piense en los tres o cuatro valores. Quieres que la gente vea una nueva organización para el hombre de la rueda. Podrían ser rápidos, eso es rápido y fácil de usar. Rápido para alejarte. Honesto, porque hasta los delincuentes quieren saber en quién pueden confiar. Confiable. Nadie quiere que se quede parado fuera de un banco, no con la sal fuera. El valor de la marca debe ser claro y consistente a lo largo de todo lo que hagas. Pero, ¿por qué deberían serlo? Sigamos con Wellman y vayamos con el conocimiento. Conocemos las mejores rutas de vuelta por carretera para escapar. Eso lleva el nombre del examen que debe aprobar todo taxista negro de Londres. Ten coraje para conducir rápido y alejarte limpio, sé adaptable. Porque nunca se sabe lo que hay a la vuelta de la siguiente esquina. Organizaciones valores de marca forman esa estrategia para la dirección del arte. Ayudan a tener en cuenta esa estrategia a la hora de tomar decisiones sobre el diseño. ¿ Cómo se traducen esos valores marrones en dirección artística para el hombre de la rueda? Bueno, deben informar que vamos a los mensajes del hombre a los clientes sobre lo que hace la empresa y por qué la gente debe usarlos para escapar. Esto se resume en el lema directo, se sale con la suya, se sale con la suya, que no es para confundirse, se sale con la suya, que podría ser el lema de una empresa de viajes. valor también debería influir en el tono de voz de todo con todos mis derechos, desde el contenido de ese sitio web hasta el estilo de notificaciones y otra micro copia en la app. Ahora, este es un lugar ideal para que el hombre de la rueda muestre su personalidad muy distintiva, incluyendo quemador, correo electrónico y dicho tiempo de atraco, los valores de la marca de Wellman de conocimiento, coraje y adaptabilidad también influyen en la forma en que quieren que las personas se sientan al usar su aplicación o leer su sitio web. Ellos quieren que estén seguros en el conocimiento de que los conductores de Wellman tienen la experiencia para llevarte a donde necesitas ir. Eso no es cárcel quieren que la gente se sienta tranquilizada por su pericia, pesar de que la palabra tranquilizadora no se menciona explícitamente. Quieren que la gente se sienta segura. Aunque no digan la palabra confianza. Ambos están implícitos un ilustrado lo largo de todo lo que el hombre voluntad comunica y diseña. Los estilos de fundación, que incluyen una paleta de colores, logotipo y una tipografía, también pueden verse influenciados por los valores de marca. topografía es particularmente crucial para transmitir la personalidad de una marca. Ahora la gente suele decir que las tipografías tienen caracteres, pero prefiero pensar que tienen voces diferentes. Cada voz tiene su combinación única de tono y textura e imágenes de Tambora y cómo las mostramos también tiene un enorme impacto en cómo las personas perciben nuestros diseños. Ya sea que sea en un comercial, o en un sitio web editorial, o dentro de un producto. lo tiene si eliges fotografía o ilustración para dar vida a tu contenido y funcionalidad. Por ejemplo, en el sitio web de Wellman, elegí la fotografía en blanco y negro para artículos históricos como este sobre el notorio ejecutor del sur de Londres, loco Frankie Fraser o sobre esto, sobre Amy Johnson, quien fue la primera mujer en volar en solitario desde el Reino Unido a Australia. Su asombrosa historia merece contar de una manera tan emocionante como su largo viaje. Ahora elegí la fotografía en color para el contenido del día de hoy, incluyendo este Mini Cooper y estas maletas, las cuales necesitarás si quieres escapar después de un robo, traducir exitosamente los valores de marca en dirección de arte es esencial para garantizar que cualquier producto o sitio web refleje a la organización que lo hace. ¿ Has definido valores de marca para tu organización si no has pasado algún tiempo antes del siguiente episodio considerando lo que quieres que digan tus clientes sobre tu organización, producto o servicio, y cómo te gustaría que se sientan al respecto? Espero que este episodio de dirección de arte para la web te enseñe la parte de que los valores de marca pueden jugar una dirección de arte. Asegúrate de ver todos los videos de esta charla. Podrás conocer más sobre este tema y más en mi libro. 4. Decide tus principios de diseñar diseño: Bienvenido de nuevo. En este episodio, voy a enseñarte sobre cómo definir los principios de diseño de tu organización y cómo estos pueden influir en la dirección artística de tu producto y sitio web. Ahora, un breve creativo debería hablarte sobre los objetivos de un proyecto de diseño individual. Pero los principios de diseño son herramientas invaluables para ayudarle a mantener una experiencia de marca consistente en todos los productos y sitios web. El proceso de decisión de estos principios también puede ser extraordinariamente gratificante. Ajunta a personas de toda una organización y ayuda a desarrollar un entendimiento compartido más formas de juzgar si un diseño refleja la marca, los objetivos y los valores de su organización. Hace unos años, los dueños de Smashing Magazine me pidieron que les ayudara durante la fase conceptual de su nuevo diseño de sitio web. Rediseñar una marca famosa, particularmente una que es tan conocida por su público, no es un trabajo que emprenda a la ligera. Después de varias semanas de talleres y decenas de iteraciones de diseño, entregué un conjunto de diseños conceptuales y algunas ideas y prototipos, para que el equipo de Smashing Magazine pudiera comunicar mucho más lo que necesitaban de un nuevo diseñador claramente. Aquí te presentamos dos de mis diseños conceptuales para la revista Smashing. Después armado con mis conceptos, el equipo de Smashing recurrió a Danmore y le pidió diseños completos que se sintieron bien para Smashing Magazines, personalidad distintiva y su posicionamiento único. El equipo utilizó palabras como comunidad, peculiares, y vibrantes para describir su marca y los diseños buscados que, en sus palabras, llegaron a 11. Aclarar lo que palabras como vibrantes significan visualmente es algo que Dan hace excepcionalmente bien. Para asegurar que todos compartieran un entendimiento común, creó un chock de página lleno de ejemplos visuales de esos principios de diseño. Para usar las palabras de Dan, “La comunidad Smashing es vibrante, así que tengamos una paleta de colores que se sienta vibrante. Usemos rojos brillantes y naranjas y azules y luego tonos más oscuros para compensarlos”. Dan representó esto juguetonamente dando elementos redondeados o radio de precisamente 11 píxeles. Si no lo has visto ya, giró sus avatares y otras características precisamente por 11 grados. Estas discusiones en torno a los principios del diseño ayudan a Dan a crear un diseño que es distintivamente Smashing Magazine. Aplicó su firma naranja liberalmente, y optó por las tipografías, una por legibilidad y la otra por sus formas de letras peculiares. El equipo de Smashing Magazine también quiso enfatizar cómo sus comunidades y contenido tienen dimensiones, amplitud y profundidad. Dan levantó el diseño introduciendo elementos tridimensionales, para fuentes de luz y sombras. tanto que sitios similares exhiben pequeños avatares de sus autores, Dan optó por enfatizar a las personas detrás del contenido de Smashing Magazine mediante el uso de grandes fotografías que colocó arriba, no debajo de su escritura. Entonces, ¿el diseño de Dan para la revista Smashing es peculiar? Diablos, sí. ¿ Es vibrante? Absolutamente. Muchas empresas conocidas ahora han puesto sus principios de diseño a disposición para que aprendamos. Al igual que los valores de marca, estos principios son diferentes de empresa a empresa. Por ejemplo, la misión de Google es organizar la información del mundo y hacerla universalmente accesible y útil. Sus 10 cosas que sabemos que son verdaderas incluyen; enfocarse en el usuario y todo lo demás seguirá. Rápido es mejor que lento. Se puede ganar dinero sin hacer el mal. El Gobierno del Reino Unido, los principios de Servicios Digitales están destinados a personas que construyen servicios digitales para el dominio gov.uk. Incluyen construir para la inclusión, diseñar con datos, y hacer el arduo trabajo para hacerlo sencillo. Ahora si eres el dueño de Wheelman, ¿qué principios te gustaría guiar el diseño continuado de la app y página web? Cuando estaba diseñando Wheelman la sola palabra principios que tenía en mente, somos audaces, intrépidos, y oportunos. El formulario que tomen tus principios de diseño dependerá cuánto quieras aclarar el significado de tus palabras. Podrías, como lo hice, simplemente usar una sola palabra como intrépido o podrías expandir esa palabra en una frase para proporcionar un poco más de claridad como tomar decisiones audaces que hagan el trabajo. No tengas miedo de tomar decisiones difíciles para nuestros clientes. Dar a la gente sólo lo que necesita cuando lo necesitan. También podrías juntar estos formatos así. Tan intrépido. No tengas miedo de tomar decisiones difíciles para nuestros clientes. Ten cuidado sin embargo, no uses demasiadas palabras ya que esto a veces puede diluir el principio y puede aumentar la confusión dependiendo de tu mezcla de principios de diseño, no siempre va a ser posible abordar cada principio. Pero incluso los principios únicos pueden ser una excelente herramienta para juzgar si un diseño refleja la marca, los objetivos y los valores de su organización. Cuál de estos diseños de Wheelman demuestra mejor mi principio de audacia. La audacia no tiene por qué ser principalmente sobre colores prominentes o audacia en la tipografía. También se puede representar a través de su elección de diseño y diseño que rompe con la convención de un banner jumbotron de ancho completo y utiliza una imagen alta completa en su lugar, también sería una opción audaz. Cambiar el estilo típico de la navegación interior para que ambos reflejen la marca Wheelman y mejoren la usabilidad en pantallas pequeñas también sería un movimiento audaz. Por supuesto, principios como audaces, intrépidos y oportunos no serán relevantes para todas las organizaciones. Por lo que debes pasar algún tiempo antes del próximo episodio considerando los mejores principios para guiar tus diseños. Ahora bien, no hagas esto solo, porque a menudo el proceso colaborativo de decidir sobre los principios de diseño de tu organización puede ser tan valioso como los propios principios. principio de diseño debe influir en la dirección artística, diseño y el desarrollo de cada aspecto de un producto o sitio web. Eso sólo puede suceder cuando los diseñadores y desarrolladores los tienen en cuenta. Encontré que la mejor manera de asegurar que todos involucrados con un diseño tengan en cuenta los principios de diseño, es convertirlos en artículos como carteles o postales, que guardo en la pared de mi estudio y en la oficina del cliente. Esto es algo que los servicios digitales gubernamentales hicieron realmente con éxito y sus carteles hacen obvio que en un campo como el nuestro, podemos hacer herramientas tan creativas como nuestro trabajo. Ahora espero que este episodio de dirección de arte para la web te enseñe la parte que los principios de diseño pueden jugar en la dirección del arte. Asegúrate de ver todos los videos de este curso y descubre más sobre este tema y más en mi libro. 5. Crea el perfil de tu público e historias de usuarios: Bienvenido de nuevo. En este episodio, te voy a enseñar sobre las personas del público y historias de los usuarios y cómo pueden influir en la dirección artística de tu producto o sitio web. Ahora primero, un resumen rápido para cualquiera que sea nuevo en escribir personas o historias de usuarios. Si eres diseñador de experiencia de usuario, no te saltes este episodio. Sin duda ya sabrás sobre las personas de la audiencia y las historias de los usuarios. Pero, ¿cómo se relacionan con la dirección del arte? Además mi opinión sobre las personas y las historias probablemente va a ser bastante diferente a la tuya. En marketing y en UX, generalmente pensamos en dos tipos de personas, una persona comprador y una persona de usuario. Empezaré enumerando algunos hechos sobre mi primera persona. Quiero que conozcas a Reggie. Tiene 35 años y está casado. Es un ex boxeador y dueño de un club nocturno, y vive en Hoxton, en el este de Londres. Ahora además de una tabla, puedo agregar una breve biografía que describe a Reggie con más detalle. Podría decir, Reggie es la copropietaria del club nocturno Esmeralda Barn en Knightsbridge en Londres. Es varios otros intereses empresariales diversos, entre ellos un guardaespaldas y una firma de protección para estrellas de Hollywood, entre ellos Frank Sinatra. Los compradores son personas a las que le estás vendiendo. A quién quieres convencer para que compre tu producto o servicio, y quieres que sea fácil para ellos desprenderse de su dinero. estos también se les suele llamar personas de marketing. Una persona de usuario es alguien que consume o utiliza el producto o servicio que usted realiza. Si trabajas en editorial o noticias, también pueden ser personas que leen tu contenido. Si las personas pueden ser mayormente ficticias, aunque deben estar basadas en el conocimiento de personas reales que usan tu producto o sitio web. Podrías obtener este conocimiento viendo a la gente usarlo o entrevistándolos. A continuación, agrego más información sobre Reggie, sus rasgos de personalidad y la experiencia que tiene en TI y redes sociales y con software. Utilizo una simple escala deslizante para ilustrar esos atributos. En ocasiones, una persona de comprador y una persona de usuario son la misma persona. Para usar un ejemplo de hombre de ruedas, alguien que quiera aprender sobre la organización de auto de escapada rápida es probable que sea la misma persona que quiere escapar en uno. Personas le dan un nombre, historia de fondo, y a veces incluso un rostro a una persona. Cuando creas una persona, puedes agregar cualquier información personal o profesional relevante. Por ejemplo, la edad y tal vez su género si eso es relevante, dónde viven, su trabajo, si tienen uno, cómo es su hogar o su entorno laboral. Posiblemente sus metas y frustraciones o qué canal de noticias prefieren. Ahora, sé selectivo y solo incluye lo que necesitas. He visto muchas personas que leen más como muchas novelas porque contienen tanta información. La mayor parte apenas relevante si es relevante en absoluto. A mí me gusta mantener mis personas muy cortas y sencillas. Constantemente me pregunto cómo los atributos en cualquier persona podrían influir en mi dirección artística. Después de todo, no hay razón para incluir información que no sea relevante. Por ejemplo, ¿hay edad relevante? O para hombre de rueda que es más probable que sea importante o el género de alguien. Porque las personas mayores también sacan robos. Donde vive alguien también es importante. Ya que podría necesitar evitar algunas referencias culturales o localizar mi redacción de copias para diferentes países. Los canales de noticias que alguien prefiera serán más relevantes si estás trabajando en un sitio web editorial. Pero menos cuando estás diseñando una app para ayudar a la gente a escapar. Mi propia persona objetivo de escritura es entender la personalidad y las características de alguien. Porque entenderlas me dará un conocimiento claro de cómo podrían estar sintiendo y me ayudará a crear mejores historias de usuario. A pesar de que realmente no me gusta la palabra usuario y prefiero la palabra audiencia. Las Historias del usuario son fabulosas para capturar problemas de diseño porque te animan a pensar no solo en un problema, sino también en la persona que tiene el problema. Por eso es importante pensar con claridad en las personas de tu audiencia antes de empezar a escribir historias de usuario. Personas te ayudan a pensar en personas reales en situaciones reales. Ellos te ayudarán a crear historias de usuario precisas. Cuando escribes una historia de usuario, debes hacerlo desde el punto de vista de alguien que quiera realizar una tarea usando tus productos o sitio web. Mis historias de usuario a menudo siguen un formato establecido, persona más necesidad más propósito. Se trata de una persona con una característica. Persona o quién. Lo que esperan lograr. Necesidad de qué. ¿ Por qué están haciendo lo que están haciendo? Ese es el propósito. ¿Es el por qué? Esto suele traducirse como quién, necesito, o quiero. Entonces eso, el por qué. Encuentro un formato sencillo que mantiene las historias de los usuarios fáciles de entender e inequívocas. Pero puedes experimentar con diferentes formatos de historia que se adaptan a tu público y ayudan a tu equipo. Usaría ese formato para crear dos historias de usuario para el hombre de la rueda. Ahora, sé que probablemente no estarás diseñando para que la gente se escape después de un robo. Pero este formato funciona igual de bien, sin importar el trabajo que estés realizando. Comience con características. Reggie, como alguien planeando un robo. Ahora, agrega lo que Reggie espera lograr. Como alguien que está planeando un robo, quiero que un auto de huida me lleve rápida y confiablemente de la joyería a mi casa de seguridad. Por último, el motivo para necesitarlo o quererlo. Como alguien que está planeando un robo, quiero tener un auto de huida esperando para llevarme del objetivo a mi casa segura. Porque existe la posibilidad de que la policía llegue rápidamente al lugar de los hechos. No intentes capturar más de un problema en una sola historia de usuario. Esa misma persona podría inspirar más de una historia dependiendo de cuáles sean sus necesidades. Por ejemplo, para Reggie, como alguien que está planeando un robo, quiero un auto de huida que no me pueda rastrear ni a mí ni a ninguno de mis cómplices porque la policía usará videovigilancia del robo para tratar de atraparme. Una vez que tenga una base sólida para una historia de usuario, reduzca y refine eliminando cualquier información que no sea vital para el propósito de la historia. A modo de ejemplo, puedo simplificar el lenguaje de esta historia. Como alguien planeando un robo, quiero un auto de huida irrastreable porque la policía usará vigilancia. Me gusta desarrollar tanto personas como historias de usuario en colaboración con otras personas ya que esto me ayuda a aprovechar el conjunto más amplio de experiencias y conocimientos. En ocasiones colaboro con dueños de negocios , propietarios de productos, y vendedores. Otras veces podría incluir a personas de desarrollo o de equipos de marketing. personas del público y las historias de usuario deben influir en la dirección artística , el diseño y el desarrollo de cada aspecto de un producto o sitio web. Pero eso solo puede suceder cuando los diseñadores y desarrolladores los tienen en cuenta. He encontrado que la mejor manera de asegurar que todos involucrados con el diseño tengan en mente las personas y las historias de usuario, es convertirlas en artículos como carteles o postales, que guardo en la pared de mi estudio y en la de mi cliente oficina para recordarle a todos a quién estamos diseñando y los problemas que estamos tratando de resolver. Esto es algo que Mailchimp hizo con mucho éxito. Ahí los carteles lo hacen realmente obvio en un campo como el nuestro, podemos hacer que nuestras herramientas sean tan creativas como nuestro trabajo. Espero que este episodio de dirección de arte para la web te enseñara la parte del público, las personas, y las historias de usuarios puedan jugar una dirección de arte. Asegúrate de ver todos los videos de este curso y descubre más sobre este tema y más en mi libro. 6. Diseña un recorrido del cliente: Bienvenido de nuevo. En este episodio, te voy a enseñar sobre los viajes de los clientes, y cómo estos pueden influir en la dirección artística de tu producto o sitio web. Ahora, siempre sonrío cuando escucho a diseñadores refiriéndose a alguien usando un producto o un sitio web como viaje. Después de todo, comprar un cable o pagar un impuesto de autos en línea difícilmente es lo mismo que llegar a Mordor. Aún así, sean viajes o no, mapear la experiencia de un cliente puede ser un proceso muy útil para ayudarte a mejorarla. No necesitas ser un asistente para conjurar un mapa de viaje del cliente. No es un proceso mágico. De hecho, cualquiera puede y debe hacerlo. Aquí está mi guía de cinco minutos de viajes de clientes y dirección de arte. ¿ Qué es un viaje del cliente? ¿Cómo lo mapea? Creo que Paul Boag tiene la mejor explicación, y escribió : “Una persona se enfoca en la persona mientras un mapa de viaje del cliente se centra en su experiencia” ¿Por qué hacer uno? De nuevo, creo que Paul ofrece la mejor cotización, “Un mapa de viaje del cliente es una historia diseñada para proporcionar información sobre el viaje de un cliente”. Los mapas de viaje del cliente te ofrecen una vista sobre la totalidad de la experiencia del cliente, y te muestran dónde podría haber oportunidades para mejorarla en toda la dirección. Los mapas de viaje pueden ser poderosos para nuestra dirección porque te ayudan a entender no sólo lo que alguien está tratando de hacer, sino también cómo podría estar sintiendo mientras lo está haciendo. Por ejemplo, ¿cómo podría sentirse alguien al presionar un enlace en un correo electrónico o publicaciones sociales y antes de llegar a tu sitio web por primera vez, qué podría estar sintiendo alguien mientras se está registrando en tu producto o servicio? Cómo puede sentirse alguien cuando recibe un e-mail de confirmación sobre algo que ha comprado, o una reserva que ha realizado. Preguntas como estas se centran en el cliente, y cómo podrían estar sintiendo, que es algo que a menudo se olvida cuando se enfoca únicamente en objetivos empresariales como el aumento de ventas o las anotaciones. Los sentimientos de un cliente probablemente cambiarán a medida que utilice un producto o sitio web. Por ejemplo, cuando ven un enlace en una publicación social o en un correo electrónico, podrían ser curiosos e interesados. Después de saber más sobre lo que un producto o servicio puede hacer, podrían sentirse aliviados de haber encontrado una solución a su problema, mientras que se inscriben también podrían sentirse emocionados. Después de hacer una reserva o una compra, esperamos que se sientan felices. Un mapa de viaje del cliente no tiene por qué ser un diagrama complicado como este. De hecho, la mejor manera de ilustrar lo que podría sentir un cliente es mostrarte un mapa que creé para Wellman. Dividí este mapa en las cinco etapas que a menudo se mencionan en un viaje de compradores de marketing. El primero es la conciencia. Alguien pasa de no conocer un producto o servicio a saber que está disponible. Podrían ver un anuncio, una recomendación en redes sociales, o podrían recibir un correo electrónico. Entonces considerando que se dan cuenta de que tienen una necesidad y que su producto o servicio puede ayudar a satisfacerlo. Consideraron si comprarlo o no. Aquí es donde vas a necesitar hacer algo convincente. Oye, podrías considerar no solo su experiencia de compra, sino también lo que sucede mientras esperan un correo electrónico de activación, o incluso una entrega física. Reteniendo, alguien utiliza el producto o servicio. Quieres que tengan una buena experiencia para que sigan siendo clientes y sigan diciéndole a otras personas cuánto les gusta tu producto o sitio web. Abogando, no hay nada más bonito que un cliente feliz ayudando a vender un producto para ti difundiendo la voz y diciéndole a sus amigos. A veces podría ser más específico sobre un área particular de un producto o sitio web que en el caso de Wellman, podría incluir reservar un chofer de escapada o una entrega de alimentos a una casa segura. Por mi ejemplo en Wellman, podría mapear viajes como establecer una hora de atraco, escoger tu destino, tal vez una permuta de autos, una pista de aterrizaje privada o una casa segura, elegir un chofer de escapada, aceptar la tomar y luego confirmar el trabajo. Antes de comenzar a crear su mapa de viaje del cliente, averigúle qué información ya tiene sobre lo que hace la gente cuando está utilizando su producto o sitio web. El lugar más obvio para empezar es mirando los análisis, ya que éstos a menudo te dirán las partes más populares de tu sitio web o producto. Si aún no tienes analíticas instaladas, ahora es el momento de instalarlas. redes sociales es donde mucha gente escucha por primera vez acerca de un producto o servicio. Existen varias herramientas como HootSuite, que es una de las mejores herramientas gratuitas de escucha en redes sociales, o TweetReach, o incluso TweetDeck de Twitter, que te brinda información útil sobre lo que la gente está diciendo. Aunque los datos sólo te dirán tanto. Prefiero hablar con los clientes, y si no puedo ponerme en contacto con ellos directamente, hablo con vendedores o personal de atención al cliente que tienen contacto con ellos todos los días. Encontré la mejor manera de conseguir que las personas en una organización que a menudo no estén de acuerdo sobre las cosas más pequeñas para acordar un mapa de viaje del cliente es reuniéndolas en un taller, invitar a los clientes si puedes, y cualquier persona que influya en el diseño de su experiencia incluyendo a los directivos superiores, porque a menudo tienen la palabra final. No trate un taller de viaje de clientes como cualquier otra reunión. En cambio, debes establecer metas claras y objetivos realistas para lo que quieras lograr. A menos que tu producto o sitio web sea increíblemente simple, no esperes crear un mapa en una sola sesión. Elige un paso de tu mapa. Quizás la conciencia, y enfocarse en eso en una sesión. Trabaja en el siguiente paso en el próximo taller y construye tu mapa a partir de ahí. Durante cada taller, identifique lo que la gente está tratando de lograr, qué necesitan saber, cómo podrían estar sintiendo. Piensa en los puntos de contacto que encontrarán. Por ejemplo, al pasar de la compra a la retención, los puntos de contacto podrían incluir formularios de registro, páginas de pago, inicios de sesión o el proceso de incorporación. Durante el taller, trazar lo que alguien está haciendo, las preguntas que está haciendo, lo que está pensando, los puntos de contacto que se encuentran y cómo se siente. Haz esto en una plantilla básica de mapa de viaje del cliente como esta. Esta plantilla no tiene por qué ser tu producto terminado, es solo una herramienta para organizar la información que recopila antes de diseñar tu mapa final de viaje del cliente. Sea lo que sea que tu mapa ilustre, ten cuidado de no complicar más los asuntos o confundir a las personas al incluir demasiada información. Tu mapa debe incluir solo lo que se necesita para describir lo que alguien está haciendo y cómo quieres que se sienta. También debes diseñar tus mapas de viaje de clientes de una manera que haga que comprenderlos sea fácil y relevante para las personas que necesitan usarlos. Puedes hacerlas coloridas o atractivas. Tu objetivo debe ser que las personas les presten atención para que mantengan como se sienten los clientes y cada paso en el viaje es lo más importante en sus mentes. A mí me gusta pensar en los mapas de viaje del cliente como carteles. Podrían colgar en la pared de mi estudio mientras estoy diseñando, o en las paredes en la oficina del cliente. De esa manera no serán olvidados ni sin usar. Espero que este episodio de dirección de arte para la web te enseñe la parte que los mapas de viaje del cliente pueden aplicar en dirección de arte. Asegúrate de ver todos los videos de este curso, y descubre más sobre este tema y más en mi libro. [MÚSICA] 7. Decide cómo quieres que se sienta la gente: Bienvenido de nuevo. En este episodio, te voy a enseñar cómo puedes decidir cómo quieres que se sienta la gente, y cómo esto puede influir en la dirección de tu producto o sitio web. Ahora, de vuelta en el episodio 2 de este curso, sugerí que nuestra dirección puede interpretarse como el uso de técnicas de diseño para evocar intencionalmente una respuesta emocional de alguien cuando lee un artículo o usa un producto o visita un sitio web. Empecé en ese episodio mirando dos interpretaciones muy diferentes de una historia sobre el caso de cártel de drogas más largo de la DEA. Uno era del Atlántico, el otro de ProPublica. Esas páginas contienen ambas la misma copia escrita y muchas de las mismas fotografías. La interpretación por parte del Atlántico se presenta manera intencionalmente materia de hecho, mientras que en ProPublica, las ilustraciones transmiten violencia con una intensidad que habría sido difícil de aguantar si hubieran utilizado la fotografía. Estas ilustraciones hacen que las personas se sientan tensas y aterrorizadas y eso está bien porque los lectores deben experimentar estas emociones al leer sobre derretir los narcotraficantes y activos. Cuando alguien siente la forma en que pretendías cuando lee una historia o usa una aplicación, has logrado comunicar tu mensaje o propósito. La comunicación es de lo que realmente se trata la dirección del arte. Estas historias en The Atlantic y ProPublica fueron arte dirigido con dos objetivos muy diferentes en mente. Las decisiones tomadas por sus diseñadores tenían la intención de apoyar esos objetivos. Cuando diseño una nueva historia sobre un cártel de drogas, necesito diseñar el qué, dónde, cómo y por qué, quién estuvo involucrado y qué ocurrió, dónde ocurrió, cuándo ocurrieron los hechos, ¿por qué ocurrieron? Puedo quedarme esos hechos de una manera que está bien, cuestión de hecho. Pero hay más de contar historias que simplemente retransmitir hechos. Cuando alguien está leyendo sobre un señor mexicano de la droga, ¿quiero que se sientan tranquilos, o quiero que se sientan aterrorizados? He tramado esas emociones en tres escalas. ¿ Quiero leerlo para sentirme tranquilo? No. ¿Relajado? No una oportunidad. ¿ Incómodo? Absolutamente. Yo quiero que se repartan en sus asientos. ¿ Y qué hay de agitado? Sí. Yo quiero que se sientan frenéticos y de ojos abiertos y trabajados también. Voy a querer que los clientes se sientan relajados cuando se estén registrando en mi producto o servicio usando su tarjeta de crédito. Pero al leer sobre una guerra contra las drogas, definitivamente no. No quisiera que se sintieran incómodos, mientras están leyendo mis Condiciones de Servicio. Pero derretir a la gente en ácido. Definitivamente. No hay manera de que quiera que alguien se sienta agitado mientras usa una aplicación bancaria. Pero al pensar en la violencia alimentada por las drogas en las calles de México, apuestas tu marcapasos de fondo a lo que hago. ¿ Y qué hay de alentado? Eso reduce cuando alguien está aprendiendo cómo los productos o servicio resuelven el problema de alguien. Deberían sentirse motivados para saber más, impulsados aunque la ofrenda sea lo suficientemente convincente. Obsesionado. Cuando se trata de cerrar los cárteles de la droga, obsesión es exactamente la emoción que quiero evocar. Me pregunté, cómo quiero que alguien se sienta antes de empezar el arte dirigiendo cada nuevo diseño. Por supuesto, el terror no sería apropiado cuando estoy escribiendo copia para una notificación de producto. Tu contraseña es incorrecta, deberías estar aterrorizada. En cambio, elijo un conjunto diferente de emociones, más apropiado al contenido o contexto. pautas de voz y tono de chimpancés masculinos contienen una lista útil de emociones de ejemplo. Incluyen sentimientos negativos como la ira, molestia, la confusión y la impotencia. Así como sentimientos positivos como la anticipación, la confianza, la emoción, y la confianza. No estamos dirigiendo su versión de la historia del cártel de drogas. ProPublica eligió una dirección más dramática porque querían que la gente se sintiera consternada mientras lo leía. Su elección de las emotivas ilustraciones de Tim McDonald sobre el caos y la violencia y la muerte ayuda a estimular esas emociones y desplazar a los lectores hacia arriba en la escala emocional de los interesados a sentirse consternados por lo sucedido. Si como el Atlántico, eligieron un fotomontaje más convencional, esa aguja podría haberse movido menos. Muchas revistas y periódicos han luchado para llevar la calidad del diseño y la dirección artística de sus publicaciones impresas a la web. Pero ProPublica es una excepción. Enfrentan los mismos retos editoriales, creativos y técnicos que otras organizaciones de noticias. Pero los han resuelto desarrollando un proceso que involucra directores y diseñadores de arte a principios del ciclo editorial. Para Lost Mothers, ProPublica no sólo utilizó la cuadrícula de puntos como navegación a una historia sobre cada mujer sino también para ilustrar cuántas mujeres no han sido identificadas, como me explicó su director de arte Rob Weychert. La idea detrás del diseño no era sacudir a la gente necesariamente sino darte una sensación de lo poco que realmente se sabe o se entiende de lo que está pasando. En cada viñeta también se incluyen fotografías de la familia de una madre perdida y de sus seres queridos para dar a su historia un impacto más emocional. La gente presta atención a historias poderosamente accionadas. Se notan. Una increíble historia de violación, arte dirigido para la web por ProPublica es el director diseñado David Slate ganó un Premio Pulitzer por reportaje explicativo. Ahora bien, esta historia es aún más notable porque fue escrita por dos periodistas. Uno estaba reportando desde el punto de vista de la mujer, el otro desde el de la policía, y en sí mismo esto no es inusual. Pero en lugar de fusionar dos voces en una, el editor las mantuvo separadas. Al ser el director de arte, David reconoció las dos líneas de tiempo y las voces alternas hicieron que la historia fuera más poderosa. Hacemos hincapié en las distinciones a través de sus opciones de diseño. El relato de la mujer utiliza ilustraciones especialmente comisionadas mientras que el relato policial incluye fotografía. Su historia siempre se cuenta a la izquierda, hay a la derecha. Con la introducción y epílogo que es relevante para ambos colocados en el centro. Una increíble historia de violación es una historia convincente que se cuenta de manera más emotiva, por su dirección artística. Al mirar algunos de los mejores diseños editoriales en la web hoy en día. Espero que este episodio de dirección artística para la web te enseñe la importancia de evocar los sentimientos correctos a través de la dirección artística. Asegúrate de ver todos los videos de este curso, y podrás conocer más sobre este tema y más en mi libro. 8. Crea una narrativa: En este episodio, te voy a enseñar sobre el arte dirigiendo la experiencia de tu producto y página web, hablando del proceso de creación de una narrativa. Cuando escribió, Art Direction Goes Digital, que era su capítulo en el libro, Art Direction Explicated At Last, Khoi Vinn dijo: “La dirección del arte es una buena narración”. Continuó describiendo que a lo largo de su larga historia, lo que más valoramos en la práctica de la dirección artística es ésta; la capacidad de controlar los elementos Myriad en un diseño de tal manera que se produzca un sostenido, experiencia narrativa cohesiva y distintiva. Ya sea que escribamos hecho o ficción, vendamos o hacemos productos, la forma en que involucramos a las personas, creamos deseos, las hacemos felices y las animamos a que se queden de esa manera es creando narrativas. Si no eres del tipo estudioso, una narrativa es un relato hablado o escrito de eventos conectados. Es una historia. Lo importante de esa definición no es tanto que se escriba o se hable un relato, sino que los eventos que describe una historia estén conectados. Esas conexiones crean caminos en la mente de alguien. Si bien están en esos caminos, puedes influir en cómo se sienten a lo largo de la dirección. Las lecciones sobre la elaboración de narrativas generalmente te enseñan que antes de escribir tu primera palabra, debes decidir sobre los resultados, un elenco, historias de fondo y una trama. En este ejemplo de una narrativa de diseño, voy a desempeñar el papel de CEO de la compañía relojera Panzera. Podrían ser el autor de esta historia. Cada proyecto de historia y cada proyecto de dirección de arte debe comenzar preguntándose, ¿ qué resultado queremos? ¿ Cómo queremos que alguien se sienta? relojes Panzera son los mejores de su clase. Si soy su CEO, quisiera que la gente se sintiera feliz de haber descubierto nuestra marca y emocionado de comprar. Yo diría, pretendemos que aprender sobre comprar y luego recibir nuestros productos sean una experiencia fabulosa. Queremos convertir a los visitantes ocasionales en clientes, y luego en embajadores para nuestra marca. ¿ Quiénes son nuestros personajes? ¿Dije personajes? Nos referimos a nuestros clientes, o lectores, o nuestros usuarios, en su mayoría tienen entre 30 y 55 años, y las personas que compran regalos únicos para ellos, tienen algún ingreso disponible, pero no gasto ilimitado poder. Están preparados para gastar más porque usar un gran reloj es importante para ellos. El reloj que llevan hace una declaración sobre ellos, y les encantó hablar de ello. Se puede pensar en estos como personas de usuario. Permítanme darles un ejemplo. Reggie está en sus treinta y es el dueño de un club nocturno en Knight'sBridge, que es una parte de moda del West End londinense. A menudo visita a otras personas de negocios y lleva relojes en parte como símbolo de su éxito, pero también como punto de conversación. Está al tanto de nuestra marca, y ha visitado nuestra página web varias veces. ¿ Qué queremos que suceda? Algunos tutoriales narrativos recomiendan diagramas de flujo para hacer un seguimiento de una parcela, la misma manera que podría mapear un viaje de cliente. Piensa en los puntos de trama como puntos de contacto. Espero que puedas ver lo similares que son las experiencias de usuario de diseño, a escribir historias. Reggie nos revisita, y ve nuestra última edición. Pasó varios minutos navegando fotografías y leyendo. Con sólo unos cuantos relojes restantes, decide hacer una compra. El checkout es suave, y Reggie se siente confiado, incluso feliz, y sonríe mientras lee el correo electrónico de confirmación personal que le enviamos. Pocos días después, entregamos el reloj de Reggie y él toma un fuerte respiro cuando abre la caja. Antes de que incluso se ponga el reloj en su muñeca, Reggie publica una fotografía en sus feeds de redes sociales. En su próxima reunión, Reggie no puede esperar para lucir su nuevo reloj. Todo esto fue arte dirigido a hacer que Reggie se sienta al principio tranquilizado, y luego encantado de que sea elegido para comprar a la empresa. En esa historia, Reggie ya está familiarizado con la marca, y eso no es un accidente. La empresa ha pasado años el arte dirigiendo sus canales de redes sociales. Todo lo que publican es intencional e inmaculado. Publican fotografías en Instagram con regularidad. Todos ellos son filmados por fotógrafos profesionales y son cuidadosamente dirigidos al arte para mantener una apariencia y mensaje consistentes. Además del contenido y estilo de la fotografía y el video, dirección artística también influye en el tono de voz y lenguaje que una empresa utiliza al escribir en canales sociales y otros de marketing. Panzera lleva fabricando relojes sólo desde 2009, pero la historia de la relojería resuena con sus clientes. Su vocabulario enfatiza palabras como Heritage concerniente a la empresa, y Moderno, Vintage y Neo-clásico cada vez que hablan de sus diseños. El sitio web está bien diseñado y es fácil de navegar, pero hay más en una página convincente que solo un diseño atractivo. La dirección artística ayuda a garantizar que el diseño de un sitio web respalde plenamente los valores de una empresa a través de la elección y el estilo de fotografías o ilustraciones. Conecta objetos visuales con mensajes escritos para contar historias, y a través de ellos lograr los objetivos de una empresa para su sitio web. Los relojes son un importante punto de conversación para Reggie. Para apelar a personas como él, el sitio web de Panzera enfatiza los aspectos más distintivos de su diseño de piezas de tiempo. Copia se enfoca en sus diseños de corona y mano, reforzados por la fotografía de primer plano. El reloj es sólo parte de la historia, aunque, igualmente importante, es lo que la gente dice al respecto. En la empresa se incluyen revisiones y testimonios para aumentar el atractivo del producto. Algunas personas podrían describir ideas como ésta como psicología, pero no soy psicóloga. Para mí, esto es sólo saber un poco de lo que hace que la gente se marque, y por supuesto, la dirección de arte. Espero que este episodio de dirección de arte para la web te enseñe el papel que las historias juegan una dirección de arte. Asegúrate de ver todos los videos de este curso y descubre más sobre este tema, y más en mi libro. 9. Conclusión: Ahora, como mi verdadero auto de hombre es hora de que haga que un veloz se escapa. Cuando me propuse realizar este curso, quería enseñar a la gente sobre la importancia de la dirección del arte para la web y cómo puede ayudar a la gente a contar historias que mejor se conecten con el público. Quería que directores de arte experimentados supieran cómo sus habilidades pueden ser tan valiosas para la web como lo son para la página impresa. Sobre todo, quería que los diseñadores y desarrolladores web aprendieran a hacer que la dirección del arte funcione para productos digitales o sitios web. Tanto si diseñas sitios web que se ejecutan en plataformas como Shopify o Squarespace, semanas o WordPress, como si elaboras artesanalmente cada aspecto de una experiencia digital. La dirección de arte hará que tu sitio sea más efectivo en la comunicación, persuasión y venta. Si desarrollas productos, duración del arte los hará más convincentes y, en última instancia, más agradables de usar. Espero que este curso te inspire a pensar en la dirección del arte, y cómo puede hacer que tu trabajo y la web sean mucho mejores para todos. ¿ La dirección de arte es relevante para la web? Absolutamente, lo es. ¿ Contamos con las tecnologías y herramientas para entregar dirección de arte para cualquier producto y sitio web? No hay duda de eso. Podrás conocer más sobre este tema y más en mi libro. Dirección de Arte para la Web, que está disponible en artdirectionfortheweb.com. Ese sitio web también contiene mi lista de lectura recomendada de otros libros sobre dirección de arte, libros que me han influido y mi trabajo para la web. Creo que he desempeñado mi papel. Gracias por ver. El resto depende de ti, y te veré en mi próximo curso.