TI CorporativaMarketing & TecnologiaUse dicas de layout e processamento para dispositivos móvel

Use dicas de layout e processamento para dispositivos móvel

-

Um estudo realizado pelo Yahoo! Brasil e o Instituto Ipso, intitulado “Mobile Modes”, mostra que 65% dos participantes preferem sites que possam ser acessados de qualquer dispositivo e se colocam receptivos à anúncios desde que tragam uma experiência interativa e de entretenimento

Quanto tempo você gasta para testar uma interface em diversos dispositivos móvel? Dois segundos?

Acesse o site , clique no botão “CLICK OR BOOKMARK”, pronto! Sua página é atualizada com os modelos de alguns dispositivos e a proposito no próprio site existe uma lista destes dispositivos.

Figura: Interface Bookmark
Figura: Interface Bookmark Fonte: http://lab.maltewassermann.com/viewport-resizer/

Este serviço Bookmarklet adiciona uma barra de opções onde é possível rapidamente trocar a largura da tela de acordo com os aparelhos mais populares, alterar a orientação, ajustar o tamanho atual da janela ou escolher manualmente uma medida em pixels. É um simulador fácil de usar e permite a experiência do seu site rapidamente é vários tipos de dispositivos móveis.

Vale apena ver layout e também checar as dicas de processamento. Uma ferramenta fácil de compreender os resultados é o PageSpeed Insights da google. Acesse https://developers.google.com/speed/pagespeed/insights
informe o endereço do seu site e clique em “Analisar”. As definições das melhores práticas adotadas para avaliação você encontra no endereço https://developers.google.com/speed/articles/.

Interface PageSpeed Insights
Figura: Interface PageSpeed Insights Fonte: https://developers.google.com/speed/pagespeed/insights/

O resultado da análise é mostrado com dicas e acertos para dois tópicos avaliados: Velocidade e a Experiência do usuário e a pontuação alcançada que vai de 0 até 100.

Resultado da avaliação
Figura: Resultado da avaliação Fonte: https://developers.google.com/speed/pagespeed/insights/

As sugestões de otimização é recurso de avaliação ou proposta de novas experiências para trabalhar pela interação e aceitação do produto desenvolvido. No exemplo ilustrado na figura “Resultado da avaliação”, o Pagespeed indica que os campos de login e senha precisam de altura e largura maior. Esta sugestão procede devido a dificuldade de leitura e legibilidade da informação.

A interface usada para mostrar o funcionamento do Pagespeed é simples conforme imagem “Localização de campos”, porém quando a interface possuir vários campos basta clicar no link “Ver captura de tela” que o Pagespeed marca quais os campos pertencem a dica.

Localização de campos
Figura: Localização de campos Fonte: https://developers.google.com/speed/pagespeed/insights/

O PageSpeed considera os aspectos de desempenho da página independentes da rede: a configuração do servidor, a estrutura HTML de uma página e seu uso de recursos externos, tais como imagens, JavaScript e CSS. Cada sugestão é classificada com um indicador de prioridade que indica sua importância:

Tabela de Prioridade
Figura: Tabela Prioridade Fonte: https://developers.google.com/speed/pagespeed/insights/

No tópico Mobile Analysis in PageSpeed Insights é disponibilizado o resultado de estudo sobre a avaliação para dispositivos móveis levando em consideração o uso das redes 3G e 4G e o tempo estimado de um segundo, o ideal para envolver o usuário. A ideia é ajustar ao máximo a interface para ter condições de trabalhar com tempo de resposta de servidor, redirecionamentos de páginas, capacidade de conexão e hardware.

Referências:
https://developers.google.com/speed/pagespeed/insights/
http://olhardigital.uol.com.br/noticia/brasileiros-preferem-publicidade-movel-a-propaganda-online-tradicional/27409

[Crédito da Imagem: Dispositivos Móveis – ShutterStock]

Rafaella Trindade
MBA Gestão da Informação Certificada ISTQB Certificada CBTS

Latest news

IA para MSPs: como a inteligência artificial está transformando o mercado de serviços gerenciados

A Inteligência Artificial (IA) está desempenhando um papel crucial na transformação dos Prestadores de Serviços Gerenciados (MSPs). Mais do...

O que é integração de sistemas de RH e como ela facilita o trabalho?

A integração de sistemas de RH traz muitos benefícios, principalmente em termos de otimização do tempo e de recursos. Sem ela, diferentes plataformas podem gerar dados desconexos e difíceis de consolidar, o que pode levar a erros e à sobrecarga de trabalho manual.

Cibersegurança como pilar da resiliência empresarial: a abordagem estratégica dos MSPs

Na última década, a segurança cibernética deixou de ser um tema restrito às áreas de TI para se tornar...

ADDEE traz HaloPSA ao Brasil, apostando na eficiência para MSPs

Plataforma de atendimento e automação promete otimizar a gestão de serviços com funcionalidades integradas para todo o ciclo de vida...
Publicidade

Plano de conteúdo para redes sociais: o que divulgar sendo uma empresa de TI?

Não encontrar o conteúdo certo para a rede social da sua empresa é um problema que está perto de acabar. Acesse e conheça o Plano de Conteúdo!

Estratégia de comunicação para TI: 5 erros para NÃO cometer

Existem 5 erros comuns que você não pode cometer mais na comunicação da sua empresa. Se você é um MSP que busca o sucesso, acesse e confira!

Must read

IA para MSPs: como a inteligência artificial está transformando o mercado de serviços gerenciados

A Inteligência Artificial (IA) está desempenhando um papel crucial...

O que é integração de sistemas de RH e como ela facilita o trabalho?

A integração de sistemas de RH traz muitos benefícios, principalmente em termos de otimização do tempo e de recursos. Sem ela, diferentes plataformas podem gerar dados desconexos e difíceis de consolidar, o que pode levar a erros e à sobrecarga de trabalho manual.
- Advertisement -

You might also likeRELATED
Recommended to you