{"id":1796,"date":"2018-08-03T00:00:00","date_gmt":"2018-08-03T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2018\/08\/03\/ux-e-ui-design\/"},"modified":"2018-08-03T00:00:00","modified_gmt":"2018-08-03T00:00:00","slug":"ux-e-ui-design","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/ux-e-ui-design\/","title":{"rendered":"UX e UI design: qual a diferen\u00e7a e o papel de cada \u00e1rea no Marketing Digital?"},"content":{"rendered":"\n

Se voc\u00ea ainda n\u00e3o sabia, vou te contar um segredo: o design<\/a> tem um papel essencial no sucesso de qualquer estrat\u00e9gia de Marketing Digital<\/a>.<\/p>\n\n\n\n

O problema \u00e9 que existe muita confus\u00e3o com respeito ao que o design significa ou como deve ser usado na estrat\u00e9gia digital de uma empresa.<\/p>\n\n\n\n

N\u00e3o \u00e9 \u00e0 toa que empresas do mundo inteiro, do porte de Nike, Coca-Cola, Google e Apple se preocupam tanto com esse aspecto em seus produtos e servi\u00e7os.<\/p>\n\n\n\n

A boa not\u00edcia \u00e9 que n\u00e3o s\u00e3o s\u00f3 os grandes conglomerados e gigantes do com\u00e9rcio que podem usar o design a seu favor<\/strong>. A sua pequena empresa tamb\u00e9m pode (e deve) fazer isso.<\/p>\n\n\n\n

Mas como usar o que voc\u00ea n\u00e3o entende? Por isso vamos explicar tr\u00eas conceitos importantes que voc\u00ea precisa aprender: UI design, UX design e UX writing.<\/p>\n\n\n\n

Se voc\u00ea j\u00e1 ouviu falar deles e sempre achou que era tudo a mesma coisa, vamos corrigir esse engano agora.<\/p>\n\n\n\n

Est\u00e1 pronto? Ent\u00e3o vamos l\u00e1!<\/p>\n\n\n\n[post-table-index]
<\/p>\n\n\n[rock-convert-pdf id=”42917″]\n\n\n\n

O que \u00e9 UX design?<\/h2>\n\n\n\n

O termo UX<\/a> vem de User Experience, ou Experi\u00eancia do Usu\u00e1rio<\/a>. Trata-se, basicamente, de como uma pessoa se sente enquanto usa qualquer produto ou servi\u00e7o digital que a sua empresa oferece.<\/p>\n\n\n\n

UX tem a ver tamb\u00e9m com a sensa\u00e7\u00e3o dessa pessoa ap\u00f3s usar o seu produto<\/strong>. Isso inclui seu site e blog<\/a>, mesmo que seu neg\u00f3cio n\u00e3o seja 100% digital, como um sistema online ou aplicativo.<\/p>\n\n\n\n

O que \u00e9 UX Writing?<\/h3>\n\n\n\n

UX Writing<\/a> \u00e9 uma sub\u00e1rea dentro do UX design focada na cria\u00e7\u00e3o de textos que aparecem em interfaces digitais, como aplicativos, sites e sistemas online.<\/strong> <\/p>\n\n\n\n

O objetivo do UX Writing \u00e9 guiar o usu\u00e1rio de forma clara e eficiente, tornando a navega\u00e7\u00e3o mais intuitiva e a experi\u00eancia mais agrad\u00e1vel. Isso inclui mensagens de erro, bot\u00f5es, instru\u00e7\u00f5es e qualquer texto que ajude a interagir com o produto. <\/p>\n\n\n\n

O trabalho do UX Writer \u00e9 fundamental para assegurar que a comunica\u00e7\u00e3o seja consistente, amig\u00e1vel e alinhada com o tom e a voz da marca, melhorando a usabilidade e a satisfa\u00e7\u00e3o do usu\u00e1rio.<\/p>\n\n\n\n

Qual \u00e9 o papel do UX design e do UX writing no Marketing Digital?<\/h2>\n\n\n\n

Imagine o seguinte: ao acessar seu site<\/a>, um poss\u00edvel cliente quer saber como entrar em contato com um vendedor.<\/p>\n\n\n\n

Ele procura um bom tempo at\u00e9 achar um link para a p\u00e1gina de contato, mas o formul\u00e1rio est\u00e1 com defeito e ele precisa de 3 tentativas para concluir o pedido de or\u00e7amento. Al\u00e9m disso, as instru\u00e7\u00f5es no site s\u00e3o confusas e os bot\u00f5es t\u00eam textos pouco claros, aumentando ainda mais a frustra\u00e7\u00e3o do usu\u00e1rio.<\/p>\n\n\n\n

Que tipo de experi\u00eancia esse usu\u00e1rio teve?<\/strong> Durante a procura, j\u00e1 \u00e9 prov\u00e1vel que ele tenha ficado frustrado. Ao enfrentar um defeito no formul\u00e1rio e instru\u00e7\u00f5es pouco claras, pode ser que tenha at\u00e9 ficado com raiva, ou desanimado.<\/p>\n\n\n\n

A verdade \u00e9 que em um caso destes, a maioria dos usu\u00e1rios nem se incomodaria de tentar tr\u00eas vezes, como no nosso exemplo.<\/p>\n\n\n\n

Mas o ponto \u00e9: mesmo quem fizer isso n\u00e3o ter\u00e1 a mesma disposi\u00e7\u00e3o de continuar a conversa depois de receber o contato do vendedor.<\/p>\n\n\n\n

Em outras palavras, uma boa experi\u00eancia de usu\u00e1rio pode ajudar a gerar mais oportunidades de venda e fechar mais neg\u00f3cios no Marketing Digital<\/a>. E o contr\u00e1rio tamb\u00e9m \u00e9 verdade.<\/strong><\/p>\n\n\n\n

Assim, tanto UX design quanto o UX writing contribuem para uma experi\u00eancia positiva e eficaz, contribuindo para o sucesso da sua estrat\u00e9gia de marketing digital. <\/p>\n\n\n\n

Quem comenta melhor essa quest\u00e3o \u00e9 Stephanie Schwarz<\/a>, Senior Content Designer na MagaluBank<\/a><\/em> e UX Writing & Digital Product Mentor no ADPList & Tech pro Bem: <\/p>\n\n\n\n

“UX Writing e marketing s\u00e3o \u00e1reas complementares que compartilham o objetivo de se comunicar com os usu\u00e1rios. <\/strong>Mas enquanto o UX Writing se concentra na comunica\u00e7\u00e3o dentro do produto digital, em textos claros, informativos e \u00fateis para melhorar a experi\u00eancia, o marketing se dedica \u00e0 comunica\u00e7\u00e3o externa da marca, com campanhas e estrat\u00e9gias de engajamento focadas em atrair e converter clientes potenciais. Ambas as \u00e1reas t\u00eam um foco central no usu\u00e1rio e na consist\u00eancia da mensagem da marca, mas uma visa informar enquanto a outra visa converter, uma \u00e9 instrucional e a outra persuasiva<\/strong>“.<\/p><\/blockquote>\n\n\n\n

O que \u00e9 UI design?<\/h2>\n\n\n\n

A express\u00e3o UI vem de User Interface<\/a>, que significa Interface do Usu\u00e1rio. A ideia do UI \u00e9 guiar o usu\u00e1rio pela sua aplica\u00e7\u00e3o durante o tempo em que ele a usa.<\/p>\n\n\n\n

Vamos usar o mesmo exemplo que acabamos de ver para facilitar a explica\u00e7\u00e3o.<\/p>\n\n\n\n

Assim que uma pessoa entra no seu site, existem algumas a\u00e7\u00f5es espec\u00edficas que voc\u00ea deseja que elas tomem.<\/p>\n\n\n\n

Um bom trabalho de UI design guia os usu\u00e1rios pela navega\u00e7\u00e3o, e os leva a tomar tais a\u00e7\u00f5es de forma natural<\/strong>.<\/p>\n\n\n\n

Se o objetivo \u00e9 que a pessoa pe\u00e7a o contato de um vendedor, tudo na p\u00e1gina (conte\u00fados, menus de navega\u00e7\u00e3o, CTAs<\/a>, imagens, etc.) deve colaborar para que ela sinta essa necessidade.<\/p>\n\n\n[rock-convert-cta id=”65687″]\n\n\n\n

Qual \u00e9 o papel do UI design em uma estrat\u00e9gia digital?<\/h2>\n\n\n\n

Se o seu site n\u00e3o guiar os usu\u00e1rios da forma correta pela interface, eles dificilmente tomar\u00e3o as a\u00e7\u00f5es certas. Com isso, esse canal de vendas vai fracassar nos objetivos de neg\u00f3cio.<\/p>\n\n\n\n

Voc\u00ea j\u00e1 visitou sites confusos, que n\u00e3o comunicavam claramente a proposta de valor, ou que tornavam dif\u00edcil achar as informa\u00e7\u00f5es necess\u00e1rias? Eles s\u00e3o exemplos de UI mal feito.<\/p>\n\n\n\n

E UI mal feito custa muito caro, porque a rea\u00e7\u00e3o quase que imediata dos visitantes \u00e9 voltar para o Google e procurar um concorrente que ofere\u00e7a uma experi\u00eancia melhor.<\/p>\n\n\n\n

Mas espera\u2026 experi\u00eancia melhor? Isso n\u00e3o \u00e9 papel do UX? Guarde o seguinte na sua mente: UI afeta diretamente UX. Se a navega\u00e7\u00e3o do seu site for ruim, \u00e9 bem mais dif\u00edcil tornar a experi\u00eancia boa<\/strong>.<\/p>\n\n\n\n

Mas isso n\u00e3o quer dizer que os dois conceitos sejam a mesma coisa. Para deixar isso claro, vamos ver 3 diferen\u00e7as claras entre eles.<\/p>\n\n\n\n

3 diferen\u00e7as entre UX e UI\u00a0design<\/h2>\n\n\n\n

Existem algumas diferen\u00e7as importantes entre UX e UI que precisam ser consideradas para entender bem o que cada um deles faz. Veja agora 3 das principais:<\/p>\n\n\n\n

1. UI s\u00f3 existe com uma interface visual, UX n\u00e3o<\/h3>\n\n\n\n

Como o pr\u00f3prio nome diz, UI tem tudo a ver com as interfaces visuais do seu site ou aplicativo. Sem uma tela, n\u00e3o existe UI<\/strong>. Mas n\u00e3o podemos dizer o mesmo de UX. Por qu\u00ea?<\/p>\n\n\n\n

Porque, em muitos casos, a sensa\u00e7\u00e3o do usu\u00e1rio com rela\u00e7\u00e3o \u00e0 experi\u00eancia de navega\u00e7\u00e3o n\u00e3o tem a ver com uma tela, em si.<\/p>\n\n\n\n

\u00c9 bem capaz de essa experi\u00eancia ficar at\u00e9 mais agrad\u00e1vel se o designer<\/a> conseguir eliminar algumas etapas no processo de uso do produto, o que significa menos telas para interagir.<\/p>\n\n\n\n

2. UI guia o usu\u00e1rio, j\u00e1 UX faz a navega\u00e7\u00e3o valer a pena<\/h3>\n\n\n\n

J\u00e1 falamos um pouco disso, mas vale a pena refor\u00e7ar que o papel de UI e UX design s\u00e3o diferentes, apesar de se completarem.<\/p>\n\n\n\n

Enquanto o UI guia o que o usu\u00e1rio deve fazer enquanto usa o site\/app, o papel do UX \u00e9 fazer com que a navega\u00e7\u00e3o seja agrad\u00e1vel<\/strong>.<\/p>\n\n\n\n

UI deixa a navega\u00e7\u00e3o f\u00e1cil de entender e a\u00e7\u00f5es simples de realizar.<\/p>\n\n\n\n

Mas nem o site mais agrad\u00e1vel do mundo vai deixar os visitantes satisfeitos se n\u00e3o tiver as informa\u00e7\u00f5es que ele espera, da maneira que deseja consumi-las.<\/p>\n\n\n\n

3. UI \u00e9 sobre raz\u00e3o, UX \u00e9 sobre emo\u00e7\u00e3o<\/h3>\n\n\n\n

Qual \u00e9 a maneira mais f\u00e1cil de navegar por um site ou app? Existem boas pr\u00e1ticas quanto a isso, \u00e9 um processo bem racional.<\/p>\n\n\n\n

No ocidente, as pessoas normalmente leem de cima para baixo, da esquerda para a direita, sem contar os v\u00e1rios sistemas existentes<\/a>.<\/p>\n\n\n\n

J\u00e1 UX \u00e9 mais complexo que isso, pois como evocar uma emo\u00e7\u00e3o positiva no usu\u00e1rio?<\/strong> Depende de quem \u00e9 seu usu\u00e1rio, de qual \u00e9 a situa\u00e7\u00e3o em que ele usa sua aplica\u00e7\u00e3o e uma s\u00e9rie de outros fatores.<\/p>\n\n\n\n

Apesar dessas diferen\u00e7as, \u00e9 fundamental entender que uma \u00e1rea n\u00e3o existe e nem consegue trabalhar sem a outra. Stephanie Schwarz fala especificamente da rela\u00e7\u00e3o entre a escrita e a interface:<\/p>\n\n\n\n

“O caminho dos UX Writers e UI Designers evolui paralelamente em quase toda trajet\u00f3ria profissional quando falamos de produtos digitais. N\u00e3o existe sucesso no trabalho de um sem a atua\u00e7\u00e3o do outro, porque promover uma experi\u00eancia do usu\u00e1rio mais coesa, intuitiva e agrad\u00e1vel depende da escrita e do design de forma equilibrada e alinhada<\/strong>. S\u00f3 assim a comunica\u00e7\u00e3o de um produto consegue ser efetiva: casando textos informativos com elementos visuais. E essa sinergia melhora a compreens\u00e3o das funcionalidades, torna a navega\u00e7\u00e3o mais intuitiva e reduz a confus\u00e3o, resultando em satisfa\u00e7\u00e3o e engajamento da pessoa usu\u00e1ria.<\/p>

Al\u00e9m disso, a colabora\u00e7\u00e3o entre writers e designers acelera o desenvolvimento do produto, evitando retrabalhos e mal-entendidos. <\/strong>Isso garante acessibilidade e inclusividade para uma audi\u00eancia mais ampla, com feedback e itera\u00e7\u00e3o cont\u00ednuos para atender \u00e0s necessidades dos usu\u00e1rios. O resultado \u00e9 um produto final bem-sucedido”.<\/p><\/blockquote>\n\n\n\n[rock-biblioteca]\n\n\n\n