{"id":2380,"date":"2015-10-06T18:05:23","date_gmt":"2015-10-06T18:05:23","guid":{"rendered":"https:\/\/wk3.com.br\/blog\/?p=2380"},"modified":"2015-10-06T18:05:48","modified_gmt":"2015-10-06T18:05:48","slug":"como-os-sites-devem-se-adaptar-aos-dispositivos-moveis-2","status":"publish","type":"post","link":"https:\/\/wk3.com.br\/blog\/como-os-sites-devem-se-adaptar-aos-dispositivos-moveis-2\/","title":{"rendered":"Como os sites devem se adaptar aos dispositivos m\u00f3veis?"},"content":{"rendered":"<p style=\"line-height: 20.8px;\">\n\tQuase todos os que est&atilde;o conectados &agrave;&nbsp;internet&nbsp;atualmente possuem um dispositivo m&oacute;vel para tal. De olho nisso, muitas empresas, grandes e pequenas, t&ecirc;m a cada dia lan&ccedil;ado vers&otilde;es de seus sites para tablets e smartphones, entretanto, como esse &eacute; um terreno relativamente novo, muitos erros &ndash; que podem ser evitados &ndash; acontecem diariamente e afugentam os usu&aacute;rios.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\tPara saber mais sobre o comportamento dos consumidores, o Google fez uma pesquisa e deu algumas recomenda&ccedil;&otilde;es para que as p&aacute;ginas de empresa acertem na hora de pensar a cria&ccedil;&atilde;o de sites voltados a atender &agrave; crescente demanda dos dispositivos m&oacute;veis.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\tPara chegar a essa lista, os pesquisadores do Google testaram pessoas usando 100 diferentes sites populares para dispositivos m&oacute;veis, diariamente, num total de 119 horas de avalia&ccedil;&atilde;o. O estudo levou em considera&ccedil;&atilde;o, em tempo real, as reclama&ccedil;&otilde;es dos usu&aacute;rios que n&atilde;o conseguiram utilizar os sites da forma mais adequada.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\tSegue a lista de recomenda&ccedil;&otilde;es:\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Promova a&ccedil;&otilde;es vis&iacute;veis a todo momento:<\/strong>&nbsp;&Eacute; f&aacute;cil perder menus ou bot&otilde;es de a&ccedil;&otilde;es no ambiente m&oacute;vel. Os sites manuseados de maneira mais adequada aos usu&aacute;rios foram aqueles que mantiveram as fun&ccedil;&otilde;es prim&aacute;rias j&aacute; estampadas no setor principal e as secund&aacute;rias em menus, ou abaixo da informa&ccedil;&atilde;o mais relevantes.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Crie menus curtos e bem pensados:<\/strong>&nbsp;Se a busca cheia de detalhes &eacute; um recurso bem-vindo em desktops, em dispositivos m&oacute;veis soa como um pesadelo. Resuma os recursos do site em menus simples.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Facilite o caminho de volta:<\/strong>&nbsp;O estudo revelou que a grande maioria dos usu&aacute;rios espera que haja sempre uma forma de voltar &agrave; &quot;home&quot; da p&aacute;ginas. Mantenha seu logo como forma de retorno sempre vis&iacute;vel no topo do site.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Deixe o&nbsp;mecanismo de busca&nbsp;vis&iacute;vel:<\/strong>&nbsp;Muitos dos usu&aacute;rios esperam que haja uma busca espec&iacute;fica para o que desejam. Ent&atilde;o, mantenha sempre uma caixa de procura vis&iacute;vel.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Deixe o usu&aacute;rio explorar antes de assumir compromisso:<\/strong>&nbsp;Uma das coisas mais irritantes que podem acontecer &eacute; voc&ecirc; j&aacute; ter que, de cara, submeter-se a um registro antes mesmo de saber as propriedades do site. Ent&atilde;o, deixe sempre a op&ccedil;&atilde;o para o visitante passear pela p&aacute;gina antes de pedir para que ele cadastre uma conta.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Coloque bot&otilde;es de ajuda para tarefas complexas:<\/strong>&nbsp;Sempre que houver algo com necessidade de uma explica&ccedil;&atilde;o mais detalhada, coloque atalhos para que o usu&aacute;rio saiba encontrar ou requisitar mais informa&ccedil;&otilde;es.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Facilite a convers&atilde;o para outro dispositivo:<\/strong>&nbsp;Nem sempre os visitantes terminam sua jornada em um s&oacute; dispositivo, muitos at&eacute; pesquisam em um smartphone e acabam finalizando uma transa&ccedil;&atilde;o em um computador, por exemplo. Ent&atilde;o, ofere&ccedil;a uma forma dele compartilhar, enviar para e-mail ou deixar em um carrinho de compras, se for o caso, para futura consulta.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Escolha as formas mais simples para cada tarefa:<\/strong>&nbsp;Quando h&aacute; uma lista limitada de op&ccedil;&otilde;es de escolha para o usu&aacute;rio, a melhor forma de fazer isso &eacute; enumerar do jeito mais simples poss&iacute;vel, levando em considera&ccedil;&atilde;o a praticidade de tocar no item desejado.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Minimize os erros de formul&aacute;rios:<\/strong>&nbsp;Uma das coisas que mais afastam usu&aacute;rios &eacute; ter que preencher o mesmo formul&aacute;rio mais de uma vez. Para evitar isso, evidencie bem a caixa de texto onde entram as informa&ccedil;&otilde;es e tente avis&aacute;-los em tempo real quando h&aacute; algum dado incompat&iacute;vel com a requisi&ccedil;&atilde;o.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Otimize todo o site para dispositivos m&oacute;veis:<\/strong>&nbsp;Isso j&aacute; &eacute; de conhecimento da maioria, contudo, muitos sites insistem em utilizar a mesma interface de desktops para tablets e smartphones e vice-versa. Crie uma vers&atilde;o da mesma p&aacute;gina especificamente para os dispositivos m&oacute;veis, levando muito em considera&ccedil;&atilde;o o recurso da tela sens&iacute;vel ao toque.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>N&atilde;o fa&ccedil;a seus usu&aacute;rios terem que aumentar detalhes da p&aacute;gina:<\/strong>&nbsp;Isso acontece com frequ&ecirc;ncia em sites feitos para desktops e que s&atilde;o mal-adaptados ao ambiente m&oacute;vel. Muitos visitantes deixam a p&aacute;gina se precisam dar um &quot;zoom&quot; para escolher algo. Crie uma p&aacute;gina que n&atilde;o obrigue o usu&aacute;rio a aumentar a imagem para enxergar seu conte&uacute;do.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Ofere&ccedil;a imagens detalhadas dos produtos:<\/strong>&nbsp;A maioria dos consumidores gosta de ver o m&aacute;ximo que puderem os produtos que est&atilde;o comprando. Ent&atilde;o, inclua imagens em alta resolu&ccedil;&atilde;o dos itens &agrave; venda, em op&ccedil;&atilde;o que o visitante possa acionar para ampliar os detalhes.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Diga qual &eacute; a melhor orienta&ccedil;&atilde;o para ver a tela:<\/strong>&nbsp;Os participantes da pesquisa viraram a orienta&ccedil;&atilde;o da leitura da tela para ler algo que consideraram muito pequeno. Isso revela que pode ser bastante &uacute;til o site recomendar como os usu&aacute;rios devem acompanhar o conte&uacute;do. Por&eacute;m, &eacute; sempre necess&aacute;rio haver uma forma simples de n&atilde;o perder os bot&otilde;es de a&ccedil;&atilde;o ao fazer as trocas de horizontal para vertical e vice-versa.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\t<strong>Mantenha seus usu&aacute;rios em apenas uma janela do&nbsp;browser:<\/strong>&nbsp;Alterar janelas em ambiente m&oacute;vel pode ser dif&iacute;cil e muitos usu&aacute;rios n&atilde;o retornaram para a origem quando isso aconteceu durante a avalia&ccedil;&atilde;o do Google. Ent&atilde;o, &eacute; sempre desej&aacute;vel que as a&ccedil;&otilde;es fiquem em apenas uma janela e, caso necessite redirecion&aacute;-los, coloque uma op&ccedil;&atilde;o para isso no seu site sem envi&aacute;-los diretamente.<strong>&nbsp;<\/strong>\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\tObviamente, tais recomenda&ccedil;&otilde;es para a cria&ccedil;&atilde;o de sites para dispositivos m&oacute;veis n&atilde;o s&atilde;o regras, at&eacute; porque o mercado e o comportamento das pessoas mudam constantemente. Por isso, al&eacute;m delas, valem tamb&eacute;m a observa&ccedil;&atilde;o, an&aacute;lise cont&iacute;nua de feedback de usu&aacute;rios e o pr&oacute;prio bom senso para se destacar nesse segmento.\n<\/p>\n<p style=\"line-height: 20.8px;\">\n\tConte com a experi&ecirc;ncia dos profissionais da WK3 Ag&ecirc;ncia de Marketing e Publicidade e crie seu website com design moderno e atualizado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quase todos os que est&atilde;o conectados &agrave;&nbsp;internet&nbsp;atualmente possuem um dispositivo m&oacute;vel para tal. De olho nisso, muitas empresas, grandes e pequenas, t&ecirc;m a cada dia lan&ccedil;ado vers&otilde;es de seus sites para tablets e smartphones, entretanto, como esse &eacute; um terreno relativamente novo, muitos erros &ndash; que podem ser evitados &ndash; acontecem diariamente e afugentam os [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2381,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts\/2380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/comments?post=2380"}],"version-history":[{"count":1,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts\/2380\/revisions"}],"predecessor-version":[{"id":2382,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts\/2380\/revisions\/2382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/media\/2381"}],"wp:attachment":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/media?parent=2380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/categories?post=2380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/tags?post=2380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}