{"id":260964,"date":"2023-08-24T12:40:00","date_gmt":"2023-08-24T09:40:00","guid":{"rendered":"https:\/\/inform.click\/por-que-uma-narrativa-digital-excepcional-supera-um-design-excepcionalmente-bom\/"},"modified":"2023-08-24T12:50:00","modified_gmt":"2023-08-24T09:50:00","slug":"por-que-uma-narrativa-digital-excepcional-supera-um-design-excepcionalmente-bom","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/por-que-uma-narrativa-digital-excepcional-supera-um-design-excepcionalmente-bom\/","title":{"rendered":"Por que uma narrativa digital excepcional supera um design excepcionalmente bom"},"content":{"rendered":"

\n Os recursos visuais s\u00e3o altamente importantes no mundo do design digital. Veja, por exemplo, a foto de uma m\u00e3e e seu beb\u00ea brincando ao ar livre com sorrisos no rosto, orgulhosamente exibida no site de um fabricante de brinquedos infantis.\n<\/p>\n

\n Pense na foto de um grupo de profissionais de neg\u00f3cios em uma sala de reuni\u00f5es para um outdoor de uma solu\u00e7\u00e3o de confer\u00eancia que chamou sua aten\u00e7\u00e3o enquanto voc\u00ea dirigia na rodovia. Mesmo o menor logotipo no r\u00f3tulo do latic\u00ednio que voc\u00ea comprou na mercearia do bairro \u00e9 um produto de um designer gr\u00e1fico.\n<\/p>\n

\n Fotos e gr\u00e1ficos s\u00e3o usados \u200b\u200bpara contar hist\u00f3rias o tempo todo, mas os designers \u00e0s vezes esquecem que n\u00e3o importa o qu\u00e3o incr\u00edveis sejam seus sites ou gr\u00e1ficos, o p\u00fablico sempre estar\u00e1 procurando a hist\u00f3ria por tr\u00e1s deles. Um bom design digital sempre lhe dir\u00e1 o “o qu\u00ea”.\n<\/p>\n

\n D\u00ea ao seu p\u00fablico algo para ver, mas tamb\u00e9m tenha algo a dizer.
\n<\/h5>\n

\n A essa altura, voc\u00ea deve estar se perguntando: “Sou designer. Os escritores n\u00e3o deveriam contar a hist\u00f3ria?” Se voc\u00ea ainda n\u00e3o percebeu, contar hist\u00f3rias \u00e9 mais do que apenas escrever uma c\u00f3pia ou redigir um longo artigo sobre um produto ou servi\u00e7o. Seus visuais tamb\u00e9m precisam de uma hist\u00f3ria. Pense no homem her\u00f3ico que salva um cachorro de ser atropelado por um ve\u00edculo em movimento em uma rua movimentada. Ou imagine um pai ensinando seu filho a andar de bicicleta, observando enquanto a crian\u00e7a passa voando alegremente. S\u00e3o pequenos momentos em que as pessoas se envolvem em uma determinada a\u00e7\u00e3o, que gera impacto.\n<\/p>\n

\n Eles dizem que a m\u00eddia s\u00f3 tem valor quando usada para complementar um conte\u00fado valioso. Como designers, voc\u00ea precisa ser capaz de contar uma hist\u00f3ria ou transmitir uma ideia a cada sa\u00edda. Imagens, gr\u00e1ficos e tipografia s\u00e3o formas muito criativas de transmitir uma mensagem; mas com cada mensagem, voc\u00ea tem que ter algo a dizer. N\u00e3o crie apenas para impressionar; criar para expressar.\n<\/p>\n

\n Estorifique seu projeto.
\n<\/h5>\n

\n Antes de come\u00e7ar com seu design, certifique-se de ter uma hist\u00f3ria por tr\u00e1s. Por que voc\u00ea est\u00e1 fazendo isso? Qual o sentido de compartilhar isso? Brainstorm se voc\u00ea deve. Associe palavras \u2013 substantivos, verbos e adjetivos ao seu projeto. Algo comum surgir\u00e1; esta poderia muito bem ser a sua hist\u00f3ria de design.\n<\/p>\n

\n Um exemplo especialmente bom \u00e9 a dire\u00e7\u00e3o que a TOMS, uma popular empresa de cal\u00e7ados com fins lucrativos com sede na Calif\u00f3rnia, adotou em sua marca. N\u00e3o havia nada de especial em sua linha inicial de produtos; eles acabaram de fazer uma ramifica\u00e7\u00e3o dos sapatos simples de lona famosos na Am\u00e9rica do Sul chamados alpargatas. Mas \u00e9 aqui que se torna interessante. Enquanto fazia trabalho volunt\u00e1rio, o fundador Blake Mycoskie notou que muitas das crian\u00e7as n\u00e3o tinham sapatos. Quando Blake deu o pontap\u00e9 inicial, ele decidiu que, para cada par vendido, forneceria um novo par para outro jovem de um pa\u00eds em desenvolvimento, ou o que agora \u00e9 conhecido como modelo de neg\u00f3cios “um por um”.\n<\/p>\n

\n Por causa dessa grande hist\u00f3ria, a palavra sobre a marca se espalhou como fogo atrav\u00e9s do boca a boca e da m\u00eddia social. Em particular, essa hist\u00f3ria se reflete no site de cal\u00e7ados da TOMS. Muitas das imagens no site destacam qual \u00e9 a hist\u00f3ria da empresa, em vez de colocar os produtos reais que eles oferecem na frente e no centro. Como resultado, eles s\u00e3o capazes de se conectar aos sentidos do p\u00fablico e transmitir uma hist\u00f3ria que ressoa.\n<\/p>\n

\n Outro bom uso da narrativa no design \u00e9 o unic\u00f3rnio do transporte, o Uber. No in\u00edcio, a hist\u00f3ria \u00e9 bastante clara. O transporte p\u00fablico \u00e9 uma merda. Voc\u00ea n\u00e3o sabe quando tem atraso, n\u00e3o sabe se vai conseguir rodar confortavelmente e a\u00ed tem que pagar em dinheiro. Embora a empresa tenha enfrentado v\u00e1rios problemas s\u00e9rios, seu n\u00famero de passageiros em todo o mundo deixou bem claro que o Uber funciona e faz seu trabalho de maneira excelente como um servi\u00e7o de transporte alternativo sob demanda.\n<\/p>\n

\"\"<\/a><\/p>\n

\n A interface do usu\u00e1rio do aplicativo aborda todos os pontos problem\u00e1ticos do motociclista regular. Onde exatamente est\u00e1 localizado o passeio agora? Quanto tempo levar\u00e1 para o carro chegar no local do passageiro? Quanto o piloto vai pagar? Qual \u00e9 o n\u00famero do motorista se ele precisar ser contatado? Todos os detalhes vitais que o motociclista precisa s\u00e3o mostrados no aplicativo de maneira sistem\u00e1tica. At\u00e9 o site da Uber diz muito sobre o impulso da empresa. Cada gr\u00e1fico, \u00edcone e at\u00e9 as fontes gritam “agrad\u00e1vel” e “f\u00e1cil”.\n<\/p>\n

\n Contar hist\u00f3rias por meio do design envolve processos sistem\u00e1ticos.
\n<\/h5>\n

\n Como qualquer coisa constru\u00edda \u00e0 m\u00e3o (e mentalmente), o design eficaz precisa seguir certos processos. Tomemos, por exemplo, o processo de cria\u00e7\u00e3o de um site. Voc\u00ea constr\u00f3i storyboards antes mesmo de come\u00e7ar a criar maquetes ou wireframes. Cada parte da sua hist\u00f3ria deve conter uma intera\u00e7\u00e3o, por exemplo, o que acontecer\u00e1 quando o usu\u00e1rio clicar em algo ou rolar para baixo e assim por diante.\n<\/p>\n

\n Braden Kowitz, um conhecido designer de experi\u00eancia do usu\u00e1rio, sugere a cria\u00e7\u00e3o de uma s\u00e9rie de casos de uso narrativos para o seu produto que ilustram cada etapa da jornada do usu\u00e1rio. Ele chama isso de processo de design centrado na hist\u00f3ria. Com isso, voc\u00ea pode simular a experi\u00eancia do usu\u00e1rio e identificar todos os resultados poss\u00edveis e, como resultado, suas decis\u00f5es de design ser\u00e3o totalmente baseadas em como as pessoas escolhem usar seu produto.\n<\/p>\n

\n Isso contrasta fortemente com um design centrado na tela, no qual voc\u00ea est\u00e1 apresentando ou criando um passo a passo de uma interface do usu\u00e1rio enquanto mostra um projeto. Mostrar blueprints significa que voc\u00ea est\u00e1 apenas enumerando como cada elemento se enquadra no plano. “O problema \u00e9 que”, diz Kowitz, “quando os projetos s\u00e3o apresentados dessa maneira, voc\u00ea est\u00e1 apenas construindo uma compreens\u00e3o de como o produto se parece. Voc\u00ea n\u00e3o est\u00e1 focando em como o produto funciona e n\u00e3o est\u00e1 simulando como os clientes interagem com ele.”\n<\/p>\n

\n Kowitz tamb\u00e9m sugere o uso de ferramentas como Adobe Fireworks e programas de screencast ao renderizar suas hist\u00f3rias, al\u00e9m do software de design visual usual Adobe Photoshop e Adobe Illustrator. N\u00e3o crie para a web apenas projetando telas individuais.\n<\/p>\n

\n Ao praticar a ado\u00e7\u00e3o dessa disciplina, seu processo de design ser\u00e1 muito mais f\u00e1cil. Voc\u00ea tamb\u00e9m pode destacar erros de design que muitas vezes passam despercebidos. Voc\u00ea tamb\u00e9m pode saber se est\u00e1 ou n\u00e3o atingindo suas metas de design \u00e0 medida que avan\u00e7a. Al\u00e9m disso, voc\u00ea poder\u00e1 trabalhar mais r\u00e1pido quando tiver todas as partes do processo cobertas ou resolvidas.\n<\/p>\n

\n A maneira como voc\u00ea conta sua hist\u00f3ria de design tamb\u00e9m \u00e9 importante.
\n<\/h5>\n

\n Em todo projeto de design, primeiro voc\u00ea precisa preparar o cen\u00e1rio para sua hist\u00f3ria. Fundos e humores importam tanto quanto sua mensagem real e os resultados desejados. Como sua hist\u00f3ria vai impactar?\n<\/p>\n