Browsers para Mobile – Nova era | Boas práticas de Desenvolvimento com Padrões Web

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í:

8 Comentários

Daniel Luz 30/06/2008 às 15:25

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 01/07/2008 às 01:44

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 01/07/2008 às 10:08

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 04/07/2008 às 15:21

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 06/08/2008 às 11:22

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 12/09/2008 às 16:55

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

A internet que avançar sem o IE 6 | Portfólio Danilo Designer - Web Design Curitiba, Design Gráfico 20/01/2009 às 08:07

[...] Browsers para Mobile – Nova era [...]

Browsers para Mobile - Nova era « …tecnologicamente correta… 23/04/2009 às 09:14

[...] Fonte [...]

Leia também:

8 Comentários