Usabilidade em soluções mobile
Projeto para uma web única
Se o seu projeto de conteúdo leva em conta os diferentes dispositivos, seus custos serão reduzidos, sua página será mais flexível e atenderá às necessidades de um número maior de usuários.
O que fazer
- Certifique-se de que o conteúdo que se obtém a partir de um endereço web (URL) traz as mesmas informações essenciais ao usuário, independente do dispositivo usado.
- Aproveite os recursos dos dispositivos para proporcionar ao usuário uma experiência de navegação mais rica.
- Tome as medidas convenientes para evitar problemas na implementação.
- Teste em dispositivos móveis e emuladores.
Padrões web
Em um mercado tão fragmentado como o dos dispositivos e navegadores, os padrões são a melhor garantia de interoperabilidade.
O que fazer
- Crie documentos que sejam válidos conforme a sintaxe formal amplamente conhecida.
- Envie o conteúdo em um formato que seja compatível com o dispositivo.
- Sempre que possível, envie o conteúdo no formato desejado pelo usuário.
- Certifique-se de que a codificação de caracteres do conteúdo é compatível com o dispositivo.
- Indique a codificação de caracteres que se está utilizando.
- Utilize folhas de estilo para controle de layout e apresentação, a menos que o dispositivo não os aceite.
- Garanta que suas mensagens de erro sejam informativas e permitam regressar ao conteúdo anterior.
Riscos conhecidos
Um desenho bem planejado ajuda a reduzir os problemas de usabilidade causados por telas e teclados pequenos ou características dos dispositivos móveis.
O que evitar
- Janelas pop-ups
- Tabelas aninhadas
- Layout com tabelas
- Imagens de espaçamento
- Frames
- Imagens mapeadas
Limitações dos dispositivos
Quando escolher uma tecnologia web em particular, tenha em conta que varia muito a capacidade dos dispositivos móveis em suportá-la. Para além dos desafios de interoperabilidade e baixo poder de processamento, existem outras limitações a ser consideradas.
O que fazer
- Organize seus documentos de forma que seja possível lê-los sem folhas de estilo.
- Certifique-se de que a informação apresentada em cores também pode ser vista sem cor.
O que evitar
- Cookies: não conte com a plena disponibilidade de cookies.
- Objetos ou scripts: não dependa dos objetos ou scripts integrados.
- Tabelas: sempre que possível, utilize alternativas à apresentação tabular.
- Tipos de letra: é arriscado confiar na disponibilidade de suporte a todos os tipos.
Navegação
A simplificação da navegação e do uso do teclado são fatores essenciais quando se utilizam telas e teclados pequenos e se tem uma largura de banda limitada.
O que fazer
- Concentre a navegação na parte superior da página e a reduza ao mínimo.
- Utilize mecanismos de navegação consistentes.
- Identifique claramente o destino de cada link.
- Indique o formato do arquivo do destino, a não ser que saiba com segurança que o dispositivo é compatível.
- Associe teclas de acesso rápido aos links nos menus de navegação e nas funções mais utilizadas.
O que evitar
- URLs longas
- Muitos links em uma página
- Direcionamento para outro site ou página
Gráficos e cores
As imagens, as cores e o estilo dão destaque ao conteúdo, porém existem dispositivos com telas de baixo contraste ou com problemas de compatibilidade com alguns formatos.
O que fazer
- Redimensione as imagens no servidor se ela tiver um tamanho intrínseco (por ex.,bitmap).
- Especifique o tamanho da imagem na marcação.
- Forneça um equivalente em forma de texto para cada elemento não textual.
- Certifique-se de que haja suficiente contraste entre cor de fundo e de primeiro plano.
- Confirme que o conteúdo continua legível no dispositivo móvel no caso da utilização de imagem de fundo.
O que evitar
- Imagens que não podem ser mostradas no dispositivo – grandes ou de alta resolução.
- Medidas em pixels ou unidades absolutas nos valores dos atributos de linguagem de marcação.
Tamanhos reduzidos
Um site de tamanho reduzido resultará em economia de tempo e dinheiro para os usuários.
O que fazer
- Utilize uma marcação concisa e eficaz.
- Certifique-se de que o tamanho total de página é apropriado para as limitações de memória do dispositivo.
- Utilize folhas de estilo pequenas.
- Limite a rolagem de tela a uma só direção.
Economia do uso da rede
As funções dos protocolos web podem melhorar a experiência do usuário, ao reduzir os gargalos e o tempo de espera na rede.
O que fazer
- Reduza ao mínimo o número de links externos.
- Forneça informações para a cache nas respostas HTTP.
O que evitar
- Páginas com atualização automática e periódica, a não ser que tenha informado o usuário e que esse possa desativá-la.
- Marcação para redirecionar páginas automaticamente.
Entrada de dados
Nos dispositivos móveis, os teclados e outras maneiras de entrar com dados podem ser desconfortáveis para o usuário. Um projeto adequado minimiza as dificuldades.
O que fazer
- Reduza ao mínimo o uso do teclado.
- Forneça valores pré-definidos para ser usados.
- Crie uma ordem lógica no uso de links, controles de formulários e objetos.
- Rotule adequadamente todos os controles de formulários com a marca <label>, associando-os explicitamente.
O que evitar
- Que o usuário tenha que entrar com texto.
Usuário da web móvel
Os usuários da web móvel necessitam de informação resumida porque dispõem de pouco tempo e, simultaneamente, se ocupam de muitas outras coisas.
O que fazer
- Escolha um título para a página que seja curto, mas autoexplicativo.
- Utilize linguagem simples e clara.
- Certifique-se de que o conteúdo relevante da página seja apresentado primeiro.
- Verifique se o conteúdo está adequado para ser usado em um dispositivo móvel.
- Divida as páginas em seções utilizáveis, mas de tamanho limitado.