Tableless - Desenvolvimento inteligente com Padrões Web

29/06/2008
Browsers

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 …

Por

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

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://mernen.com/ 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…

  • http://wwwexe.inf.ufsc.br/~pedrocob/ 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

  • http://www.praesto.com.br 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

  • http://www.odesenvolvedor.com.br 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.

  • http://gustavobarbosa.com.br 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.

  • http://www.visaointerativa.com.br 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

  • Pingback: A internet que avançar sem o IE 6 | Portfólio Danilo Designer - Web Design Curitiba, Design Gráfico

  • Pingback: Browsers para Mobile - Nova era « …tecnologicamente correta…