Como criar um site Mobile com boa aparência?

-->

Uma das grandes perguntas que surge quando alguém começa a desenvolver Sites WAP – ou mesmo de usuários que acessam conteúdo via celular/smartphones – é se a aparência tem que de fato ser tão precária simplória.
Costumo dizer que um bom site é aquele que consegue prender o internauta dentro dele. Confesso que os habituais Sites WAP que costumávamos acessar há algum tempo estavam em débito com os usuários quanto ao pré-requisito design.
Claro, há alguns anos atrás não possuíamos a atual tecnologia… “smartphone” era um termo pouquíssimo difundido e ficávamos então, restritos a acessar sites em nossos aparelhos de celular, cujo visual não era nada agradável.

Telas com uma listagem de links azuis e sublinhados era normal em ambiente WAP. Conteúdo textual com imagens em preto em branco, nem se fala!

Mas, graças a evolução da tecnologia, muita coisa mudou.
Já comentei neste artigo sobre a evolução do ambiente mobile e como tudo ficou mais simples com o surgimento (ou seria adequação do HTML?) do XHTML MP.

Hoje em dia é possível criar-se sites wap com uma aparência bem agradável, navegação intuitiva e descomplicada, interação com usuário e dinamismo impressionante.
Vamos pegar como exemplo o Site WAP do Terra. Há alguns anos atrás, o visual seria composto por uma Página branca, algumas imagens em preto e branco com borda azul e links numa lista interminável, também em tonalidade azul. Já hoje em dia, o Portal Mobile do Terra é mais ou menos como na imagem acima.

Considerando o espaço físico de visualização na tela de um Smartphone, o visual está de muito bom gosto e atraente para quem acessa.

Então, se você está no ramo de desenvolvimento de Sites WAP, reveja seus conceitos quanto ao design de suas mobile pages, lembrando-se sempre de atentar para uma navegabilidade simples e intuitiva, sem poluir o código-fonte do site, pois, um dos grandes pontos fortes do ambiente móvel é a velocidade com que um site wap carrega no navegador do usuário. Isso faz toda a diferença.

Abraços e até a próxima.

Compartilhe este artigo:

  • Sphinn
  • MySpace
  • Technorati
  • Yahoo! Buzz
  • Netvibes
  • Print
  • Yahoo! Bookmarks
  • Yigg
  • Socialogs
  • Tumblr
  • Twitter
  • Google Bookmarks
  • LinkedIn
  • del.icio.us



Related posts brought to you by Yet Another Related Posts Plugin.

3 comentários em “Como criar um site Mobile com boa aparência?”

  1. Universo Wap | XHTML MP – O que é isso? disse:

    October 27th, 2009 at 8:53 am

    [...] artigos interessantes sobre como preparar uma estrutura correta para um site wap, como criar um site wap com boa aparência, como utilizar css para celular e smartphones, diferenciais do ambiente WAP2.0, dicas de [...]

  2. Lucas disse:

    January 15th, 2010 at 11:32 pm

    Olá, não entendi uma coisa apenas, como se desenvolve um site mobile? Com as ferramentas para sites web(com regras diferentes) ou precisa ser em java ou alguma linguagem especifica?

  3. Márcio Santos disse:

    January 15th, 2010 at 11:57 pm

    Olá Lucas.
    Ao contrário do que muitos desenvolvedores pensam, um site mobile é muito fácil de se desenvolver.

    Primeiro escolha qual linguagem vai utilizar: WML ou XHTML MP (recomendo XHTML MP).

    Conhecendo as sintáxes, você pode utilizar o Bloco de Notas do Windows para desenvolver… ou qualquer outro editor de texto ou editor que suporte as linguagens mencionadas.

    Se você sabe desenvolver sites para Internet, então o caminho será bem mais curto, pois é basicamente o mesmo passo-a-passo.

    Recomendo leitura dos tópicos da seção XHTML MP e WCSS, aqui do Blog.
    Para começar, leia os artigos a seguir:
    http://www.universowap.com.br/xhtmlmp/xhtml-mp-o-que-e-isso/
    http://www.universowap.com.br/xhtmlmp/quais-as-diferencas-entre-o-wml-e-o-xhtml/
    http://www.universowap.com.br/xhtmlmp/vantagens-do-xhtml-mp/
    http://www.universowap.com.br/xhtmlmp/a-evolucao-de-wml-para-xhtml-mp/

    Já dá para se ter uma base pelos artigos mencionados.

    Abraços e obrigado pela visita/comentário.

Comente