Tableless.com.br


por Diego Eis 29 June 2008

Browsers para Mobile - Nova era

Pense um pouco e tente lembrar de pelo menos uma maneira de acessar a internet que não seja a partir de dispositivos móveis ou computadores (notebooks e desktops). Difícil, não é? Hoje, conhecemos bem apenas um meio de acessar a internet que é o computador. Estamos começando agora a navegar decentemente com dispositivos móveis, como um [...]

Pense um pouco e tente lembrar de pelo menos uma maneira de acessar a internet que não seja a partir de dispositivos móveis ou computadores (notebooks e desktops). Difícil, não é?
Hoje, conhecemos bem apenas um meio de acessar a internet que é o computador. Estamos começando agora a navegar decentemente com dispositivos móveis, como um PDAs ou Smartphones. Além do óbvio, não conhecemos os futuros reais problemas de usabilidade e arquitetura de informação dos sites destinados à estes aparelhos. Estamos apenas engatinhando.

Naveguei um pouco pelo Safari do iPhone, e enquanto me adaptava, me perguntava várias vezes sobre a real necessidade de haver uma versão para mobiles. O iPhone tem uma maneira diferente de tratar os sites. Ele renderiza como se fosse um browser para desktop: o site aparece em miniatura na tela. Assim você tem uma visão geral do site e com apenas dois toques você aumenta o zoom no local que você gostaria de ler.

O interessante do iPhone, é que a Apple ensina e mostra exatamente como fazer um site que possa ser bem visto em um iPhone. Nunca vi nenhuma outra fabricante de celular fazer algo parecido. Eles te mostram características e formas de fazer um site bem feito com características úteis para o visitante e usuário de iPhone.


iPhone SDK for Web Developers de iphonedevel no Vimeo.

Juntamente com o iPhone, o Opera Mini 4, também utiliza esse tipo de navegação por miniatura e zoom. Esse método de navegação para celulares com tela pequena se mostrou muito mais confortável que o modo convencional.

Na minha opinião, essa maneira de renderizar, dispensa a criação de uma outra folha de estilo para mobiles. Como não existe apenas o iPhone no mundo, e nem todo mundo utiliza o Opera Mini para navegar, ainda precisamos criar uma versão mobile do nosso CSS para que os sites sejam acessados decentemente a partir de mobiles com navegação convencional.


Opera mini 4 - iPhone Killer! Part 1 de Kiran Konathala no Vimeo.

O W3C acabou de lançar um teste parecido com o Acid para testar a compatibilidade dos browsers para mobiles.

A guerra dos browsers para mobiles vai ser diferente. O Internet Explorer ainda não prevalece nesta área, e sistemas realmente bons, utilizam o Opera como navegador padrão. Uma boa notícia é que o Internet Explorer para mobiles não é tão terrível quanto o IE para desktops.

A Visie irá ministrar uma palestra rápida sobre o Internet Móvel no dia 07/07 em São Paulo por R$30.
Enquanto isso, leia algo antes de começar a fazer a versões mobiles por aí:

6 Opiniões Quero Opinar
  1. Daniel Luz says:

    Bem, não sei se realmente dispensa, Diego… pra mim, ainda depende muito do site em questão. Primeiro na questão de legibilidade: tudo bem que o browser permite que você faça zoom e pan livremente, mas ao se deparar com uma coluna de texto larga demais, por exemplo, ficar correndo pra esquerda e pra direita a cada linha ainda é um incômodo. E segundo são as considerações para conteúdo mais interativo, como aplicações web (e que aí talvez já estejam fora do que você esteja se referindo neste artigo). Não é à toa que tantas delas estão lançando versões específicas para iPhone e Wii: distância da tela diferente, dot pitch diferente, qualidade do monitor diferente, precisão de dispositivo apontador diferente, etc…

  2. Diego, só complementando.

    Quando você esta acessando um site, um serviço pelo celular, a sua necessidade, o seu comportamento é diferente.
    É por isso que trabalhamos para procurar a melhor usuabilidade e oferecer bons serviços/sites úteis para os usuários de celular.

    É preciso “mobilizar”!

    Com um celular, no dia-a-dia, você não fica navegando, passeando pela Internet, você quer soluções, resultados pros seus problemas, e de uma forma rápida e simples.

    Sempre muito bons seus posts.
    Abraço

  3. Eric Santos says:

    Diego,
    Acredito que a escolha de se fazer uma versão móvel do site não passa só pela interface, mas principalmente pelas necessidades diferentes do usuário em mobilidade.
    Pelo celular, o usuário na maioria das vezes não quer navegar pelo conteúdo, mas sim buscar uma informação rápida e pertinente. Nos EUA, por exemplo, o site da ESPN é mais acessado pelo celular do que pela Web, e as funcionalidades que os usuários mais utilizam nessas duas versões são distintas.
    Além disso, por mais que existam iPhones e planos de dados 3G ‘ilimitados’, isso ainda é uma realidade de uma parcela minúscula (mesmo que crescente) da base de celulares do Brasil.
    Abcs

  4. Uma das grandes barreiras, ainda, é o javascript obstrusivo. Existem sites que são “inavegáveis” sem o javascript, e nos mobiles nunca se sabe direito como será interpretado.
    E concordo com o que o Eric falou acima, sobre a forma de navegação.

  5. Diego,

    Uma das grandes barreiras realmente é os dispositivos móvéis não reconhecerem muitos dos comandos CSS. Do WAP 1.X para o WAP 2.X teve uma evolução grande, mas nada que desse para usar 100% de padrão web. Um grande exemplo são as tabelas que ainda temos que utilizar para WAP , ao invés de usarmos tableless.

  6. Luiz Paulo says:

    Comentario feito de um celular usando opera mini 4. Acabei de atualizar a versao 3, a navegacao com zoom é muito melhor. Além disso o navegador padrão aqui no N95 é o safari que não tem zoom mas o OS simbyan tem a funcionalidade! Acho que não tem necessidade de uma nova folha de estilo! Agora só preciso arrumar uma solução para o teclado ô usabilidade horrivel! Hehehe

Deixe sua opinião

Mais populares

Categorias
Histórico
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • September 2008
  • August 2008
  • July 2008
  • June 2008
  • May 2008
  • April 2008
  • March 2008
  • February 2008
Recomendamos
Nossos serviços

Reviews de Extensions

Quem trabalha com Firefox sabe como as extensões podem mudar a vida de um desenvolvedor. Nós separamos algumas extensões e sugerimos para você. Confira.

Leia mais

Sobre Wordpress

O desenvolvimento com wordpress vem crescendo e sua plataforma está ficando mais robusta a cada dia. Por isso preparamos alguns artigos e tutoriais sobre desenvolvimento e implemetação de Wordpress em sites.

Leia mais

Sobre
SEO

Hoje não é sorte. Colocar um site em uma boa colocação no Google não é fácil e muitas vezes pode ser uma dor de cabeça sem tamanho. Por isso, manter um código organizado e simples é um bom começo. Separamos algumas dicas para que você consiga otimizar seu código e fazer algumas modificações nos seus sites para que eles não fiquem atrasados.

Leia mais

Tutoriais na Prática

Nós falamos muito sobre XHTML e CSS. Então, nada mais justo que ter um lugar onde você consiga aprender melhor as técnicas e metodologias de desenvolvimento com CSS e XHTML.

Leia mais

Tableless

2003 - 2009, tableless.com.br
Quase todos os direitos reservados.
Creative Commons License.