obter as ferramentas<\/a> necess\u00e1rias para uma mudan\u00e7a bem-sucedida.\n<\/p>\n\n 1 Design responsivo = Otimiza\u00e7\u00e3o para dispositivos m\u00f3veis
\n<\/h5>\n
\n Sim, \u00e9 verdade que o recente crescimento m\u00f3vel \u00e9 a raz\u00e3o pela qual todos est\u00e3o enfatizando o web design responsivo e desempenha um grande papel no conceito. Mas n\u00e3o \u00e9 a \u00fanica coisa que importa. Tamb\u00e9m se trata principalmente de considerar os tipos de usu\u00e1rios e os dispositivos que est\u00e3o usando. Existem mais dispositivos al\u00e9m dos m\u00f3veis que precisam de otimiza\u00e7\u00e3o, como tablets e telas de televis\u00e3o. O verdadeiro objetivo do web design responsivo \u00e9 fazer com que um site se ajuste a qualquer tela ou monitor, em qualquer propor\u00e7\u00e3o ou escala, usando qualquer tipo de conex\u00e3o com a Internet. Isso vai muito al\u00e9m da tela do celular.\n<\/p>\n
\n 2 Teste em tantos dispositivos quanto poss\u00edvel
\n<\/h5>\n
\n No mundo do design, a maioria dos designers n\u00e3o testa seu site em mais de um punhado de dispositivos, e o mesmo vale para o design responsivo. Seria imposs\u00edvel testar em todos os dispositivos. Existem centenas de marcas e milhares de modelos e, quando voc\u00ea terminasse de testar at\u00e9 mesmo uma grande amostra, a tecnologia estaria desatualizada e seria hora de come\u00e7ar de novo. Um pequeno tamanho de amostra \u00e9 quase sempre adequado para determinar a trabalhabilidade em todos os dispositivos.\n<\/p>\n
\n 3 A tipografia n\u00e3o precisa ser otimizada
\n<\/h5>\n
\n Infelizmente, muitos designers acreditam nisso. Eles se concentram tanto no dispositivo e no tamanho da p\u00e1gina da Web que n\u00e3o consideram o design real e o usu\u00e1rio. Para ter sucesso, um site deve ser leg\u00edvel, e prestar aten\u00e7\u00e3o \u00e0 tipografia no design responsivo \u00e9 extremamente importante.\n<\/p>\n
\n 4 Uma \u00fanica experi\u00eancia adaptativa n\u00e3o funcionar\u00e1
\n<\/h5>\n
\n A suposi\u00e7\u00e3o de que as pessoas desejam interfaces diferentes para dispositivos diferentes geralmente atrapalha o web designer experiente. Isso leva os designers a acreditar que precisam de m\u00faltiplas estrat\u00e9gias e adapta\u00e7\u00f5es feitas sob medida para cada dispositivo. No entanto, n\u00e3o vale a dor de cabe\u00e7a. Voc\u00ea pode facilmente criar um site que funcione em v\u00e1rios dispositivos com apenas um modelo.\n<\/p>\n
\n 5 Design responsivo e cargas pesadas de p\u00e1ginas tornam os designs mais lentos
\n<\/h5>\n
\n \u00c9 f\u00e1cil culpar a natureza da fera, mas, neste caso, isso n\u00e3o \u00e9 justo. Existem muitos sites de pequena escala com conte\u00fado pesado que carregam rapidamente e sem problemas, indicando que pode n\u00e3o ser o design o culpado pelo carregamento lento da p\u00e1gina, mas o designer.\n<\/p>\n
\n 6 Design responsivo n\u00e3o funcionar\u00e1 para todos os casos de uso
\n<\/h5>\n
\n Isso \u00e9 extremamente enganoso, pois os casos de uso s\u00e3o muito importantes para um design responsivo funcional. Os designers devem levar em considera\u00e7\u00e3o cada caso de uso para identificar, esclarecer e organizar os requisitos do sistema em todos os dispositivos. Seus usu\u00e1rios n\u00e3o v\u00e3o querer escolher as situa\u00e7\u00f5es em que podem acessar seu site, ent\u00e3o voc\u00ea vai querer que ele esteja dispon\u00edvel a qualquer momento, e dominar o caso de uso para uma variedade de dispositivos \u00e9 a melhor maneira de vai.\n<\/p>\n
\n 7 Design responsivo n\u00e3o funciona para o varejo
\n<\/h5>\n
\n Falso. Embora possa envolver uma interface mais complicada, o design responsivo funciona muito bem para empresas de varejo. Na verdade, est\u00e1 se tornando uma necessidade. Um estudo realizado pela Juniper Research mostra que at\u00e9 2018, 30% de todas as transa\u00e7\u00f5es de com\u00e9rcio eletr\u00f4nico ocorrer\u00e3o em dispositivos m\u00f3veis. Al\u00e9m disso, a quantidade de compradores m\u00f3veis aumentou de 393 milh\u00f5es para 580 milh\u00f5es desde o in\u00edcio de 2014 at\u00e9 o final, indicando que j\u00e1 passou da hora do design responsivo de varejo.\n<\/p>\n
\n 8 Leva mais tempo para implementar o design responsivo
\n<\/h5>\n
\n Pode ser verdade que levar\u00e1 um pouco mais de tempo para obter um design responsivo, mas n\u00e3o muito. Na verdade, ele pode realmente economizar seu tempo ao criar uma base de c\u00f3digo comum e uma base de conte\u00fado para uma infinidade de dispositivos. Al\u00e9m disso, mais e mais empresas de hospedagem na web est\u00e3o adicionando codifica\u00e7\u00e3o de design responsivo em seu pacote original, o que torna mais f\u00e1cil e menos demorado desenvolver ambos os sites ao mesmo tempo.\n<\/p>\n
\n 9 Todo mundo est\u00e1 se voltando para o design responsivo
\n<\/h5>\n
\n Nem todo mundo v\u00ea o valor do design responsivo. Isso pode significar atrair o maior p\u00fablico online, mas isso n\u00e3o significa necessariamente que toda empresa precisa de um design responsivo para ter sucesso. Vale a pena para todas as empresas considerar a rela\u00e7\u00e3o custo\/receita, mesmo que a empresa decida que n\u00e3o precisa disso.\n<\/p>\n
\n 10 design responsivo deve funcionar em todos os navegadores
\n<\/h5>\n
\n Os desenvolvimentos no setor responsivo est\u00e3o melhorando o tempo todo, mas isso n\u00e3o significa que voc\u00ea poder\u00e1 fazer com que qualquer design da web funcione em todos os navegadores m\u00f3veis. Normalmente, ele funcionar\u00e1 apenas em navegadores criados desde o in\u00edcio do design da Web responsivo, como Chrome, Firefox e Safari. Voc\u00ea ter\u00e1 dificuldade em faz\u00ea-lo responder a vers\u00f5es mais antigas do Internet Explorer, o que \u00e9 \u00f3timo, pois o usu\u00e1rio logo descobrir\u00e1 que precisa atualizar seu navegador de qualquer maneira.\n<\/p>\n
\n 11 \u00c9 muito caro para implementar
\n<\/h5>\n
\n \u00c9 verdade que \u00e9 preciso um conjunto diferente de habilidades, ferramentas e tecnologia para implementar o design responsivo, mas n\u00e3o \u00e9 muito mais caro do que outros empreendimentos de web design. Na verdade, muitos sites de hospedagem oferecem uma tarifa com desconto se voc\u00ea j\u00e1 comprar hospedagem na web com eles.\n<\/p>\n
\n 12 Design responsivo e SEO t\u00eam conex\u00f5es limitadas
\n<\/h5>\n
\n O SEO agora est\u00e1 fortemente ligado ao design responsivo, gra\u00e7as \u00e0 atualiza\u00e7\u00e3o do algoritmo do Google lan\u00e7ada no in\u00edcio deste ano, os sites ser\u00e3o penalizados em seus rankings se n\u00e3o forem otimizados para uso m\u00f3vel. O principal objetivo do Google \u00e9 fornecer aos usu\u00e1rios exatamente o que eles desejam, e o principal mecanismo de pesquisa n\u00e3o o recompensar\u00e1 com classifica\u00e7\u00f5es mais altas se o seu site n\u00e3o for amig\u00e1vel para o grande p\u00fablico m\u00f3vel.\n<\/p>\n
\n 13 \u00c9 f\u00e1cil fazer a transi\u00e7\u00e3o do conte\u00fado existente para um design responsivo
\n<\/h5>\n
\n Pelo contr\u00e1rio. \u00c9 preciso alguns ajustes para fazer a transi\u00e7\u00e3o perfeita do conte\u00fado da tela grande para a pequena. O processo de transi\u00e7\u00e3o envolve reconhecer o conte\u00fado mais importante, cortar o excesso e reduzi-lo para caber em dispositivos menores. Acima de tudo, \u00e9 melhor abordar todos os novos conte\u00fados com uma perspectiva “mobile first”, o que facilitar\u00e1 muito o uso de dispositivos em ambas as plataformas.\n<\/p>\n
\n 14 “Mobile First” significa focar mais no design m\u00f3vel do que no site original
\n<\/h5>\n
\n Se voc\u00ea estiver pensando primeiro no celular, pensar\u00e1 primeiro no usu\u00e1rio, o que se traduzir\u00e1 em uma experi\u00eancia melhor para o usu\u00e1rio, no site para celular e no site original. O conceito apresenta uma forma bem pensada de oferecer uma melhor experi\u00eancia geral para o usu\u00e1rio, n\u00e3o importa como ele esteja acessando o conte\u00fado.\n<\/p>\n
\n 15 Pontos de Interrup\u00e7\u00e3o de Dispositivos Individuais Devem Ser a Primeira Prioridade no Design Responsivo
\n<\/h5>\n
\n O design responsivo n\u00e3o significa reduzir a escala de um site para caber em um dispositivo espec\u00edfico. Isso \u00e9 apenas fazer mais trabalho para si mesmo do que o necess\u00e1rio. Se voc\u00ea deseja desenvolver um site responsivo, precisar\u00e1 projetar uma interface que funcione em uma infinidade de dispositivos, n\u00e3o apenas em um. N\u00e3o se trata apenas dos pontos de interrup\u00e7\u00e3o de dispositivos individuais, mas da constru\u00e7\u00e3o de uma estrutura que funcionar\u00e1 com qualquer ponto de interrup\u00e7\u00e3o.\n<\/p>\n
\n 16 imagens universalmente otimizadas funcionar\u00e3o em todas as telas
\n<\/h5>\n
\n Como voc\u00ea est\u00e1 tentando colocar uma imagem em um tamanho de cont\u00eainer menor, obviamente precisar\u00e1 de alguma otimiza\u00e7\u00e3o de imagem. No entanto, uma imagem de tamanho \u00fanico n\u00e3o funcionar\u00e1, mesmo que essa imagem j\u00e1 tenha sido otimizada para um dispositivo menor. Os dispositivos v\u00eam em todos os tamanhos diferentes e, se a imagem universalmente otimizada for muito grande, a p\u00e1gina n\u00e3o ser\u00e1 carregada. Se for muito pequeno, o desenho ficar\u00e1 distorcido. Em geral, voc\u00ea pode otimizar imagens em v\u00e1rios tamanhos para caber em v\u00e1rios dispositivos.\n<\/p>\n
\n 17 O conte\u00fado pode ficar oculto no design responsivo
\n<\/h5>\n
\n Talvez isso seja verdade, mas apenas se os web designers n\u00e3o tiverem ideia do que est\u00e3o fazendo. Para o web designer experiente, esse mito \u00e9 absurdo. O objetivo de um web design responsivo \u00e9 tornar o conte\u00fado facilmente dispon\u00edvel e acess\u00edvel. Ocultar conte\u00fado \u00e9 a ant\u00edtese dessa ideia e nunca \u00e9 algo que voc\u00ea queira fazer de prop\u00f3sito. Se voc\u00ea se concentrar na acessibilidade em vez do conte\u00fado oculto, n\u00e3o dever\u00e1 ter problemas para criar uma interface responsiva.\n<\/p>\n
\n 18 Web design responsivo \u00e9 o futuro
\n<\/h5>\n
\n Talvez esse mito se origine do fato de que apenas 22% dos profissionais de marketing dizem ter um conhecimento especializado em design responsivo, 29% dizem ter um entendimento m\u00e9dio, 23% dizem ter um entendimento b\u00e1sico, mas est\u00e3o atrasados \u200b\u200be 4% dizem que n\u00e3o tem jeito quando se trata de design responsivo.\n<\/p>\n
\n Mas a realidade \u00e9 que o web design responsivo \u00e9 agora. As pessoas querem sites mais responsivos hoje, n\u00e3o daqui a cinco anos. A \u00fanica maneira de avan\u00e7ar na curva do design responsivo \u00e9 implementar as pr\u00e1ticas recomendadas hoje e buscar acessibilidade e integra\u00e7\u00e3o ainda mais perfeitas no futuro.\n<\/p>\n
\n 19 Web design responsivo deve ser sua \u00fanica prioridade
\n<\/h5>\n
\n Novamente, isso est\u00e1 errado. Sucesso em web design significa ser capaz de usar v\u00e1rios chap\u00e9us diferentes e us\u00e1-los bem. Voc\u00ea precisar\u00e1 aprender a equilibrar suas atualiza\u00e7\u00f5es para o site original, seu blog, seus sites m\u00f3veis e todos os outros aspectos de suas responsabilidades de web design.\n<\/p>\n
\n Al\u00e9m disso, a verdadeira prioridade deve ser sempre a experi\u00eancia do usu\u00e1rio. Muitas vezes, priorizar o mobile \u00e9 o mesmo que colocar o usu\u00e1rio em primeiro lugar, mas nem sempre. Como web designer, \u00e9 sua responsabilidade encontrar esse equil\u00edbrio.\n<\/p>\n
\n 20 Web design responsivo \u00e9 um modelo perfeito
\n<\/h5>\n
\n Espero que ningu\u00e9m realmente acredite nesse mito. O designer experiente entende que realmente n\u00e3o existe um modelo perfeito, especialmente com uma entidade em desenvolvimento t\u00e3o r\u00e1pido. Sempre haver\u00e1 peculiaridades, tempos de carregamento mais lentos e outros problemas para os usu\u00e1rios reclamarem.\n<\/p>\n
\n No entanto, \u00e9 o melhor modelo que temos para melhorar a experi\u00eancia do usu\u00e1rio em v\u00e1rios dispositivos e tamb\u00e9m \u00e9 sua melhor aposta para aumentar o envolvimento do usu\u00e1rio com sua marca. Com mais de 60 por cento de toda a atividade da Internet sendo acessada em um dispositivo m\u00f3vel, \u00e9 um modelo muito importante a ser considerado, mesmo que seja falho.\n<\/p>\n
\n Web design responsivo n\u00e3o \u00e9 uma ci\u00eancia exata e \u00e9 dif\u00edcil entender todos os meandros do que o torna bem-sucedido. No entanto, vale a pena investigar e dominar para melhorar seu sucesso geral com sua empresa.\n<\/p>\n<\/p>\n
\n Fonte de grava\u00e7\u00e3o:
instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"A necessidade de abordar a import\u00e2ncia do web design responsivo j\u00e1 passou h\u00e1 muito tempo. Agora \u00e9 hora de focar em como tornar o design mais responsivo poss\u00edvel. \u00c9 o que todo mundo est\u00e1 falando, mas infelizmente nem todo mundo sabe do que est\u00e1 falando. Com muita frequ\u00eancia, voc\u00ea encontrar\u00e1 algumas informa\u00e7\u00f5es na Internet que desafiam o que voc\u00ea sabe sobre design responsivo. \u00c0s vezes, o boato ser\u00e1 extremamente construtivo e ajudar\u00e1 a direcionar suas estrat\u00e9gias de web design na dire\u00e7\u00e3o certa. Outras vezes, voc\u00ea acabar\u00e1 confuso ou acabar\u00e1 indo na dire\u00e7\u00e3o totalmente oposta. Quando isso acontece, h\u00e1\u2026<\/p>\n","protected":false},"author":1,"featured_media":149017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,150,59],"tags":[],"class_list":["post-261604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261604"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261604\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/149017"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}