![\"design-de-conteudo\"](\"https:\/\/www.evonline.com.br\/novo-elementor\/wp-content\/uploads\/2018\/07\/design-conteudo.jpg\" "\\"design")
<\/p>\n[vc_row][vc_column][vc_column_text css=”.vc_custom_1531328915231{margin-bottom: 0px !important;}”]<\/p>\n
Qual \u00e9 a receita do sucesso de uma p\u00e1gina na internet? N\u00e3o existe a f\u00f3rmula perfeita, mas sim a\u00e7\u00f5es para melhorar a experi\u00eancia do usu\u00e1rio<\/strong> no seu site <\/a>e promover o entendimento do seu conte\u00fado<\/a> atrav\u00e9s da percep\u00e7\u00e3o. Ajudar o usu\u00e1rio a encontrar aquilo que ele est\u00e1 procurando \u00e9 ideal para a satisfa\u00e7\u00e3o do seu p\u00fablico ao acessar uma\u00a0p\u00e1gina. O design <\/a>de conte\u00fado\u00a0contextualiza a tem\u00e1tica\u00a0e proporciona experi\u00eancias atrav\u00e9s do comportamento natural do usu\u00e1rio na navega\u00e7\u00e3o.<\/p>\n \u00c9 claro que as formas de se desenvolver um projeto de intera\u00e7\u00e3o – neste caso, um site – envolve uma s\u00e9rie de conhecimentos e expertises para que ele se torne acess\u00edvel. Ao projetar um site leva-se em considera\u00e7\u00e3o as melhores pr\u00e1ticas de usabilidade<\/strong>, UX (user experience), design e navegabilidade para que se construa uma arquitetura da informa\u00e7\u00e3o organizada de tal maneira a responder corretamente a diferentes plataformas e acessos. A arquitetura da informa\u00e7\u00e3o \u00e9 recorrente aos crit\u00e9rios de an\u00e1lise de relev\u00e2ncia de um site<\/a> pelo Google e abrem a oportunidade para os designers explorarem maneiras de desenhar experi\u00eancias engajadoras<\/strong> para seus usu\u00e1rios.<\/p>\n Pensando nisso, nossos designers\u00a0reuniram 6 dicas para que voc\u00ea crie p\u00e1ginas envolventes e potencialize seu engajamento com o p\u00fablico:<\/p>\n <\/p>\n O termo Landing, em ingl\u00eas, significa aterrissar. Ele \u00e9 atribu\u00eddo, no web design<\/a>, \u00e0s p\u00e1ginas pelas quais os usu\u00e1rios ingressam em\u00a0seu site, uma vez que os buscadores mostram em seus resultados p\u00e1ginas internas e n\u00e3o somente a inicial. Este conceito ressalta a import\u00e2ncia do foco no conte\u00fado para que o usu\u00e1rio encontre aquilo que est\u00e1 procurando.\u00a0Por isso, seu conte\u00fado deve ser constru\u00eddo de forma a responder \u00e0s expectativas de quem busca, sendo consistente e suficientemente completo. Como na home page, a\u00a0aten\u00e7\u00e3o aos detalhes das p\u00e1ginas internas deve ter igual import\u00e2ncia.<\/p>\n Como aplicar:<\/strong><\/p>\n Utilize a navega\u00e7\u00e3o vertical, direcionando o usu\u00e1rio ao seu conte\u00fado <\/a>por etapas. Neste caso, utilizar o conceito de pir\u00e2mide invertida permite que se trate inicialmente do que \u00e9 mais relevante e deixe para o decorrer da p\u00e1gina o aprofundamento aos detalhes. Discorra a respeito de uma palavra-chave e mostre seu conhecimento no assunto.<\/p>\n Ao desenvolver a p\u00e1gina inicial, projetamos um ideal de navega\u00e7\u00e3o partindo dela. \u00c9 importante se pensar nesta estrat\u00e9gia nas p\u00e1ginas internas tamb\u00e9m, utilizando links que abordem assuntos complementares \u00e0quele conte\u00fado, bot\u00f5es e call to action<\/em><\/strong>\u00a0de acordo com a necessidade do projeto. Mantenha\u00a0o usu\u00e1rio no seu site\u00a0para\u00a0melhorar seu posicionamento<\/strong> e atinja seus objetivos de convers\u00e3o. Utilize hierarquia e equil\u00edbrio para destacar estas \u00e1reas de clique. Pensar na sa\u00edda do usu\u00e1rio \u00e9 t\u00e3o importante quanto a entrada.<\/p>\n Trabalhar com um padr\u00e3o de navega\u00e7\u00e3o\u00a0permite uma agilidade na constru\u00e7\u00e3o das p\u00e1ginas. A coer\u00eancia visual<\/strong> garante uma percep\u00e7\u00e3o de organiza\u00e7\u00e3o por conta do visitante e facilita o acesso \u00e0s informa\u00e7\u00f5es.<\/p>\n Como aplicar:<\/strong><\/p>\n Se houver, por exemplo, p\u00e1ginas de descri\u00e7\u00e3o de servi\u00e7o, \u00e9 interessante que os temas que se repetem entre eles estejam na mesma posi\u00e7\u00e3o. Assim, o usu\u00e1rio encontrar\u00e1, sempre na mesma \u00e1rea, a informa\u00e7\u00e3o desejada. Ex: caracter\u00edsticas, benef\u00edcios, etc. Isso facilita um comparativo atrav\u00e9s da similaridade. Voc\u00ea tamb\u00e9m pode utilizar contraste para recomendar determinada solu\u00e7\u00e3o.<\/p>\n Mas tome cuidado ao inovar: ter um bom senso aos padr\u00f5es de navega\u00e7\u00e3o (n\u00e3o h\u00e1 segredo, \u00e9 s\u00f3 navegar) permite um entendimento r\u00e1pido do conte\u00fado. O usu\u00e1rio n\u00e3o vai procurar um manual de como navegar em\u00a0seu site<\/a>.<\/p>\n No design de conte\u00fado\u00a0a\u00a0coer\u00eancia entre as p\u00e1ginas mant\u00e9m o site organizado, demonstra qualidade e auxilia na constru\u00e7\u00e3o e fortalecimento da identidade visual da sua empresa. Por isso, \u00e9 importante se adotar alguns padr\u00f5es, como:<\/p>\n <\/p>\n Imagens atraem o usu\u00e1rio e despertam aten\u00e7\u00e3o ao conte\u00fado. As\u00a0fotografias das p\u00e1ginas internas devem estar na mesma identidade da p\u00e1gina inicial e materiais gr\u00e1ficos da empresa. Perceba a luminosidade, a temperatura das cores, se h\u00e1 foco em um elemento ou se h\u00e1 um campo de vis\u00e3o ampliado. Mantenha a unidade em cada imagem\u00a0escolhida para compor o site, ela tamb\u00e9m \u00e9 parte da identidade visual da organiza\u00e7\u00e3o. Selecione fotos com enquadramento, qualidade, prefira aquelas que destacam cores pr\u00f3ximas \u00e0 identidade visual da empresa e treine sua sensibilidade para diferenciar uma fotografia amadora de uma profissional.<\/p>\n Como aplicar:\u00a0<\/strong><\/p>\n Al\u00e9m do estilo da fotografia, \u00e9 interessante perceber como elas est\u00e3o trabalhadas na p\u00e1gina inicial em rela\u00e7\u00e3o \u00e0s dimens\u00f5es e utiliza\u00e7\u00e3o de texto sobre a imagem. Nada impede que o padr\u00e3o interno seja diferente do in\u00edcio, desde que haja uma unidade.<\/p>\n Mas lembre-se: a utiliza\u00e7\u00e3o de fotografias pr\u00f3prias aumentam sua relev\u00e2ncia nos buscadores.<\/p>\n <\/p>\n Talvez a maior dificuldade de se gerenciar uma p\u00e1gina de conte\u00fado seja em distribuir a informa\u00e7\u00e3o de forma inteligente e agrad\u00e1vel. Para se dar a devida import\u00e2ncia ao assunto, \u00e9 interessante evitar o uso de textos extensos e sem pausa. Crie par\u00e1grafos e divida a informa\u00e7\u00e3o de forma a facilitar o entendimento e demonstrar organiza\u00e7\u00e3o.<\/p>\n Textos bem distribu\u00eddos tem mais chances de serem lidos. Para isso, defina subt\u00edtulos, d\u00ea nome aos blocos, pense na distribui\u00e7\u00e3o horizontal da informa\u00e7\u00e3o e n\u00e3o s\u00f3 vertical. Assim, o usu\u00e1rio encontrar\u00e1 a informa\u00e7\u00e3o desejada sem grandes esfor\u00e7os. Destaque as informa\u00e7\u00f5es mais importantes com cores\u00a0e\u00a0fontes contrastantes, ilustre-as com \u00edcones e imagens.<\/p>\n A rela\u00e7\u00e3o entre texto e imagem \u00e9 hier\u00e1rquica tamb\u00e9m, por isso devem ser equilibradas quando associadas. A ilustra\u00e7\u00e3o de um conte\u00fado com imagem e de outro com \u00edcone, por exemplo, cria uma diferencia\u00e7\u00e3o de import\u00e2ncia. Analise com cuidado o texto e adote similaridade para assuntos conexos e contraste para assuntos distintos.<\/p>\n Como aplicar:<\/strong><\/p>\n Ao se utilizar um texto associado a uma imagem, equilibre-os. Isso demonstra que um est\u00e1 ligado ao outro e permite uma compreens\u00e3o agrad\u00e1vel do conte\u00fado. Ao adaptar um texto extenso, tenha bom senso para n\u00e3o alterar seu sentido.<\/p>\n E para finalizar\u2026<\/p>\n \u00c9 a forma mais efetiva de se perceber os erros e acertos na web. Se inspire nos grandes portais e crie p\u00e1ginas com maior assertividade.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":" Nossos designers reuniram dicas para o melhorar o design do seu conte\u00fado na internet e permitir que voc\u00ea crie p\u00e1ginas envolventes e organizadas.<\/p>\n","protected":false},"author":1,"featured_media":14455,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[19,30],"tags":[54,36],"class_list":["post-14454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-sites","tag-design","tag-sites"],"acf":[],"yoast_head":"\n1-<\/strong><\/span>\u00a0Aposte nas\u00a0Landing Pages<\/h2>\n
2-<\/strong><\/span>\u00a0Projete a navega\u00e7\u00e3o<\/h2>\n
3-<\/strong><\/span>\u00a0Padronize os elementos<\/h2>\n
\n
4-<\/strong><\/span>\u00a0Utilize boas imagens<\/h2>\n
5-<\/strong><\/span>\u00a0Cuide da Hierarquia da Informa\u00e7\u00e3o<\/h2>\n
6-<\/strong><\/span>\u00a0Para efetividade do design de conte\u00fado, Navegue!<\/h2>\n