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.



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

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

    27 de Oct de 2009 ás 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 em:

    15 de Jan de 2010 ás 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 em:

    15 de Jan de 2010 ás 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.

  4. Adan Carlof disse em:

    02 de May de 2011 ás 12:07 am

    Ola,o HTML e XHTML serião muitos diferentes,exemplo se eu tiver cursado o curso de HTML seria mais facil entender XHTML.Pois esto interesando e criar sites ou blog para smartifones,mas como moro numa cidade pequena tem muitas coisas que não chega aqui ou se chega demora muito,tipo assim daqui alguns meses começo meu curso de HTML mas acho bem dificil os cursos de XHTML chegar aqui então minha ideia e fazer o curso HTML completo com java script etc… Para depois ver na internet o que muda com o XHTML. E então ir a luta para tentar criar site ou blog so com XHTML. o que vc acha sera que vale apaena fazer o curso ou não.Des de já agradeço pela resposta Obrigado.

  5. Márcio Santos disse em:

    02 de May de 2011 ás 9:11 am

    Olá @Adan
    Primeiramente, parabéns pela iniciativa de se interessar por XHTML.
    Para aprender o XHTML ou XHTMLMP não é necessário conhecimento em HTML mas seria MUITO interessante se você dominasse o HTML, pois assim conheceria as diferenças básicas que existe entre os dois.
    Se for aprender HTML, recomendo quepegue na Internet uns tutoriais… e no seu curso você procure por HTML5.
    Digo isso porue não compensa você pagar por um curso de HTML (a grande verdade é esta), visto que o HTML (até a versão 4) só teve atualizações até o ano de 1999!….
    Então, pela Internet, busque informações sobre HTML e invista em um curso de HTML5.
    Quanto ao XHTML, busque também na Internet sobre informações que com certeza encontrará em grande quantidade! Eu por exemplo, aprendi todas as linguagens de marcação e programação sozinho…. errando bastante e porocurando sempre acertar… já trabalho com isso desde 2002 profissionalmente.
    Qualquer dúvida, entre em contato.

    Abraços!

  6. Adan Carlof disse em:

    02 de May de 2011 ás 7:46 pm

    Obrigado pela ajuda dei uma olhada na internet e achei uns cursos online para XHTML e outros cursos pra criar site e blog para smartifone.
    Sendo assim nao vou fazer o curso de HTML na minha cidade pois isso aqui ta bem carro.Mas os cursos online tao bem barato e as aulas pode durar de 1 ha 2 semanas.
    Muito obrigado pela ajuda e as dicas de procurar na internet pois nao achava averia esses curso na internet valeu e sucesso.

Comente