Interface Web Moveis

Usabilidade (dispositivos móveis)

Interfaces web móveis (usabilidade)

Interfaces de uso intuitivo, funcionalidades fáceis de achar, tarefas realizáveis em poucas etapas, facilitam a vida dos usuários e realizam as promessas

dos serviços móveis de oferecer informações e produtos para acesso a qualquer hora, em qualquer lugar. Ver também Design para a tela pequena.

As condições de uso da web em dispositivos móveis ainda deixam a desejar em muitos casos. Pesquisa (PDF, 8 páginas) realizada em 2009 pela empresa Gomez,

Inc. mostra que 50% dos usuários se dispunham a esperar de 6 a 10 segundos para o site carregar, sendo que 61% não retornariam se não conseguissem acessá-lo.

51% disseram que acessaram sites que paralisaram as telas dos dispositivos ou enviaram mensagens de erro; 48% reclamaram de sites difíceis de ler. De maneira geral,

60% dos usuários tiveram problemas no acesso móvel a web sites.

Aspectos relacionados à usabilidade de interfaces web em celulares

? Avaliar a real necessidade de uma versão móvel independente da versão web, o que nem sempre acontece. A versão móvel pode ser mais necessária para a realização

de tarefas objetivas (compras, transações bancárias), e menos necessária na publicação de conteúdo editorial, como notícias.

De qualquer forma, é importante preservar o acesso à versão web, caso o usuário queira consultar o conteúdo online na íntegra, mesmo que, através de design

responsivo, se deixe de publicar, para os usuários de dispositivos móveis, barras de navegação duplicadas (no alto e no pé da página), anúncios muito grandes,

imagens dispensáveise e recursos interativos muito grandes.

? Avaliar a necessidade de desenhar um web site ou aplicativo dedicado para publicar o conteúdo ou a funcionalidade nestes dispositivos.

? Criar URLs curtas e fáceis de digitar.

? Formatar as páginas para telas com baixas resoluções. Telas como as do iPhone têm largura de 960x640 pixels. Cada tela deve ter autonomia funcional e de conteúdo,

pois os usuários só podem abrir uma janela por vez. Além disso, se o uso for interrompido por uma ligação ou outra necessidade mais urgente, deve ser fácil retornar

à última janela acessada.

Para facilitar o acesso de um web site projetado para PCs, definir uma medida mínima para a largura das colunas em layouts líquidos, que se adaptam à largura das

telas (prever pontos de quebra nas larguras 480, menor que 768, maior que 768, entre 769 e 1024, maior que 1024). A adaptação irrestrita às telas estreitas dos

dispositivos faz com que muitos textos fiquem ilegíveis, especialmente se o layout tiver mais de uma coluna.

? Prever páginas leves, para acelerar a carregação e prover resposta imediata. Em operações que exijam espera, o aplicativo deve mostrar o status da operação em

progresso.

? Usar CSS especialmente nos elementos da interface, como os botões e seus textos. A separação entre apresentação e conteúdo facilita a adaptação para diversos

dispositivos.

? Usar as marcações HTML como na web, com H1, H2, H3, divs para layout, marcações de parágrafo para textos, listas para ordenar itens.

? Explicar os textos no título, com o mínimo de palavras, 50% a menos do que os publicados na web. Palavras de fácil compreensão, em linguagem familiar à maioria

dos usuários,