Tableless - Padrões Web com Pastel e Caldo de Cana

por Diego Eis Junho 29th, 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 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í:

Se ainda estiver interessado, leia também:

6 Comentários

Daniel Luz

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…

Pedro Bachiega

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

Eric Santos

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

Chris Benseler

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.

Gustavo Barbosa

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.

Luiz Paulo

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

Voltar para o topo

Histórico