{"id":4455,"date":"2024-04-03T07:00:00","date_gmt":"2024-04-03T10:00:00","guid":{"rendered":"https:\/\/iigual.com.br\/blog\/?p=4455"},"modified":"2024-04-03T12:22:29","modified_gmt":"2024-04-03T15:22:29","slug":"o-que-e-web-design","status":"publish","type":"post","link":"https:\/\/iigual.com.br\/blog\/o-que-e-web-design\/","title":{"rendered":"Como um web design inclusivo melhora o dia a dia nas empresas?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Investir em um <strong>web design <\/strong>que seja acess\u00edvel para todos \u00e9 uma das boas pr\u00e1ticas que as empresas podem adotar, a fim de tornar o ambiente mais inclusivo. Para isso, no entanto, \u00e9 preciso conhecer os principais pontos e as tecnologias que podem auxiliar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 um web design?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong>web design<\/strong> consiste na cria\u00e7\u00e3o de layouts para ambientes virtuais, como sites e aplicativos, por exemplo. Essa \u00e1rea inclui v\u00e1rios tipos de atividades, para chegar ao resultado, como uma p\u00e1gina na web, tais como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>design;<\/li>\n\n\n\n<li>programa\u00e7\u00e3o;<\/li>\n\n\n\n<li>UX, ou seja, experi\u00eancia do usu\u00e1rio.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse contexto, ao projetar a cria\u00e7\u00e3o de um site ou um aplicativo, \u00e9 preciso pensar na forma como o usu\u00e1rio vai acessar. Com isso, \u00e9 poss\u00edvel colocar bot\u00f5es em destaque e criar se\u00e7\u00f5es de conte\u00fado, que facilitem a navega\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa atividade ganhou relev\u00e2ncia ao longo dos anos, porque pode impactar de forma positiva em v\u00e1rias \u00e1reas da empresa, como marketing e vendas, por exemplo. Por isso, \u00e9 preciso ter estrat\u00e9gia para colocar cada elemento para um acesso intuitivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recursos como bot\u00f5es em cores de destaque, blocos de texto mais curtos, com fontes em tamanho que facilite a leitura s\u00e3o algumas das medidas comuns para quem trabalha na \u00e1rea.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-1024x683.jpg\" alt=\"Como um web design inclusivo melhora o dia a dia nas empresas?\" class=\"wp-image-4457\" style=\"width:1170px;height:auto\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-1024x683.jpg 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-300x200.jpg 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-768x512.jpg 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-750x500.jpg 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design-1140x760.jpg 1140w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_2_web_design.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">O web design inclusivo deve levar em conta elementos como cores, legendas e recursos visuais. Imagem de Hal Gatewood no Unsplash<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Como tornar o web design inclusivo?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para que o <strong>web design <\/strong>se torne inclusivo, podem-se usar ferramentas e recursos que atendam pessoas com v\u00e1rios tipos de defici\u00eancia, como, por exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>baixa vis\u00e3o ou cegueira;<\/li>\n\n\n\n<li>perda auditiva;<\/li>\n\n\n\n<li>dificuldade motora.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Isso torna o acesso mais f\u00e1cil tanto para o p\u00fablico interno, ou seja, os colaboradores da empresa como para os visitantes externos, como clientes, fornecedores, entre outros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Diretrizes de acessibilidade<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de iniciar um projeto para criar um site inclusivo ou alterar o que j\u00e1 possui, o ideal \u00e9 entender mais sobre as diretrizes, ou padr\u00f5es recomendados por \u00f3rg\u00e3os que atuam na \u00e1rea.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um dos exemplos disso s\u00e3o as Diretrizes de Acessibilidade para Conte\u00fado Web (WCAG), criadas pelo World Wide Web Consortium (W3C). Assim, h\u00e1 uma s\u00e9rie de regras que visam melhorar o acesso em p\u00e1ginas na web, entre elas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>incluir legendas em conte\u00fados em v\u00eddeo;<\/li>\n\n\n\n<li>colocar descri\u00e7\u00f5es de imagens;<\/li>\n\n\n\n<li>usar recursos de descri\u00e7\u00e3o em \u00e1udio;<\/li>\n\n\n\n<li>escolher cores com bom n\u00edvel de contraste;<\/li>\n\n\n\n<li>op\u00e7\u00e3o de desligar \u00e1udio de fundo em v\u00eddeos ou reduzir o volume.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Testes de usabilidade<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outra boa forma de analisar se a p\u00e1gina web \u00e9 acess\u00edvel \u00e9 fazer testes com pessoas com defici\u00eancia para avaliarem os principais pontos. Dessa forma, pode obter um feedback realista sobre como melhorar a experi\u00eancia de uso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso de novas tecnologias<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aplicar tecnologias assistivas ajudam a tornar o acesso \u00e0 internet, em um site institucional ou aplicativo, por exemplo. Uma delas \u00e9 o aplicativo Suite <a href=\"https:\/\/www.gov.br\/governodigital\/pt-br\/acessibilidade-e-usuario\/vlibras\" target=\"_blank\" rel=\"noreferrer noopener\">VLibras<\/a>, o qual \u00e9 uma ferramenta gratuita, que reproduz conte\u00fados online em linguagem de sinais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os recursos de zoom e lupa tamb\u00e9m s\u00e3o muito \u00fateis para aumentar a visibilidade dos conte\u00fados escritos.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-1024x684.jpg\" alt=\"Como um web design inclusivo melhora o dia a dia nas empresas?\" class=\"wp-image-4456\" style=\"width:1170px;height:auto\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-1024x684.jpg 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-300x200.jpg 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-768x513.jpg 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-750x501.jpg 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design-1140x761.jpg 1140w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2024\/04\/interna_1_web_design.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">O web design visa melhorar a experi\u00eancia de uso em sites ou aplicativos. Imagem de Mikhail Nilov no Pexels<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Qual \u00e9 a import\u00e2ncia de um web design inclusivo?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A preocupa\u00e7\u00e3o com o<strong> web design <\/strong>\u00e9 essencial para a <a href=\"https:\/\/iigual.com.br\/blog\/inclusao-de-pessoas-com-deficiencia\/\" target=\"_blank\" rel=\"noreferrer noopener\">inclus\u00e3o de pessoas com defici\u00eancia<\/a> no mundo digital. Assim como \u00e9 preciso dar equidade de oportunidades para ocupar cargos no trabalho, o mesmo deve ocorrer com as ferramentas do dia a dia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso tamb\u00e9m melhora a percep\u00e7\u00e3o em rela\u00e7\u00e3o da empresa perante o p\u00fablico externo, como clientes e parceiros de neg\u00f3cios. Afinal, cada vez mais se valoriza a responsabilidade social dos neg\u00f3cios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como o web design inclusivo pode melhorar o ambiente nas empresas?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong>web design<\/strong> inclusivo facilita o acesso de pessoas com defici\u00eancia a ferramentas de trabalho. Dessa forma, podem se tornar mais produtivas e ter autonomia para realizar suas tarefas do dia a dia.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse tipo de recurso tamb\u00e9m permite usar o ambiente digital para fins educativos. Ou seja, a empresa pode colocar cursos e conte\u00fados para acesso online, para preparar os funcion\u00e1rios e melhorar habilidades \u00fateis para o trabalho.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como come\u00e7ar a aplicar o web design nas empresas?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Uma empresa que deseja mudar o<strong> web design<\/strong> precisa de suporte de profissionais com experi\u00eancia na \u00e1rea. Dessa forma, antes de contratar uma empresa ou designer para o projeto, pode analisar aspectos como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>portf\u00f3lio;<\/li>\n\n\n\n<li>experi\u00eancia na \u00e1rea;<\/li>\n\n\n\n<li>indica\u00e7\u00e3o de outros clientes.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9m \u00e9 importante pesquisar tend\u00eancias e adequar o projeto \u00e0 identidade visual da marca. Al\u00e9m disso, pode realizar uma pesquisa interna para obter ideias de como melhorar a experi\u00eancia de uso no site ou em um aplicativo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conte com uma consultoria<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para as empresas que desejam um trabalho profissional, \u00e9 poss\u00edvel contar com uma consultoria para indicar as mudan\u00e7as que se devem aplicar a cada caso. Isso pode tornar o processo mais r\u00e1pido, j\u00e1 que conta com a experi\u00eancia de quem entende do assunto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qual o momento de fazer as mudan\u00e7as no design web?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O ideal \u00e9 que toda empresa que possui um ambiente virtual, seja um site, intranet ou um aplicativo tenha a preocupa\u00e7\u00e3o com a <a href=\"https:\/\/iigual.com.br\/blog\/o-que-e-acessibilidade\/\" target=\"_blank\" rel=\"noreferrer noopener\">acessibilidade<\/a>. Mas, para aquelas que j\u00e1 tem uma p\u00e1gina na web, alguns sinais podem indicar que \u00e9 preciso fazer altera\u00e7\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>queda no n\u00famero de visitas;<\/li>\n\n\n\n<li>taxa de rejei\u00e7\u00e3o alta;<\/li>\n\n\n\n<li>baixa performance nas pesquisas.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">No caso de aplicativos, por exemplo, esses sinais tamb\u00e9m podem ser percebidos a partir do n\u00famero de downloads em queda, bem como, as avalia\u00e7\u00f5es dos usu\u00e1rios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse contexto, \u00e9 bem importante monitorar as m\u00e9tricas para verificar se h\u00e1 uma boa recep\u00e7\u00e3o por parte dos usu\u00e1rios. Assim, \u00e9 poss\u00edvel melhorar cada vez mais a experi\u00eancia de uso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Investir em um web design que seja acess\u00edvel para todos \u00e9 uma das boas pr\u00e1ticas que as empresas podem adotar, a fim de tornar o ambiente mais inclusivo. Para isso, no entanto, \u00e9 preciso conhecer os principais pontos e as tecnologias que podem auxiliar. O que \u00e9 um web design? O web design consiste na [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":4458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[1301,1300],"class_list":["post-4455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inclusao","tag-layouts-para-ambientes-virtuais","tag-site-inclusivo"],"_links":{"self":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/4455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4455"}],"version-history":[{"count":2,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/4455\/revisions"}],"predecessor-version":[{"id":4462,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/4455\/revisions\/4462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media\/4458"}],"wp:attachment":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}