Direção de arte para a web | Andy Clarke | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      3:24

    • 2.

      O que é direção de arte

      9:18

    • 3.

      Valores de marca e direção de arte

      6:48

    • 4.

      Decidindo seus princípios de design

      7:16

    • 5.

      Criando personas de público e histórias de usuário

      8:07

    • 6.

      Projetando a jornada de um cliente

      7:58

    • 7.

      Decidindo como você quer que as pessoas se sintam

      7:07

    • 8.

      Criando uma narrativa

      6:38

    • 9.

      Conclusão

      1:53

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

5.107

Estudantes

9

Projetos

Sobre este curso

Neste curso, você aprenderá sobre direção de arte: o que significa, por que importa, quem pode fazer e, acima de tudo, como se aplica à web.

Se você trabalha com direção de arte há bastante tempo ou como designer de impressão, este curso ajudará você a entender como levar seu talento para a web. Ele também pode ajudar designers e desenvolvedores web que querem entender mais sobre direção da arte e como fazê-la funcionar para produtos e sites. Quem também pode se beneficiar do curso são desenvolvedores que desejam aprender os princípios de design usados por designers todos os dias para que possam aplicá-los a sites de qualquer plataforma.

Também fiz este curso para mim, pois estou cansado de ver sites sem substância que parecem idênticos uns aos outros. Espero que este curso possa ajudar a mudar esse cenário.

Conheça seu professor

Teacher Profile Image

Andy Clarke

Art director, designer, and mentor

Professor

Andy Clarke’s a well-known digital designer, speaker, and writer who’s based in the UK. 

Andy founded Stuff & Nonsense, one of the best-known web design studios, where he designed for Disney Store UK, Greenpeace, SunLife, and WWF. Andy’s written four popular books on website design and development including Art Direction for the Web, Hardboiled Web Design Fifth Anniversary Edition, Hardboiled Web Design, and Transcending CSS.

Andy’s been called plenty of things since he started working on the web. His ego likes terms such as “Ambassador for CSS,” “industry prophet” and “inspiring,” but he’s most proud that Jeffrey Zeldman once called him a “triple-talented bastard.”

He really, re... Visualizar o perfil completo

Habilidades relacionadas

Design Design de UI/UX
Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Oi, meu nome é Andy Clark e sou diretor de arte e designer aqui no meu estúdio, “Coisas e bobagens”. Por 20 anos, ajudei empresas, grandes e pequenas, caridade como Greenpeace e WWF a melhorar seus sites e projetos de produtos. Agora este é um curso sobre direção de arte para a web e na próxima hora, eu vou ensiná-los sobre nossa direção. Vou dizer-te o que significa e porque é que importa. Vou explicar quem pode fazer isso e o mais importante, como isso se aplica à web. Agora, se você é um diretor de arte experiente ou designer que trabalha em impressão, este curso ajudará você a entender como levar seu talento para a web. Também é para web designers e desenvolvedores que querem entender a direção da arte e como fazê-lo funcionar para produtos digitais e sites. Este curso também é destinado a desenvolvedores que querem aprender os princípios de design que os designers usam todos os dias, eles possam aplicá-los a sites em qualquer plataforma. Vou ensiná-los por que a direção artística é importante para a web, aprendendo com alguns dos diretores de arte mais influentes dos últimos 60 anos. Incluindo Alexey Brodovitch e seu trabalho influente para a revista de moda Harper's Bazaar nas décadas de 1930 e 40. Bia Filer, que foi uma das primeiras diretoras de arte femininas de Harper, e que lançou a primeira modelo preta a ser destaque na capa da revista de moda mainstream. Sem esquecer Neville Brody, que a arte rebelde dirigiu a revista Face Fashion and Music Magazine na Grã-Bretanha nos anos 80. Então você vai aprender, como os valores da sua marca podem influenciar a direção da arte. Você aprenderá a decidir sobre os princípios que guiarão seu design. Como as histórias de personagens e usuários podem ajudá-lo a criar narrativas e decidir como você quer que as pessoas se sintam. Vou ensiná-lo sobre onde a direção artística pode influenciar a experiência de alguém quando ela está usando um produto ou um site, e onde a direção de arte pode ser mais relevante e, em seguida, como se preparar para tornar o que você projetar mais eficaz através direção de arte pensativa. Para me ajudar a descrever como art-direcionar projetos para produtos e sites, eu fiz Wheel Man, que é um aplicativo para reservar um carro rápido e um motorista de fuga, além de um site companheiro que é repleto de conselhos sobre como para garantir que você pode sair limpo. O site do homem da roda também conta aos leitores sobre alguns dos infame criminosos e gangues de Londres na década de 1960, e os assassinatos, roubos e violência que eles cometeram. Eu ficaria feliz se você aprendesse com os exemplos do Roda Man, mas eu não sugiro que você siga esses passos sangrentos de criminosos. Eu também escrevi um livro, por coincidência, é chamado de Direção de Arte para a Web, onde eu entro em mais detalhes sobre todos esses tópicos. Você pode descobrir mais sobre esse livro em artdirectionfortheweb.com. Eu realmente quero que este curso seja tão agradável quanto informativo. Então junte-se a mim nesta direção de arte para o curso web e descubra mais sobre este tópico e mais no meu livro. Você está pronto? 2. O que é direção de arte: Neste episódio de direção de arte para a web, eu vou ensinar a vocês o que a direção de arte significa e por que isso importa aprendendo com alguns dos diretores de arte mais influentes dos últimos 60 anos e olhando para alguns exemplos da web hoje. Para começar, vamos estudar essas duas histórias. Eles são um exemplo de arte dirigindo um artigo de notícias sobre o caso mais longo do cartel de drogas da USDEA de duas maneiras muito diferentes. Estas páginas contêm a mesma cópia escrita, muitas das mesmas fotografias. Uma é do Atlântico, onde a informação é apresentada de forma intencional para fazer com que o leitor pense que o Atlântico é equilibrado e fiável. O outro vem da ProPublica. Aqui, ilustrações transmitem violência, com uma intensidade que teria sido difícil de estômago usando a fotografia. Essas ilustrações fazem as pessoas se sentirem tensas e aterrorizadas e você sabe, tudo bem. Os leitores devem experimentar essas emoções quando estão lendo sobre tiroteios e derretimento de traficantes de drogas em ativos. O processo de evocar esses sentimentos é chamado de direção de arte. Estas histórias eram arte dirigida com dois objetivos muito diferentes em mente. As decisões que foram tomadas ao projetar esses artigos dependiam de fatores que eu vou explorar ao longo deste curso. Como podemos definir direção artística? Bem, uma interpretação minha é que a direção usa o design para evocar intencionalmente uma resposta emocional de alguém quando lê um artigo. Bem, eles usam um produto, bem eles visitam um site. A direção de arte tem uma história longa e fascinante e muitos diretores de arte talentosos fizeram trabalhos que não só resistiram ao teste do tempo, mas também se tornaram icônicos. Vou te ensinar sobre três diretores de arte cujo trabalho me inspira todos os dias. A primeira pessoa que quero falar é Alexey Brodovitch que dirigiu a revista Harper's Bazaar de 1934 a 1958. Então, o que posso dizer sobre alguém que escolheu Pablo Picasso para ganhar o primeiro lugar em uma competição de cartazes. Bem, vou te dizer uma coisa, é muito para espremer nestes poucos minutos. Brodovitch era mais do que um diretor de arte. Ele era um artista e um fotógrafo muito habilidoso que levou, entre outros, Diane Arbus e Richard ávido Don. É evidente que foi o conhecimento de Brodovitch da fotografia que deu ao seu trabalho um toque clássico. De alguma forma, ele instintivamente sabia como combinar fotografias com conteúdo escrito, muitas vezes transformando texto em formas que contrastam ou espelham as formas em sua fotografia. direção artística de Brodovitch para Harper's Bazaar, a revista de moda tem influenciado os designers desde então. Eu acho que seus esboços de layout são os mais informativos porque muitas vezes eu aprendo mais sobre como alguém pensa, olhando para o seu trabalho em andamento em vez de apenas o resultado final. Agora, até recentemente, eu não sabia o nome Bea Feitler, embora a capa da Rolling Stone que apresentava uma fotografia de um John Lennon nu envolto em uma Yoko Ono totalmente vestida, que foi filmada por Annie Leibovitz, é uma das capas de revistas mais icônicas já projetadas. No início da década de 1960 e ainda era apenas em seus 20 anos Feitler era um dos mais jovens diretores de arte da indústria editorial. Com seu uso ousado da cor, o trabalho de Feitler sobre Harper caracteriza o humor otimista dos Estados Unidos nesse período. Mas não era apenas a cor que ela usou em suas páginas, o que foi memorável. Porque em 1965, ela lançou o primeiro modelo preto a ser destaque na capa de uma revista de moda mainstream. E ela também uma vez beijou Andy Warhol em meados dos anos 80. Eu estava obcecado com música. Então foi difícil não saber sobre a revista Face. Eu sabia que havia algo de especial nisso. Embora na época eu não soubesse quem era Neville Brody ou mesmo o que um diretor de arte fazia. No caso de você não saber. The Face foi uma revista de cultura, moda e música que foi publicada na Grã-Bretanha até 2004. E Brody trabalhou como diretor de arte até 1986. Como o punk, o rosto tinha uma atitude rebelde em relação ao estabelecimento. Grande parte do trabalho de Brody foi experimental. Ele descreveu uma vez que o rosto é um laboratório vivo onde ele poderia experimentar e depois publicá-lo. Sua regra de ouro era questionar tudo. Depois do rosto, Brody trabalhou em campanhas publicitárias e identitárias. Ele fundou a revista interativa Fuse e uma biblioteca de tipos de fontes. Então, o que alguém que trabalhou décadas atrás nos mundos da publicidade e direção de arte de revista pode nos ensinar sobre nossa mídia completamente moderna. Bem, projetar experiências é mais do que apenas tornar algo utilizável. Realmente vale a pena ter um amplo interesse na arte e no design. Sempre vale a pena ser ousado, e às vezes vale a pena ser rebelde. Vamos voltar à direção artística de Devils, Deals and the DEA, o artigo da ProPublica. Se eu projetar uma nova história sobre um cartel de drogas, preciso expor os fatos de quem, o quê, onde, quando, como e por quê. Eu preciso saber quem está envolvido, o que aconteceu, onde algo aconteceu, quando os eventos aconteceram, por que o que aconteceu, aconteceu como o Atlântico. Posso declarar esses fatos de uma maneira que é bem, questão de fato. Mas geralmente há mais em contar histórias do que apenas retransmitir fatos. Isso é porque quando alguém está lendo sobre um traficante mexicano, eu quero que eles sintam algo. Quero que se sintam calmos ou agitados, ansiosos, aterrorizados, encorajados, talvez obcecados. Perguntei a mim mesmo como queria que alguém se sentisse antes de começar a dirigir cada novo design. Claro, o terror não seria apropriado se eu estivesse escrevendo publicidade, materiais de marketing ou talvez até notificações de produtos. Eu não vou dizer que o seu arquivo não foi enviado. Você deveria estar apavorada. Mas os barões da droga são maus. Eles fazem coisas terríveis e estão lá fora. É por isso que quando estou dirigindo a versão da história anterior, ProPublica escolheu uma direção mais dramática porque queria que as pessoas se sentissem chocadas enquanto a lessem. Essa escolha de ilustrações ajudou a estimular essas emoções. Quando a ProPublica escolheu usar as ilustrações de Ted McDonald de caos, violência e morte. Eles mudaram os leitores de estarem interessados em ficar horrorizados. Embora a abordagem do Atlântico fosse muito mais factual. ProPublica queria provocar uma forte reação emocional à sua versão. Meu velho amigo, Dan Mali explica que sem direção artística ficamos com experiências secas e estéreis são facilmente esquecidas. Se você está trabalhando em um produto ou em um site. Talvez você esteja projetando boletins informativos por e-mail ou telas de login ou notificações ou até mesmo um processo de integração. Se você é como eu, a última coisa que você quer que as pessoas sintam é que seus desenhos são secos e estéreis e rapidamente esquecidos. A direção artística pode impedir que isso aconteça. Hoje em dia, é comum que muitas pessoas diferentes com muitas habilidades diferentes trabalhem no design de todas essas coisas. A diferença entre a mídia impressa e a web é que direção da arte não precisa ser uma consideração separada das atividades normais. Assim como a acessibilidade e a direção da arte performática devem fazer parte de tudo o que você faz no dia-a-dia. Na direção da web arte não é o trabalho de uma pessoa. Designers gráficos ou designers de produtos ou designers de UX e web designers devem fazer direção artística. marketing geral e de produtos também podem dirigir arte até mesmo um CEO pode ser um diretor de arte quando eles estão preocupados com a forma como as pessoas se sentem enquanto estão experimentando um negócio. Claro, a direção da arte tem um bom olho, mas todos podem ser ensinados. É preciso praticar. Mas não mais do que se tornar um designer ou desenvolvedor realizado. Então você precisa convencer seu chefe ou seu cliente é direção de arte deve ser algo para levar a sério. Não, apenas faça isso. Traga a direção da arte para o que você desenha ou desenvolve todos os dias e as pessoas vão notar a diferença. Espero que este episódio de direção de arte para a web ensinou sobre a importância da direção de arte. Agora, não se esqueça de assistir a todos os vídeos deste curso e saber mais sobre este tópico e mais no meu livro. 3. Valores de marca e direção de arte: Neste episódio, vou ensinar-lhe como os valores da marca da sua organização podem influenciar a direção artística do seu produto ou site. Algumas pessoas ainda entram em conflito com a identidade visual da organização. Eles paleta de cores, logotipo, slogan e tipografia, e talvez seu tom de voz. Mas branding é mais do que o que as pessoas ouvem ou veem. É sobre personalidade, propósito, e acima de tudo, sobre um relacionamento e organização tem com outras pessoas. Isto não é um curso de branding. Então, o que eu quero dizer com valores de marca no contexto da direção da arte, um bom negócio de qualquer tipo depende de bons relacionamentos. Na verdade, Howard Schultz, que foi duas vezes o CEO da Starbucks, disse que se as pessoas acreditarem que compartilham valores onde a empresa, permanecerão leais com a marca. Se você quiser criar relacionamentos duradouros com os clientes, precisará definir claramente os valores da sua marca para que as pessoas sintam afinidade com eles. Muitas organizações começam baseando seus valores de marca em como eles gostariam de ser percebidos por seus clientes. Eles pensam em trabalhos como amigável, profissional, confiável e de bom valor. Mas essas palavras podem aplicar-se a qualquer empresa que opere no mesmo setor. Agora eu conheço algumas pessoas obscuras, mas você já conheceu alguém que intencionalmente não queria ser percebido como profissional ou confiável? Palavras como estas, torna-se sem sentido, é apaixonado por peixe e batatas fritas ou eficiência fiscal. Escolher estes é o seu valor não vai ajudar a defini-lo. Você pode confiar em mim, eu sou um profissional. Agora, muitas empresas bem conhecidas têm valores de marca claros e estes são diferentes de empresa para empresa. Por exemplo, a Adobe é genuína, excepcional, inovadora e envolvida. Mas eu tenho lutado para ver como esses valores são diferentes de qualquer número de empresas que fazem software e até mesmo algumas que não fazem. Por outro lado, faturar os valores dos bears combinam perfeitamente com a brincadeira dessa marca. Eles incluem diversidade, colabora e celebram. Talvez meu atual conjunto favorito de valores venha do espaço quadrado. Eles incluem ser seu próprio cliente. Design não é um luxo. Capacitar os indivíduos e um bom trabalho leva tempo. Se você é o proprietário da roda que um aplicativo em um site para um livro em um carro rápido e ele fica motorista afastado, ou você gostaria que os clientes a dizer sobre o seu serviço? Agora, não pense demais. Em vez disso, pense nos três ou quatro valores. Você quer que as pessoas vejam uma nova organização para o homem das rodas. Eles podem ser rápidos, isso é rápido e fácil de usar. Rápido para te tirar daqui. Honestamente, porque até os criminosos querem saber em quem podem confiar. Confiável. Ninguém quer ficar do lado de fora de um banco, não com o sal fora. O valor da marca deve ser claro e consistente em tudo o que você faz. Mas por que deveriam ser? Vamos ficar com Wellman e seguir com o conhecimento. Conhecemos as melhores rotas para escapar. Esse nome é após o exame que todo motorista de táxi preto em Londres deve passar. Tenha coragem para dirigir rápido e sair limpo, ser adaptável. Porque nunca se sabe o que está na próxima esquina. Os valores da marca das organizações formam essa estratégia para a direção da arte. Eles ajudam a manter essa estratégia em mente ao tomar decisões sobre design. Como esses valores marrons se traduzem em direção de arte para o homem da roda? Bem, eles devem informar que enviaremos mensagens aos clientes sobre o que a empresa faz e por que as pessoas devem usá-los para fugir. Isso é resumido no slogan direto, escapa com ele, escapa com ele, que não é para ser confundido com, escapa com a gente, que pode ser o slogan para uma empresa de viagens. Valor também deve influenciar o tom de voz de tudo com todos os meus direitos, desde o conteúdo desse site até o estilo de notificações e outras microcópias no aplicativo. Agora, este é um lugar ideal para o homem da roda para mostrar sua personalidade muito distinta, incluindo queimador, e-mail e hora de roubo, os valores da marca Wellman de conhecimento, coragem e adaptabilidade também influenciam a forma como querem que as pessoas sintam ao usar seu aplicativo ou ler seu site. Eles querem que eles estejam seguros sabendo que os motoristas da Wellman têm a experiência para levá-lo para onde você precisa ir. Isso não é prisão que eles querem que as pessoas se sintam tranquilizadas por sua experiência, mesmo que a palavra tranquilizadora não seja mencionada explicitamente. Querem que as pessoas se sintam confiantes. Mesmo que não digam a palavra confiança. Ambos estão implícitas um ilustrado ao longo de tudo o que o homem comunica e desígnios. Estilos de base, incluindo uma paleta de cores, logotipo e tipografia, também podem ser influenciados pelos valores da marca. topografia é particularmente crucial para transmitir a personalidade de uma marca. Agora as pessoas costumam dizer que os tipos de letra têm caracteres, mas eu prefiro pensar neles como tendo vozes diferentes. Cada voz tem a sua combinação única de tom e textura e imagens Tambora e como as mostramos também tem um enorme impacto na forma como as pessoas percebem os nossos designs. Seja em um site comercial, editorial ou dentro de um produto. Assim, tem se você escolher fotografia ou ilustração para dar vida ao seu conteúdo e funcionalidade. Por exemplo, no site Wellman, eu escolhi fotografia em preto e branco para artigos históricos como este sobre o famoso executor do sul de Londres, louco Frankie Fraser ou sobre isso, sobre Amy Johnson, que foi a primeira mulher a voar solo do Reino Unido para a Austrália. Sua história surpreendente merece ser contada de uma maneira que é tão emocionante quanto sua longa jornada. Agora eu escolhi fotografia a cores para o conteúdo atual, incluindo este Mini Cooper e essas malas, ambos os quais você vai precisar se você quiser fugir após um roubo, traduzir com sucesso os valores da marca em direção de arte é essencial para garantir que qualquer produto ou site reflete a organização que o faz. Você definiu valores de marca para sua organização se você não passou algum tempo antes do próximo episódio considerando o que você quer que seus clientes digam sobre sua organização, produto ou serviço e como você gostaria que eles se sentissem sobre isso. Espero que este episódio de direção de arte para a web ensinou parte que os valores da marca podem desempenhar uma direção de arte. Certifique-se de assistir todos os vídeos nesta palestra. Você pode descobrir mais sobre este tópico e mais no meu livro. 4. Decidindo seus princípios de design: Bem-vinda de volta. Neste episódio, vou ensinar-lhe como definir os princípios de design da sua organização e como estes podem influenciar a direção artística do seu produto e site. Agora, um resumo criativo deve informá-lo sobre os objetivos de um projeto de design individual. Mas os princípios de design são ferramentas inestimáveis para ajudá-lo a manter uma experiência de marca consistente em todos os produtos e sites. O processo de decisão destes princípios também pode ser extraordinariamente gratificante. Ele reúne pessoas de toda a organização e ajuda a desenvolver um entendimento compartilhado além de maneiras de avaliar se um design reflete a marca, os objetivos e os valores da sua organização. alguns anos, os donos da Smashing Magazine pediram-me para ajudá-los durante a fase de conceito do seu novo website design. Redesenhar uma marca famosa, particularmente uma que é tão conhecida pelo seu público, não é um trabalho que eu empresto de ânimo leve. Depois de várias semanas de workshops e dezenas de iterações de design, eu entreguei um conjunto de projetos conceituais e algumas ideias e protótipos, para que a equipe da Smashing Magazine pudesse comunicar muito mais o que precisavam de um novo designer Claramente. Aqui estão dois dos meus projetos conceituais para a revista Smashing. Em seguida, armada com meus conceitos, a equipe Smashing virou-se para Danmore e pediu-lhe projetos completos que pareciam certos para Smashing Magazines, personalidade distinta e seu posicionamento único. A equipe usou palavras como comunidade, peculiar e vibrante para descrever sua marca e queria designs que foram, em suas palavras, chegando a 11. Esclarecer o que palavras como vibrantes significam visualmente é algo que Dan faz excepcionalmente bem. Para garantir que todos compartilhassem um entendimento comum, ele criou uma página cheia de exemplos visuais desses princípios de design. Para usar as palavras de Dan, “A comunidade Smashing é vibrante, então vamos ter uma paleta de cores que pareça vibrante. Vamos usar vermelhos brilhantes, laranjas e azuis e, em seguida, tons mais escuros para compensá-los.” Dan brincarosamente representou isso dando elementos arredondados ou raio de precisamente 11 pixels. Se você ainda não o viu, ele rodou seus avatares e outras características em precisamente 11 graus. Essas discussões em torno de princípios de design ajudam Dan a criar um design que é distintamente Smashing Magazine. Ele aplicou sua assinatura laranja liberalmente, e ele escolheu as fontes, uma para legibilidade e outra para suas formas de letra peculiares. A equipe da Smashing Magazine também queria enfatizar como suas comunidades e conteúdo têm dimensões, amplitude e profundidade. Dan levantou o design introduzindo elementos tridimensionais, para fontes de luz e sombras. Enquanto sites similares exibem pequenos avatares de seus autores, Dan escolheu enfatizar as pessoas por trás conteúdo da Smashing Magazine usando grandes fotografias que ele colocou acima, não abaixo de sua escrita. O Dan foi desenhado para a revista Smashing? Inferno, sim. É vibrante? Absolutamente Muitas empresas bem conhecidas já disponibilizaram seus princípios de design para aprendermos. Assim como os valores da marca, esses princípios são diferentes de empresa para empresa. Por exemplo, a missão do Google é organizar as informações do mundo e torná-las universalmente acessíveis e úteis. Suas 10 coisas que sabemos serem verdadeiras incluem; concentre-se no usuário e tudo o resto seguirá. Rápido é melhor do que lento. Você pode ganhar dinheiro sem fazer o mal. Os princípios do Governo do Reino Unido, Serviços Digitais destinam-se a pessoas que criam serviços digitais para o domínio gov.uk. Eles incluem compilação para inclusão, design com dados e fazer o trabalho duro para torná-lo simples. Agora, se você é o proprietário do Wheelman, quais princípios você gostaria de orientar o design contínuo do aplicativo e do site? Quando eu estava projetando Wheelman os princípios de uma única palavra que eu tinha em mente, somos ousados, destemidos e oportunos. A forma que seus princípios de design assumem dependerá quanto você deseja esclarecer o significado de suas palavras. Você pode, como eu fiz, apenas usar uma única palavra como destemido ou você pode expandir essa palavra em uma frase para fornecer um pouco mais de clareza como fazer escolhas ousadas que fazem o trabalho feito. Não tenha medo de tomar decisões difíceis para nossos clientes. Dê às pessoas apenas o que elas precisam quando elas precisam. Você também pode reunir esses formatos assim. Tão destemido. Não tenha medo de tomar decisões difíceis para nossos clientes. Tenha cuidado, porém, não use muitas palavras, pois isso às vezes pode diluir o princípio e pode aumentar a confusão dependendo da sua mistura de princípios de design, nem sempre será possível abordar todos os princípios. Mas mesmo princípios únicos podem ser uma excelente ferramenta para avaliar se um design reflete a marca, os objetivos e os valores da sua organização. Qual desses projetos do Wheelman melhor demonstra meu princípio de ousadia. ousadia não precisa ser principalmente sobre cores proeminentes ou ousadia na tipografia. Ele também pode ser representado através de sua escolha de layout e layout que quebra com a convenção de um banner jumbotron de largura total e usa uma imagem alta completa em vez disso, também seria uma escolha ousada. Alterar o estilo típico de navegação interna para refletir a marca Wheelman e melhorar a usabilidade em telas pequenas também seria um movimento ousado. Claro, princípios como ousados, destemidos e oportunos não serão relevantes para todas as organizações. Então você deve passar algum tempo antes do próximo episódio considerando os melhores princípios para orientar seus projetos. Agora, não faça isso sozinho, porque muitas vezes o processo colaborativo de decidir sobre os princípios de design de sua organização pode ser tão valioso quanto os próprios princípios. princípio do design deve influenciar a direção da arte, design e o desenvolvimento de todos os aspectos de um produto ou site. Isso só pode acontecer quando designers e desenvolvedores os mantêm em mente. Descobri que a melhor maneira de garantir que todos envolvidos com um design mantenham os princípios de design em mente, é transformá-los em itens como cartazes ou cartões postais, que eu mantenho na parede do meu estúdio e no escritório do cliente. Isso é algo que os serviços digitais do governo fizeram com sucesso e seus cartazes tornam óbvio que em um campo como o nosso, podemos criar ferramentas tão criativas quanto nosso trabalho. Agora eu espero que este episódio de direção de arte para a web ensinou a parte que os princípios de design podem desempenhar na direção de arte. Certifique-se de assistir a todos os vídeos deste curso e saber mais sobre este tópico e mais no meu livro. 5. Criando personas de público e histórias de usuário: Bem-vinda de volta. Neste episódio, vou ensinar-lhe sobre personas do público e histórias de usuários e como eles podem influenciar a direção artística do seu produto ou site. Agora, primeiro, uma visão geral rápida para quem é novo em escrever personas ou histórias de usuários. Se você é um designer de experiência de usuário, não pule este episódio. Você, sem dúvida, já sabe sobre personas do público e histórias de usuários. Mas como eles se relacionam com a direção da arte? Além disso, minha opinião sobre personas e histórias provavelmente será bem diferente da sua. Em marketing e em UX, geralmente pensamos em dois tipos de personas, uma persona comprador e uma persona de usuário. Começarei listando alguns fatos sobre minha primeira personalidade. Quero que conheças o Reggie. Ele tem 35 anos e é casado. Ele é um ex-boxeador e dono de uma boate, e ele mora em Hoxton, no leste de Londres. Agora, bem como uma tabela, posso adicionar uma breve biografia que descreve Reggie com mais detalhes. Posso dizer, Reggie é o co-proprietário da boate Esmeralda Barn em Knightsbridge em Londres. Ele é vários outros interesses comerciais diversos, incluindo um guarda-costas e uma empresa de proteção para estrelas de Hollywood, incluindo Frank Sinatra. Compradores são pessoas para quem você está vendendo. Quem você quer convencer a comprar seu produto ou serviço, e você quer tornar mais fácil para eles a parte com seu dinheiro. Estes também são frequentemente chamados de personas de marketing. Uma pessoa de usuário é alguém que consome ou usa o produto ou serviço que você faz. Se você trabalha em editoriais ou notícias, eles também podem ser pessoas que lêem seu conteúdo. Se personas podem ser principalmente fictícios, embora eles devem ser baseados no conhecimento de pessoas reais que usam seu produto ou site. Você pode obter esse conhecimento observando as pessoas usá-lo ou entrevistando-os. Em seguida, adiciono mais informações sobre Reggie, seus traços de personalidade e como ele é experiente em TI, mídias sociais e com software. Eu uso uma escala deslizante simples para ilustrar esses atributos. Às vezes, uma pessoa comprador e uma pessoa de usuário são a mesma pessoa. Para usar um exemplo de homem roda, alguém que quer aprender sobre a organização de carro fuga rápida é provável que seja a mesma pessoa que quer fugir em um. Personas dão um nome, história de fundo, e às vezes até um rosto para uma pessoa. Ao criar uma persona, você pode adicionar qualquer informação pessoal ou profissional relevante. Por exemplo, idade e talvez seu gênero se isso for relevante, onde eles vivem, seu trabalho, se eles têm um, como é sua casa ou seu ambiente de trabalho. Possivelmente seus objetivos e frustrações ou qual canal de notícias eles preferem. Agora, seja seletivo e inclua apenas o que você precisa. Eu vi muitas pessoas que lêem mais como muitos romances porque eles contêm tanta informação. A maior parte é pouco relevante se for relevante. Gosto de manter minhas personas curtas e simples. Eu sempre me pergunto como os atributos em qualquer personagem podem influenciar minha direção artística. Afinal, não há razão para incluir informações que não sejam relevantes. Por exemplo, há idade relevante? Ou para o homem da roda que é mais provável de ser importante ou o sexo de alguém. Porque pessoas mais velhas fazem roubos também. Onde alguém vive também é importante. Como eu poderia precisar evitar algumas referências culturais ou localizar minha cópia escrita para diferentes países. Os canais de notícias que alguém prefere serão mais relevantes se você estiver trabalhando em um site editorial. Mas menos quando você está projetando um aplicativo para ajudar as pessoas a fugir. Meu próprio objetivo de escrita de personalidade é entender a personalidade e as características de alguém. Porque compreendê-los vai me dar um conhecimento claro de como eles podem estar se sentindo e me ajudar a criar melhores histórias de usuários. Embora eu realmente não gosto da palavra usuário e eu prefiro a palavra público. Histórias de usuários são fabulosas para capturar problemas de design porque eles incentivam você a pensar não só sobre um problema, mas também sobre a pessoa que tem o problema. É por isso que é importante pensar claramente sobre as pessoas do público antes de começar a escrever histórias de usuários. Personas ajudam você a pensar em pessoas reais em situações reais. Eles ajudarão você a criar histórias precisas de usuários. Quando você escreve uma história de usuário, você deve fazê-lo do ponto de vista de alguém que deseja realizar uma tarefa usando seus produtos ou site. Minhas histórias de usuários muitas vezes seguem um formato definido, persona mais necessidade mais propósito. É uma pessoa com uma característica. Persona ou quem. O que eles esperam alcançar. Preciso do quê. Por que estão fazendo o que estão fazendo? Esse é o propósito. É o porquê? Isso geralmente se traduz como quem, eu preciso, ou quero. Então isso, o porquê. Eu acho que um formato simples mantém histórias de usuários fáceis de entender e inequívocas. Mas você pode experimentar diferentes formatos de história que se adequam ao seu público e ajudam sua equipe. Eu usaria esse formato para criar duas histórias de usuários para o homem da roda. Agora, eu sei que você provavelmente não vai estar projetando para pessoas que escapam depois de um assalto. Mas esse formato funciona tão bem, não importa o trabalho que você está realizando. Comece com características. Reggie, como alguém a planear um assalto. Agora, adicione o que Reggie espera alcançar. Como alguém que está planejando um roubo, eu quero um carro de fuga para me levar rápida e confiável da joalheria para o meu esconderijo. Finalmente, a razão para precisar ou querer. Como alguém que está planejando um roubo, quero ter um carro de fuga esperando para me levar do alvo para o meu esconderijo. Porque há uma chance de que a polícia possa chegar ao local rapidamente. Não tente capturar mais de um problema em qualquer história de usuário. A mesma personalidade pode inspirar mais de uma história dependendo de quais são suas necessidades. Por exemplo, para Reggie, como alguém que está planejando um roubo, eu quero um carro de fuga que não possa ser rastreado até mim ou a qualquer um dos meus cúmplices porque a polícia usará a vigilância por vídeo do roubo para tentar Apanha-me. Depois de ter uma base sólida para uma história de usuário, reduza e refine-a removendo qualquer informação que não seja vital para o propósito da história. Como exemplo, posso simplificar a linguagem desta história. Como alguém planejando um roubo, quero um carro de fuga irrastreável porque a polícia usará vigilância. Gosto de desenvolver tanto personas quanto histórias de usuários em colaboração com outras pessoas, pois isso me ajuda a aproveitar o mais amplo conjunto de experiências e conhecimento. Às vezes eu colaboro com empresários , proprietários de produtos e vendedores. Outras vezes eu poderia incluir pessoas de desenvolvimento ou de equipes de marketing. Personas do público e histórias de usuários devem influenciar a direção da arte, design e o desenvolvimento de todos os aspectos de um produto ou site. Mas isso só pode acontecer quando designers e desenvolvedores os mantêm em mente. Descobri que a melhor maneira de garantir que todos os envolvidos com o design mantenham pessoas e histórias de usuários em mente, é transformá-los em itens como cartazes ou cartões postais, que eu mantenho na parede do meu estúdio e no para lembrar a todos para quem estamos projetando e os problemas que estamos tentando resolver. Isso é algo que Mailchimp fez com muito sucesso. Há cartazes que tornam isso muito óbvio em um campo como o nosso, podemos tornar nossas ferramentas tão criativas quanto nosso trabalho. Espero que este episódio de direção de arte para a web lhe ensinou a parte do público, personas e histórias de usuários pode jogar uma direção de arte. Certifique-se de assistir a todos os vídeos deste curso e saber mais sobre este tópico e mais no meu livro. 6. Projetando a jornada de um cliente: Bem-vinda de volta. Neste episódio, vou ensinar-lhe sobre as jornadas dos clientes e como elas podem influenciar a direção artística do seu produto ou site. Agora, eu sempre sorrio quando ouço designers referindo-se a alguém usando um produto ou um site como uma jornada. Afinal, comprar um cabo ou pagar um imposto de carro on-line não é a mesma coisa que chegar a Mordor. Ainda assim, quer sejam viagens ou não, mapear a experiência de um cliente pode ser um processo muito útil para ajudá-lo a melhorá-la. Você não precisa ser um assistente para conjurar um mapa de jornada do cliente. Não é um processo mágico. Na verdade, qualquer um pode e deve fazê-lo. Aqui está meu guia de cinco minutos para viagens de clientes e direção de arte. O que é uma jornada do cliente? Como você mapeia isso? Eu acho que Paul Boag tem a melhor explicação, e ele escreveu : “Uma pessoa se concentra na pessoa enquanto um mapa de jornada do cliente se concentra em sua experiência” Por que fazer uma? Novamente, acho que Paul oferece a melhor citação : “Um mapa de jornada do cliente é uma história projetada para fornecer insights sobre a jornada de um cliente”. Os mapas de jornada do cliente oferecem uma visão de toda a experiência do cliente e mostram onde pode haver oportunidades de melhorá-la em toda a direção. Os mapas de viagem podem ser poderosos para nossa direção pois ajudam você a entender não apenas o que alguém está tentando fazer, mas também como eles podem estar se sentindo enquanto estão fazendo isso. Por exemplo, como alguém pode se sentir ao pressionar um link em um e-mail ou postagens sociais e antes de chegar ao seu site pela primeira vez, o que alguém poderia estar sentindo enquanto se inscreve no seu produto ou serviço? Como alguém pode se sentir quando recebe um e-mail de confirmação sobre algo que comprou ou uma reserva que fez. Perguntas como essas se concentram no cliente e em como ele pode estar se sentindo, que muitas vezes é esquecido quando se concentra apenas em objetivos de negócios, como aumento de vendas ou inscrições. Os sentimentos de um cliente provavelmente mudarão à medida que ele usa um produto ou site. Por exemplo, quando eles veem um link em uma publicação social ou em um e-mail, eles podem ficar curiosos e interessados. Depois de saber mais sobre o que um produto ou serviço pode fazer, eles podem se sentir aliviados por ter encontrado uma solução para seu problema, enquanto se inscrevem também podem se sentir empolgados. Depois de fazer uma reserva ou uma compra, esperamos que eles se sintam felizes. Um mapa de jornada do cliente não precisa ser um diagrama complicado como este. Na verdade, a melhor maneira de ilustrar o que um cliente pode sentir é mostrar um mapa que criei para Wellman. Eu dividi este mapa em cinco estágios frequentemente mencionados em uma jornada de compradores de marketing. O primeiro é a consciência. Alguém passa de não saber sobre um produto ou serviço para saber que ele está disponível. Eles podem ver um anúncio, uma recomendação nas redes sociais ou podem receber um e-mail. Em seguida, considerando que eles percebem que eles têm uma necessidade e que seu produto ou serviço pode ajudar a satisfazê-la. Eles consideraram se devem ou não comprá-lo. É aqui que você vai precisar fazer algo convincente. Ei, você pode considerar não apenas a experiência de compra deles, mas também o que acontece enquanto eles esperam por um e-mail de ativação, ou até mesmo uma entrega física. Mantendo, alguém usa o produto ou serviço. Você quer que eles tenham uma boa experiência para que eles permaneçam como um cliente e continue dizendo a outras pessoas o quanto eles gostam do seu produto ou site. Defendendo, não há nada melhor do que um cliente feliz ajudando a vender um produto para você espalhando a palavra e contando aos amigos. Às vezes eu poderia ser mais específico sobre uma determinada área de um produto ou site que, no caso de Wellman, pode incluir a reserva de um motorista de fuga ou uma entrega de comida para um esconderijo. Para o meu exemplo em Wellman, eu poderia mapear viagens como definir um horário de assalto, escolher o seu destino, talvez uma troca de carro, uma pista de pouso privada ou um esconderijo, escolher um motorista de fuga, concordar com os tomar e, em seguida, confirmar o trabalho. Antes de começar a criar seu mapa de jornada do cliente, descubra quais informações você já tem sobre o que as pessoas fazem quando usam seu produto ou site. O lugar mais óbvio para começar é olhando para a análise, pois muitas vezes eles dirão as partes mais populares do seu site ou produto. Se você ainda não tiver a análise instalada, agora é a hora de instalá-las. Mídias sociais é onde muitas pessoas ouvem pela primeira vez sobre um produto ou serviço. Existem várias ferramentas, incluindo o HootSuite, que é uma das melhores ferramentas gratuitas de escuta de mídia social, ou TweetReach, ou até o TweetDeck do Twitter, que lhe dá insights úteis sobre o que as pessoas estão dizendo. Data só vai te dizer muita coisa. Prefiro conversar com os clientes e, se não conseguir entrar em contato diretamente com eles, converso com vendedores ou funcionários de suporte ao cliente que têm contato com eles todos os dias. Descobri que a melhor maneira de obter pessoas em uma organização que muitas vezes discordam sobre as menores coisas para concordar em um mapa de jornada do cliente é reunindo-as em um workshop, convidar clientes se você puder e qualquer um que influencia o design de sua experiência, incluindo gerentes seniores, porque muitas vezes eles têm a palavra final. Não trate um workshop de viagem do cliente como qualquer outra reunião. Em vez disso, você deve definir metas claras e objetivos realistas para o que você quer alcançar. A menos que seu produto ou site seja incrivelmente simples, não espere criar um mapa em apenas uma sessão. Escolha um passo do seu mapa. Talvez consciência, e concentre-se nisso em uma sessão. Trabalhe na próxima etapa na próxima oficina e construa seu mapa a partir daí. Durante cada workshop, identifique o que as pessoas estão tentando alcançar, o que elas precisam saber, como podem estar se sentindo. Pense nos pontos de contato que eles encontrarão. Por exemplo, ao passar da compra para a retenção, os pontos de contato podem incluir formulários de inscrição, páginas de pagamento, logins ou o processo de integração. Durante o workshop, traça o que alguém está fazendo, as perguntas que está fazendo, o que está pensando, os pontos de contato que está encontrando e como está se sentindo. Faça isso em um modelo básico de mapa de jornada do cliente como este. Este modelo não precisa ser o seu produto acabado, é apenas uma ferramenta para organizar as informações que você coleta antes de projetar seu mapa de jornada final do cliente. Seja qual for o seu mapa ilustrar, tome cuidado para não complicar demais as coisas ou as pessoas confusas, incluindo muita informação. Seu mapa deve incluir apenas o que é necessário para descrever o que alguém está fazendo e como você quer que ele se sinta. Você também deve projetar seus mapas de viagem do cliente de uma forma que torne compreensão fácil e relevante para as pessoas que precisam usá-los. Você pode torná-los coloridos ou envolventes. Seu objetivo deve ser que as pessoas prestem atenção neles para que eles mantenham como os clientes se sentem e cada passo na jornada é o mais importante em suas mentes. Gosto de pensar nos mapas da jornada do cliente como cartazes. Eles podem pendurar na parede do estúdio enquanto eu estou projetando, ou nas paredes do escritório do cliente. Assim não serão esquecidos ou não utilizados. Espero que este episódio de direção de arte para a web ensinou a parte que os mapas de viagem do cliente podem aplicar na direção da arte. Não deixe de assistir a todos os vídeos deste curso e saiba mais sobre este tópico e mais no meu livro. [MUSIC] 7. Decidindo como você quer que as pessoas se sintam: Bem-vinda de volta. Neste episódio, vou ensinar-lhe como você pode decidir como você quer que as pessoas se sintam, e como isso pode influenciar a direção do seu produto ou site. Agora, de volta ao episódio 2 deste curso, eu sugeri que nossa direção pode ser interpretada como usando técnicas de design para evocar intencionalmente uma resposta emocional de alguém quando ele lê um artigo ou usa um produto ou visita um site. Comecei nesse episódio olhando para duas interpretações muito diferentes de uma história sobre o caso mais longo do cartel de drogas da DEA. Um era do Atlântico, o outro da ProPublica. Essas páginas contêm a mesma cópia escrita e muitas das mesmas fotografias. A interpretação do Atlântico é apresentada de forma intencional, enquanto na ProPublica, ilustrações transmitem violência com uma intensidade que teria sido difícil de suportar se usassem fotografia. Essas ilustrações fazem com que as pessoas se sintam tensas e aterrorizadas e tudo bem, porque os leitores devem experimentar essas emoções ao ler sobre o derretimento de traficantes e ativos de drogas. Quando alguém se sente da maneira que você pretendia quando lê uma história ou usa um aplicativo, você consegue comunicar sua mensagem ou propósito. Comunicação é o que a direção da arte é realmente tudo sobre. Estas histórias no The Atlantic e ProPublica eram arte dirigida com dois objetivos muito diferentes em mente. As decisões tomadas por seus designers destinavam-se a apoiar esses objetivos. Quando crio uma nova história sobre um cartel de drogas, preciso traçar o quê, onde, como e por quê, quem estava envolvido e o que ocorreu, onde aconteceu, quando os eventos ocorreram, por que eles aconteceram? Eu posso manter esses fatos de uma maneira que é bem, questão de fato. Mas há mais em contar histórias do que apenas retransmitir fatos. Quando alguém está lendo sobre um traficante mexicano, quero que se sintam calmos, ou quero que se sintam aterrorizados? Planeei essas emoções em três escalas. Eu quero lê-lo para me sentir calmo? - Não. Relaxado? Nem uma chance. Desconfortável? Absolutamente Eu quero que eles se contorçam em seus assentos. E quanto a agitada? Sim. Eu quero que eles se sintam frenéticos, de olhos abertos e trabalhados também. Quero que os clientes se sintam relaxados quando se inscrevem no meu produto ou serviço usando seu cartão de crédito. Mas ao ler sobre uma guerra de drogas, definitivamente não. Eu não gostaria que eles se sentissem desconfortáveis, enquanto eles estão lendo meus Termos de Serviço. Mas derretendo pessoas em ácido. Definitivamente. Não quero que alguém se sinta agitado enquanto usa um aplicativo bancário. Mas quando se pensa na violência alimentada por drogas nas ruas do México, pode apostar o que eu faço. E que tal encorajado? Isso afeta quando alguém está aprendendo como os produtos ou serviços resolvem o problema de alguém. Eles devem se sentir motivados a descobrir mais, motivados mesmo que a oferta seja convincente o suficiente. Obcecado. Quando se trata de encerrar cartéis de drogas, obsessão é exatamente a emoção que eu quero evocar. Perguntei a mim mesmo, como quero que alguém se sinta antes de começar a dirigir cada novo design. Claro, terror não seria apropriado quando estou escrevendo uma cópia para uma notificação de produto. Sua senha está incorreta, você deveria estar apavorado. Em vez disso, escolho um conjunto diferente de emoções, mais apropriado ao conteúdo ou contexto. diretrizes de voz e tom dos chimpanzés masculinos contêm uma lista útil de exemplos de emoções. Eles incluem sentimentos negativos como raiva, aborrecimento, confusão e desamparo. Assim como sentimentos positivos como antecipação, confiança, excitação e confiança. Não estamos dirigindo a versão deles da história do cartel de drogas. A ProPublica escolheu uma direção mais dramática porque queria que as pessoas se sentissem horrorizadas ao lê-lo. Sua escolha das ilustrações emotivas de Tim McDonald de caos, violência e morte ajuda a estimular essas emoções e mudar os leitores a escala emocional de interessados para ficarem horrorizados com o que aconteceu. Se, como o Atlântico, escolheram uma fotomontagem mais convencional, a agulha poderia ter se movido menos. Muitas revistas e jornais têm lutado para trazer a qualidade do design e direção de arte de suas publicações impressas para a web. Mas a ProPublica é uma exceção. Eles enfrentam os mesmos desafios editoriais, criativos e técnicos que outras organizações de notícias. Mas eles os resolveram desenvolvendo um processo que envolve diretores de arte e designers no início do ciclo editorial. Para Lost Mothers, a ProPublica não só usou a grade de pontos como navegação para uma história sobre cada mulher, mas também para ilustrar quantas mulheres não foram identificadas, como seu diretor de arte Rob Weychert explicou para mim. A idéia por trás do design não era para chocar as pessoas necessariamente mas para dar a você uma noção de quão pouco é realmente conhecido ou compreendido sobre o que está acontecendo. Cada vinheta também inclui fotografias da família de uma mãe perdida e dos entes queridos para dar à sua história um impacto mais emocional. As pessoas prestam atenção a histórias poderosamente acionadas. Eles são notados. Uma história inacreditável de estupro, arte dirigida para a web pela ProPublica é projetado diretor David Slate ganhou um Prêmio Pulitzer por reportagem explicativa. Agora, esta história é ainda mais notável porque foi escrita por dois jornalistas. Um deles estava relatando do ponto de vista da mulher, o outro do da polícia, e em si mesmo isso não é incomum. Mas ao invés de fundir duas vozes em uma, o editor as manteve separadas. Como diretor de arte, David reconheceu as duas linhas do tempo e vozes alternadas tornaram a história mais poderosa. Nós enfatizamos as distinções através de suas escolhas de design. A história da mulher usa ilustrações especialmente encomendadas, enquanto a história da polícia inclui fotografia. A história dela é sempre contada à esquerda, há à direita. Com a introdução e epílogo que é relevante para ambos colocados no centro. Uma história inacreditável de estupro é uma história convincente que é contada de forma mais emocional, por causa de sua direção artística. Olhando para alguns dos melhores projetos editoriais na web hoje. Espero que este episódio de direção de arte para a web ensinou a importância de evocar os sentimentos corretos através da direção da arte. Certifique-se de assistir a todos os vídeos deste curso, e você pode descobrir mais sobre este tópico e mais no meu livro. 8. Criando uma narrativa: Neste episódio, vou ensinar-lhe sobre arte dirigindo a experiência de seu produto e site, falando sobre o processo de criação de uma narrativa. Quando ele escreveu, Art Direction Goes Digital, que foi seu capítulo no livro, Art Direction Explied At Last, Khoi Vinn disse: “Direção de arte é uma boa narrativa.” Ele passou a descrever que ao longo de sua longa história, o que mais valorizamos na prática de direção artística é esta; a capacidade de controlar os elementos Myriad em um design de tal forma a produzir um sustentado, experiência narrativa coesa e distinta. Se escrevemos fatos ou ficção, vendemos ou fabricamos produtos, a forma como envolvemos as pessoas, criamos desejos, as fazemos felizes e as incentivamos a permanecer assim é criando narrativas. Se você não é do tipo estudioso, uma narrativa é um relato falado ou escrito de eventos conectados. É uma história. O que é importante nessa definição não é tanto que uma conta seja escrita ou falada, mas que os eventos que uma história descreve estejam conectados. Essas conexões criam caminhos na mente de alguém. Enquanto eles estão nesses caminhos, você pode influenciar como eles se sentem em toda a direção. As lições sobre a elaboração de narrativas geralmente ensinam que antes de escrever sua primeira palavra, você deve decidir sobre os resultados, um elenco, histórias de fundo e um enredo. Neste exemplo de uma narrativa de design, vou desempenhar o papel de CEO da empresa de relógios Panzera. Eles podem ser o autor desta história. Cada história e cada projeto de direção de arte deve começar perguntando, que resultado queremos? Como queremos que alguém se sinta? Os relógios Panzera são os melhores da sua classe. Se eu for o CEO deles, gostaria que as pessoas se sentissem felizes por ter descoberto nossa marca e animado para comprar. Eu diria, nós pretendemos fazer aprender sobre compra e, em seguida, receber nossos produtos são uma experiência fabulosa. Queremos transformar visitantes casuais em clientes, e depois em embaixadores da nossa marca. Quem são os nossos personagens? Eu disse personagens? Nós queremos dizer nossos clientes, ou leitores, ou nossos usuários, eles são principalmente entre 30 e 55 anos de idade, e as pessoas que compram presentes únicos para eles, eles têm alguma renda disponível, mas não gastos ilimitados poder. Eles estão preparados para gastar mais porque usar um ótimo relógio é importante para eles. O relógio que eles usam faz uma declaração sobre eles, e eles adoraram falar sobre isso. Você pode pensar neles como personas de usuários. Deixe-me dar-lhe um exemplo. Reggie tem 30 anos e é dono de uma boate em Knight'sbridge, que é uma parte elegante do West End de Londres. Ele muitas vezes visita outras pessoas de negócios e ele usa relógios em parte como um símbolo de seu sucesso, mas também como um ponto de conversa. Ele está ciente da nossa marca, e ele visitou nosso site várias vezes. O que queremos que aconteça? Alguns tutoriais narrativos recomendam fluxogramas para manter o controle de um enredo, da mesma forma que eu poderia mapear uma jornada do cliente. Pense em pontos de enredo como pontos de contato. Espero que você possa ver como projetar experiências de usuário são semelhantes a escrever histórias. Reggie nos visita e vê nossa última edição. Passou vários minutos a ver fotografias e a ler. Com apenas alguns relógios restantes, ele decide fazer uma compra. O checkout é suave, e Reggie se sente confiante, até feliz, e ele sorri enquanto lê o e-mail de confirmação pessoal que lhe enviamos. Alguns dias depois, entregamos o relógio do Reggie e ele respira quando abre a caixa. Antes mesmo de colocar o relógio no pulso, Reggie publica uma fotografia nas redes sociais. Na próxima reunião, Reggie mal pode esperar para mostrar seu novo relógio. Tudo isso era arte dirigida para fazer Reggie se sentir tranquilizado, e depois encantado que ele escolheu comprar da empresa. Nessa história, Reggie já está familiarizado com a marca, e isso não é acidente. A empresa passou anos de arte dirigindo seus canais de mídia social. Tudo o que publicam é intencional e imaculado. Eles publicam fotografias no Instagram regularmente. Todos eles são filmados por fotógrafos profissionais e são cuidadosamente arte direcionada para manter uma aparência e mensagem consistentes. Além do conteúdo e estilo da fotografia e do vídeo, direção da arte também influencia o tom de voz e linguagem que uma empresa usa ao escrever em canais sociais e outros canais de marketing. Panzera faz relógios apenas desde 2009, mas a história da relojoaria ressoa com os seus clientes. Seu vocabulário enfatiza palavras como Heritage sobre a empresa, e Moderno, Vintage e Neo-Clássico sempre que falam sobre seus projetos. O site é bem projetado e é fácil de navegar, mas há mais em uma página atraente do que apenas um design atraente. Direção de arte ajuda a garantir que o design de um site suporta totalmente os valores de uma empresa através da escolha e estilo de fotografias ou ilustrações. Ele conecta visuais com mensagens escritas para contar histórias, e através deles alcançar os objetivos de uma empresa para seu site. Relógios são um importante ponto de conversa para Reggie. Para atrair pessoas como ele, o site Panzera enfatiza os aspectos mais distintivos de seu design de peças de tempo. Copy se concentra em seus desenhos de coroa e mão, reforçados pela fotografia em close-up. O relógio é apenas parte da história, embora, igualmente importante, é o que as pessoas dizem sobre ele. A empresa inclui avaliações e depoimentos para aumentar o apelo do produto. Algumas pessoas podem descrever ideias como essa como psicologia, mas eu não sou psicólogo. Para mim, isso é apenas saber um pouco sobre o que faz as pessoas marcarem, e claro, direção artística. Espero que este episódio de direção de arte para a web ensinou a parte que as histórias desempenham uma direção de arte. Certifique-se de assistir a todos os vídeos deste curso e saber mais sobre este tópico e mais no meu livro. 9. Conclusão: Agora, como meu verdadeiro homem dirigir é hora de eu fazer uma fuga rápida. Quando me propus a fazer este curso, eu queria ensinar as pessoas sobre a importância da direção de arte para a web e como ela pode ajudar as pessoas a contar histórias que melhor se conectam com o público. Eu queria que diretores de arte experientes soubessem como suas habilidades podem ser tão valiosas para a web quanto para a página impressa. Acima de tudo, eu queria que os web designers e desenvolvedores aprendessem como fazer a direção de arte funcionar para produtos digitais ou sites. Se você cria sites que são executados em plataformas como Shopify ou Squarespace, semanas ou WordPress, ou você cria todos os aspectos de uma experiência digital. A direção de arte tornará seu site mais eficaz na comunicação, persuadir e vender. Se você desenvolver produtos, duração da arte os tornará mais atraentes e, em última análise, mais agradáveis de usar. Espero que este curso é inspire você a pensar sobre a direção da arte, e como ele pode tornar o seu trabalho e a web muito melhor para todos. direção da arte é relevante para a web? Absolutamente, é. Temos as tecnologias e ferramentas para fornecer direção de arte para qualquer produto e site? Não há dúvida sobre isso. Você pode descobrir mais sobre este tópico e mais no meu livro. Direção de arte para a Web, que está disponível em artdirectionfortheweb.com. Esse site também contém minha lista de leitura recomendada de outros livros sobre direção de arte, livros que me influenciaram e meu trabalho para a web. Acho que fiz o meu papel. Obrigado por assistir. O resto é com você, e te vejo no meu próximo prato.