Tag Archives: mobileweb

Usabilidade de sites para celulares

No começo desta semana, o site useit.com do Jakob Nielsen, grande conhecedor sobre usabilidade, lançou os resultados de uma pesquisa sobre Mobile Usability, ou usabilidade para dispositivos móveis.
Recomendo a leitura do post na íntegra, mas vou fazer um pouco de tradução e um apanhado geral nos pontos que julgo serem mais pertinentes, com alguns comentários.

A ideia principal da pesquisa era descobrir o que torna um website em ser difícil ou não de ser acessado por dispositivos móveis (celulares, a grosso modo). Vários tipos de testes foram feitos, em diferentes países, com diferentes públicos, diferentes tipos de celular e claro, diferentes websites.
Nos estudos e testes, a média de sucesso foi de 59%, uma taxa maior do que a obtida em uma outra pesquisa feita na década de 90, mas ainda bem abaixo dos 80% de sucesso nos testes de websites em computadores.

Um comentário interessante do artigo é de que os pesquisadores acreditavam que viriam melhores resultados dos testes na Inglaterra e Grã-Bretanha do que nos Estados Unidos pelo fato de lá se ter uma tradição maior de uso de mobile services, mas perceberam que os mobile sites ingleses são tão fracos quanto os norte-americanos e os usuários lutam igualmente para conseguirem resolver seus problemas.

mobile

Os principais problemas que os mobile users (usuários de celulares) enfrentam são os já conhecidos:
– telas pequenas;
– difícil interface para comunicação entre dispositivo e usuário;
– demora para download e carregamento de páginas;
– sites mal elaborados.
Apesar de alguns pontos serem melhorados com o tempo e avanço tecnológico, como a velocidade para trafego de dados, mobile nunca será como desktop.

Nos celulares, é fácil acreditar que mobile sites específicos para eles são melhores de usar do que sites comuns para computadores desktop, mas os pesquisadores obtiveram a taxa de 64% de sucesso nos testes para estes sites específicos para dispositivos e acreditam que a diferença para os 53% obtidos nos testes com sites normais (para computadores desktop) é bem considerável, então, com certeza é válido se criar sites otimizados para os dispositivos móveis.

A melhor maneira de oferecer uma versão mobile de seu site é fazer com que o usuário não tenha de conhecer uma nova forma para acessá-lo e sim existir uma maneira para reconhecimento desse acesso e redirecionamento para o mobile site. Pode-se perceber bem isso com cases de aumento de tráfego sem o uso de um novo endereço para o mobile site.
É também recomendado deixar opções e links para troca da visualização “mobile” para a versão “full” ou “desktop” (ou vice-versa) nas páginas, caso, por exemplo, o usuário possua um celular que tenha melhores características e possibilite uma boa navegação e visualização do site normal (como o iPhone por exemplo).

Uma boa percepção na análise da pesquisa foi retirada da comparação com a pesquisa dos anos 90, onde o tempo para executar alguns testes foi maior do que antigamente.
Por que isso, já que provavelmente os mobile sites deveriam ter evoluído?
Antigamente o uso da Internet móvel era mais frequente pelo deck da operadora, que centralizava a grande maioria dos conteúdos. Hoje em dia, os usuários são mais voltados a buscas, então acabam por gastar um tempo maior digitando a busca e procurando um resultado.

Concluindo, ter usabilidade em dispositivos móveis é difícil!
Apenas ter um mobile site para celulares não é o suficiente. Mesmo celulares mais ricos nas funcionalidades (como iPhone por exemplo) não suportam o mesmo nível de usabilidade aplicado para computadores. Lembre-se sempre de considerar seu público alvo, o seu próprio produto… e veja mais dicas sobre criação de mobile sites com uma boa arquitetura da informação.

Ainda em dúvida por que criar e ter um mobile site?

Informações da pesquisa Mobile Usability.

Por que criar e ter um mobile site (site para celular)?

Não quero colocar números aqui porque logo eles ficariam desatualizados, mas vocês podem acreditar que cada vez mais o número de celulares aumenta, e o que aumenta ainda mais é o acesso a Internet por esses dispositivos móveis que estão na mão das pessoas nas praticamente 24 horas do dia. Esse crescimento, tanto no número de aparelhos (milhares de modelos diferentes e cada vez mais potentes) e no acesso a Internet (novas tecnologias que melhoram as redes de telefonia e a usabilidade na navegação presente nos novos aparelhos ao iPhone), para alguns, é o que vai ficar, e se você ou sua marca não for vista de forma agradável nesse novo meio e mundo, vai perder amigo.

Muito celular, bons aparelhos para usar Internet… Mas também os preços ainda são altos… Ah, não basta só fazer uma versão do meu site sem imagens, textos menores e que fique legal no celular? Miniaturizar?

Mobile sites não são apenas para se mostrar!
Se você acessa e usa a Internet pelo celular, já sabe que não é lugar onde o usuário fique ‘surfando’ e ‘pulando’ de site pra site.
A Mobile Web é boa para prestar serviços, trazer utilidades ao nosso dia a dia, ajudar a resolver problemas e acabar com necessidades urgentes.

No celular, você não fica navegando em milhares de sites, conversando com amigos por horas e conhecendo novas pessoas nas várias redes sociais. Os aparelhos e suas telas são pequenos, mouse e teclado são diferentes ou não existem, o processamento e suporte de tecnologias são menores que o acostumado…
Normalmente você entra direto no site desejado, resolve seu problema e pronto, rápido.
Esse acesso de um celular quando se está ao ar livre (on walk), para necessidades mais urgentes e emergenciais, acredito ser o mais comum.

Tá, mas o iPhone está aí para quebrar e mudar tudo isso. Facilitar a navegação e usabilidade da Internet nos aparelhos celulares… ele não conta? Ele abre as páginas normais…

Conta, conta sim. Realmente mudou a experiência dos usuários ao acessar a Internet, tem aumentado o tráfego dos mobile sites com suas visitas, mas ainda é pequena a sua porcentagem no mercado.
Uma maneira simples de ver isso é raciocinar que ele é apenas um modelo de uma marca num mundo de mais de 8 grandes marcas tendo cada uma vários modelos bem diferentes de aparelhos.

Vamos lá, crie um mobile site para você ou sua marca. Pelo menos para não desapontar o visitante que chega no seu site pelo celular mas que acaba baixando aquela página gigantesca, “pesada” e vê que gastou todos os créditos e não viu praticamente nada.
Usar uma lógica para descobrir se o visitante está acessando de um celular ou por um computador desktop é fácil e existem várias maneiras pela internet.

Será que estou pegando pesado??

[update]

Mobile web design – dicas, boas práticas, usabilidade, tendências…

cellphone A Smashing Magazine publicou no começo da semana um artigo muito bom titulado Mobile Web Design Trends For 2009.

O artigo é bem completo e trata de vários pontos cruciais em desenvolvimento para mobile web.
É comentado sobre o crescimento da velocidade da internet para os dispositivos móveis e com isso a maior liberdade de uso de imagens e até vídeos….
Também se fala um pouco do uso de sub-domínios como m. ao invés do .mobi (assunto bem discutido pelo Eric Santos [Que endereço escolher para o meu mobile site?] e pelo Beto Toledo [Qual o domínio certo para um site mobile?])
Traz as dificuldades que os designers têm com a variedade de tamanhos de telas e o celular como novo meio e mídia….
Mostra algumas dicas técnicas e não-técnicas para o desenvolvimento de mobile sites como o bom uso da linguagem até conhecer seu público-alvo. Mais sobre isso, recomendo também a leitura do meu post sobre “Criação de mobile sites com uma boa arquitetura da informação”.
Para fechar, recomendações sobre testar sua criação em várias ferramentas e validadores mostram como é importante dar valor a todas boas práticas para garantir o sucesso na maioria de aparelhos.

O que sempre digo: criar mobile sites não é um bicho de 7 cabeças, apenas é necessário conhecer as limitações desse mundo e sempre ter em mente todas boas práticas.

Ainda hoje li dois bons artigos da Talita Pagani no Outrolado: Websites para mobile não são miniaturas dos sites convencionais – parte 1 e parte 2. Fica a dica…

[update]
Três sugestões do Guy:
Effective Design for Multiple Screen Sizes
Mobile App Design: Getting to the Point – Part I
Mobile App Design: Getting to the Point – Part II