Copywriting em Interfaces: um copilado do que tenho estudado sobre o assunto

Links mencionados na apresentação…

Slide 10:
http://www.radiolab.org/story/trust-engineers/

Slide 12:
https://medium.com/@jfilcik/great-stuff-i-love-the-clarity-of-thinking-here-around-when-my-or-your-can-make-sense-ac7ffcb2bc86

Slide 13:
http://www.uxbooth.com/articles/what-is-ux-writing/
https://blog.prototypr.io/rise-of-the-ux-writer-cb5b0ce8ac31

Slide 23:
https://www.youtube.com/watch?v=DIGfwUt53nI

Slide 27:
https://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/

Slide 28 e 30:
https://about.futurelearn.com/blog/your-courses-my-courses-personal-pronouns/

Slide 34, 41 e 43:
https://medium.com/dropbox-design/design-words-with-data-fe3c525994e7

Slide 44 e 49:
https://www.youtube.com/watch?v=DIGfwUt53nI

Slide 53, 54 e 55:
http://www.pagewiz.com/blog/landing-page-copywriting/get-the-best-from-microcopy

Slide 60:
https://twitter.com/tha_rami/status/886205862519418880/photo/1

Slide 61:
https://uxdesign.cc/designing-confirmation-278d159723e

Slide 62:
http://swaycopy.com/headline-button-copywriting-joanna-copy-hackers-increase-conversion/

-
@larissaherbst
larissaherbst.com

Transcript

1. @larissaherbst Este é um copilado de coisas do que tenho estudado sobre copywriting e tem o objetivo de espalhar a palavra do anti- lorem-ipsum :D copywriting
2. Evitar ruídos na mensagem Maneiras de ver copywriting B Personalidade à marca A Impactar a conversão C
3. They don’t read — Jakob Nielsen Nielsen Norman Group “People rarely read web pages word by word; instead, they scan the page, picking out individual words and sentences.”
4. Design words for people who hate to read — John Saito Dropbox “Words on a screen can never take the place of a real conversation, but good microcopy can show that real people created your product.”
5. UI design starts with words — Jason Zimdars Basecamp “It makes me treat UI as a conversation. How would I tell a friend what they can do here and how?”
6. You should write your interface first — Scott Hurff Tinder “Writing out your interface first forces your app’s content to be well-written. There’s no filler content, no lorem ipsum, and no copy created solely because the design needs a gap to be filled.”
7. Uma palavra faz diferença?
8. Quando o usuário pede para apagar uma foto em que está marcado. Report de imagens no Facebook I feel embarrassed I feel sad I feel upset _______________________________
9. I feel embarrassed I feel sad I feel upset _______________________________ It’s embarrassing 50% 34%
10. I feel embarrassed I feel sad I feel upset _______________________________ 50% It’s embarrassing It’s sad It’s upsetting _______________________________ 78% http://www.radiolab.org/story/trust-engineers/
11. Isso é mesmo trabalho nosso?
12. https://medium.com/@jfilcik/great-stuff-i-love-the-clarity-of-thinking-here-around-when-my-or-your-can-make-sense-ac7ffcb2bc86 Quanto tempo leva pra você entender esta mensagem?
13. http://www.uxbooth.com/articles/what-is-ux-writing/ + https://blog.prototypr.io/rise-of-the-ux-writer-cb5b0ce8ac31
14. E como colocar isso em prática?
15. Com quem o usuário está falando? 1
16. Nome: Digite seu nome: Seu nome: Meu nome: Qual seu nome? Como posso te chamar?
17. Design conversacional é tratar a interface como uma conversa com o usuário. Já tem uma conta? Criar conta
18. Mas a conversa é entre o usuário e quem?
19. Assim como você pode definir uma persona para o público, pode definir uma persona para o produto/interface. É últil para definir personalidade, diretrizes e facilita responder à pergunta: “Esta persona diria isso?” # $ & '
20. Isso fica mais fácil de identificar com tons mais informais e/ou com humor. Mailchimp, Tumblr e Enjoei.
21. Mas pode trazer outras diretrizes importantes, como: ser simpático, ser útil, ser prestativo Basecamp.
22. Sem deixar de considerar o contexto Seu cartão de crédito foi rejeitado. TENTAR NOVAMENTE
23. Google Pay (https://www.youtube.com/watch?v=DIGfwUt53nI)
24. O meu/seu problema
25. Spotify, Google Play Music, Apple Music.
26. Pessoal Uso da 1ª pessoa RECEBER MINHA CÓPIA Quero receber promoções Minha conta Atualize seus dados para receber sua cópia gratuita! Meu email john.lock@dharma.org É complicado manter a consistência Melhores resultados no call to action
27. https://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/
28. https://about.futurelearn.com/blog/your-courses-my-courses-personal-pronouns/ Mas misturar pode ser, no mínimo, confuso…
29. Conversacional Uso da 3ª pessoa RECEBER CÓPIA Receber promoções Sua conta Atualize seus dados para receber sua cópia gratuita! Seu email john.lock@dharma.org
30. https://about.futurelearn.com/blog/your-courses-my-courses-personal-pronouns/ Facilita tratar a interface como uma conversa
31. Sobre isso um consenso não há.
32. Editar, editar, editar 2
33. Que palavras a sua audiência conhece? backup pin code nuvem servidor logout feedback
34. O Google Trends ajuda a encontrar os termos mais usados. https://medium.com/dropbox-design/design-words-with-data-fe3c525994e7
36. origem destino Que palavras a sua audiência usa? Já perguntou?
37. origem destino No Truckpad, os caminhoneiros já estão acostumados aos termos ‘coleta’ e ‘entrega’. coleta entrega Que palavras a sua audiência usa? Já perguntou?
38. Substantivos Adjetivos Verbos Advérbios escola aluno professor aula curso estudo meta objetivo sonho conhecimento saber mudança transformação dinâmico conectado fácil ágil acessível rápido simples prático objetivo moderno flexível barato educar ensinar aprender sonhar transformar desenvolver mudar alcançar realizar planejar preparar construir evoluir diariamente dinamicamente agora hoje sempre muito aqui rapidamente além Brainstorm de palavras
40. Uma vez que você encontrou uma palavra, mantenha a consistência. seu pacote adicione ao carrinho faça um cadastro sua encomenda adicione à sacola faça uma conta
41. https://medium.com/dropbox-design/design-words-with-data-fe3c525994e7
42. Priorize. Onde estão as palavras mais importantes? Select “Remove local copy” to save space.
43. Select ‘Remove local copy’ to save space. Save space by selecting ‘Remove local copy’. https://medium.com/dropbox-design/design-words-with-data-fe3c525994e7 Houve confusão para entender o valor da funcionalidade. As pessoas entenderam melhor a proposta de valor. Priorize. Onde estão as palavras mais importantes?
44. https://www.youtube.com/watch?v=DIGfwUt53nI O que você quer que o usuário faça ≠ do valor que o usuário quer receber.
45. Depois, tente melhorar e simplificar escrevendo a mesma frase várias vezes, de formas diferentes. Escreva a mesma frase várias vezes, tentando melhorar e simplificar. Dá pra simplificar? Escreva a mesma frase de formas diferentes, tentando melhorar. Simplifique. Escreva a mesma frase de formas diferentes.
46. Por último, alivie o texto. Organize, quebre e destaque! Stripe.
47. Receios e ansiedades 3
48. Em qual parte da jornada o usuário está?
49. https://www.youtube.com/watch?v=DIGfwUt53nI Em qual parte da jornada o usuário está?
50. O que pode fazer o usuário pensar 2 vezes? Será que eu vou ter que pagar? Por que querem saber meu aniversário? Qual a diferença de uma conta e uma página?
51. O que pode dar errado aqui? A pessoa pode usar um nome fake A pessoa pode não entender pra que ser o username
52. Importante para criar confiança. Telefone Usaremos apenas para confirmar sua conta. Email Só enviaremos mensagens quando necessário. Username Sem pressão… Você pode mudar seu username depois.
53. http://www.pagewiz.com/blog/landing-page-copywriting/get-the-best-from-microcopy Username: Email: Password: I accept the Terms and Conditions Sign up Username: Email: Password: I accept the Terms and Conditions 100% privacy - we will never spam you! Sign up -18.7% Username: Email: Password:
54. Username: Email: Password: I accept the Terms and Conditions Sign up Username: Email: Password: I accept the Terms and Conditions We guarantee 100% privacy. Your information will not be shared. Sign up +19.4% I accept the Terms and Conditions 100% privacy - we will never spam you! Sign up http://www.pagewiz.com/blog/landing-page-copywriting/get-the-best-from-microcopy
55. Username: Email: Password: I accept the Terms and Conditions 100% privacy - we will never spam you! Sign up Username: Email: Password: I accept the Terms and Conditions We guarantee 100% privacy. Your information will not be shared. Sign up vs -18.7% +19.4% http://www.pagewiz.com/blog/landing-page-copywriting/get-the-best-from-microcopy
56. Sabe o que isso quer dizer?
57. DE MAIS TESTES A/B PRECISAMOS
58. Call to action 4
59. Os botões também fazem parte da conversação.
60. https://twitter.com/tha_rami/status/886205862519418880/photo/1
61. https://uxdesign.cc/designing-confirmation-278d159723e
62. “Your headline makes a promise […] Your CTA button is the door in between the promise & the thing promised” http://swaycopy.com/headline-button-copywriting-joanna-copy-hackers-increase-conversion/ Crie uma conexão entre chamada e botão.
63. Airbnb
64. Airbnb
65. Airbnb
66. Assim como você cria padrões visuais para repetir ao longo da interface, os padrões de texto também fazem parte da identidade.
68. E olhar pra quem realmente sabe o que está falando…
69. John Saito medium.com/@jsaito John Moore Williams twitter.com/JohnAMWill Joanna Wiebe twitter.com/copyhackers Scott Hurff twitter.com/scotthurff Claire Mahoney twitter.com/wordofanerd microcopy patterns twitter.com/tinywordsmatter Nicole Fenton twitter.com/nicoleslaw Amy Thibodeau medium.com/@amythibodeau