{"id":1329,"date":"2014-05-13T15:41:31","date_gmt":"2014-05-13T18:41:31","guid":{"rendered":"https:\/\/wk3.com.br\/blog\/?p=1329"},"modified":"2014-05-13T15:41:31","modified_gmt":"2014-05-13T18:41:31","slug":"como-os-sites-devem-se-adaptar-aos-dispositivos-moveis","status":"publish","type":"post","link":"https:\/\/wk3.com.br\/blog\/como-os-sites-devem-se-adaptar-aos-dispositivos-moveis\/","title":{"rendered":"Como os sites devem se adaptar aos dispositivos m\u00f3veis"},"content":{"rendered":"

\"dispositivos\"<\/a><\/p>\n

Quase todos os que est\u00e3o conectados \u00e0\u00a0internet\u00a0atualmente possuem um dispositivo m\u00f3vel para tal. De olho nisso, muitas empresas, grandes e pequenas, t\u00eam a cada dia lan\u00e7ado vers\u00f5es de seus sites para tablets e smartphones, entretanto, como esse \u00e9 um terreno relativamente novo, muitos erros \u2013 que podem ser evitados \u2013 acontecem diariamente e afugentam os usu\u00e1rios.<\/p>\n

Para saber mais sobre o comportamento dos consumidores, o Google fez uma pesquisa e deu algumas recomenda\u00e7\u00f5es para que as p\u00e1ginas de empresa acertem na hora de pensar a cria\u00e7\u00e3o de sites voltados a atender \u00e0 crescente demanda dos dispositivos m\u00f3veis.<\/p>\n

Para chegar a essa lista, os pesquisadores do Google testaram pessoas usando 100 diferentes sites populares para dispositivos m\u00f3veis, diariamente, num total de 119 horas de avalia\u00e7\u00e3o. O estudo levou em considera\u00e7\u00e3o, em tempo real, as reclama\u00e7\u00f5es dos usu\u00e1rios que n\u00e3o conseguiram utilizar os sites da forma mais adequada.<\/p>\n

Segue a lista de recomenda\u00e7\u00f5es:<\/p>\n

Promova a\u00e7\u00f5es vis\u00edveis a todo momento:<\/strong>\u00a0\u00c9 f\u00e1cil perder menus ou bot\u00f5es de a\u00e7\u00f5es no ambiente m\u00f3vel. Os sites manuseados de maneira mais adequada aos usu\u00e1rios foram aqueles que mantiveram as fun\u00e7\u00f5es prim\u00e1rias j\u00e1 estampadas no setor principal e as secund\u00e1rias em menus, ou abaixo da informa\u00e7\u00e3o mais relevantes.<\/p>\n

Crie menus curtos e bem pensados:<\/strong>\u00a0Se a busca cheia de detalhes \u00e9 um recurso bem-vindo em desktops, em dispositivos m\u00f3veis soa como um pesadelo. Resuma os recursos do site em menus simples.<\/p>\n

Facilite o caminho de volta:<\/strong>\u00a0O estudo revelou que a grande maioria dos usu\u00e1rios espera que haja sempre uma forma de voltar \u00e0 “home” da p\u00e1ginas. Mantenha seu logo como forma de retorno sempre vis\u00edvel no topo do site.<\/p>\n

Deixe o\u00a0mecanismo de busca\u00a0vis\u00edvel:<\/strong>\u00a0Muitos dos usu\u00e1rios esperam que haja uma busca espec\u00edfica para o que desejam. Ent\u00e3o, mantenha sempre uma caixa de procura vis\u00edvel.<\/p>\n

Deixe o usu\u00e1rio explorar antes de assumir compromisso:<\/strong>\u00a0Uma das coisas mais irritantes que podem acontecer \u00e9 voc\u00ea j\u00e1 ter que, de cara, submeter-se a um registro antes mesmo de saber as propriedades do site. Ent\u00e3o, deixe sempre a op\u00e7\u00e3o para o visitante passear pela p\u00e1gina antes de pedir para que ele cadastre uma conta.<\/p>\n

Coloque bot\u00f5es de ajuda para tarefas complexas:<\/strong>\u00a0Sempre que houver algo com necessidade de uma explica\u00e7\u00e3o mais detalhada, coloque atalhos para que o usu\u00e1rio saiba encontrar ou requisitar mais informa\u00e7\u00f5es.<\/p>\n

Facilite a convers\u00e3o para outro dispositivo:<\/strong>\u00a0Nem sempre os visitantes terminam sua jornada em um s\u00f3 dispositivo, muitos at\u00e9 pesquisam em um smartphone e acabam finalizando uma transa\u00e7\u00e3o em um computador, por exemplo. Ent\u00e3o, ofere\u00e7a uma forma dele compartilhar, enviar para e-mail ou deixar em um carrinho de compras, se for o caso, para futura consulta.<\/p>\n

Escolha as formas mais simples para cada tarefa:<\/strong>\u00a0Quando h\u00e1 uma lista limitada de op\u00e7\u00f5es de escolha para o usu\u00e1rio, a melhor forma de fazer isso \u00e9 enumerar do jeito mais simples poss\u00edvel, levando em considera\u00e7\u00e3o a praticidade de tocar no item desejado.<\/p>\n

Minimize os erros de formul\u00e1rios:<\/strong>\u00a0Uma das coisas que mais afastam usu\u00e1rios \u00e9 ter que preencher o mesmo formul\u00e1rio mais de uma vez. Para evitar isso, evidencie bem a caixa de texto onde entram as informa\u00e7\u00f5es e tente avis\u00e1-los em tempo real quando h\u00e1 algum dado incompat\u00edvel com a requisi\u00e7\u00e3o.<\/p>\n

Otimize todo o site para dispositivos m\u00f3veis:<\/strong>\u00a0Isso j\u00e1 \u00e9 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\u00e3o da mesma p\u00e1gina especificamente para os dispositivos m\u00f3veis, levando muito em considera\u00e7\u00e3o o recurso da tela sens\u00edvel ao toque.<\/p>\n

N\u00e3o fa\u00e7a seus usu\u00e1rios terem que aumentar detalhes da p\u00e1gina:<\/strong>\u00a0Isso acontece com frequ\u00eancia em sites feitos para desktops e que s\u00e3o mal-adaptados ao ambiente m\u00f3vel. Muitos visitantes deixam a p\u00e1gina se precisam dar um “zoom” para escolher algo. Crie uma p\u00e1gina que n\u00e3o obrigue o usu\u00e1rio a aumentar a imagem para enxergar seu conte\u00fado.<\/p>\n

Ofere\u00e7a imagens detalhadas dos produtos:<\/strong>\u00a0A maioria dos consumidores gosta de ver o m\u00e1ximo que puderem os produtos que est\u00e3o comprando. Ent\u00e3o, inclua imagens em alta resolu\u00e7\u00e3o dos itens \u00e0 venda, em op\u00e7\u00e3o que o visitante possa acionar para ampliar os detalhes.<\/p>\n

Diga qual \u00e9 a melhor orienta\u00e7\u00e3o para ver a tela:<\/strong>\u00a0Os participantes da pesquisa viraram a orienta\u00e7\u00e3o da leitura da tela para ler algo que consideraram muito pequeno. Isso revela que pode ser bastante \u00fatil o site recomendar como os usu\u00e1rios devem acompanhar o conte\u00fado. Por\u00e9m, \u00e9 sempre necess\u00e1rio haver uma forma simples de n\u00e3o perder os bot\u00f5es de a\u00e7\u00e3o ao fazer as trocas de horizontal para vertical e vice-versa.<\/p>\n

Mantenha seus usu\u00e1rios em apenas uma janela do\u00a0browser:<\/strong>\u00a0Alterar janelas em ambiente m\u00f3vel pode ser dif\u00edcil e muitos usu\u00e1rios n\u00e3o retornaram para a origem quando isso aconteceu durante a avalia\u00e7\u00e3o do Google. Ent\u00e3o, \u00e9 sempre desej\u00e1vel que as a\u00e7\u00f5es fiquem em apenas uma janela e, caso necessite redirecion\u00e1-los, coloque uma op\u00e7\u00e3o para isso no seu site sem envi\u00e1-los diretamente.\u00a0<\/strong><\/p>\n

Obviamente, tais recomenda\u00e7\u00f5es para a cria\u00e7\u00e3o de sites para dispositivos m\u00f3veis n\u00e3o s\u00e3o regras, at\u00e9 porque o mercado e o comportamento das pessoas mudam constantemente. Por isso, al\u00e9m delas, valem tamb\u00e9m a observa\u00e7\u00e3o, an\u00e1lise cont\u00ednua de feedback de usu\u00e1rios e o pr\u00f3prio bom senso para se destacar nesse segmento.<\/p>\n","protected":false},"excerpt":{"rendered":"

Quase todos os que est\u00e3o conectados \u00e0\u00a0internet\u00a0atualmente possuem um dispositivo m\u00f3vel para tal. De olho nisso, muitas empresas, grandes e pequenas, t\u00eam a cada dia lan\u00e7ado vers\u00f5es de seus sites para tablets e smartphones, entretanto, como esse \u00e9 um terreno relativamente novo, muitos erros \u2013 que podem ser evitados \u2013 acontecem diariamente e afugentam os […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1329","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts\/1329","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1329"}],"version-history":[{"count":0,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/posts\/1329\/revisions"}],"wp:attachment":[{"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wk3.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}