Buy Cheapest ED pills100 mg Cialis pricesBuy Cialis Arizona OnlineCheap Uk Viagra5 mg Levitra Online
Criação de mobile sites com uma boa arquitetura da informação | blog.pedrobachiega.com

search 2013 adfgs

Criação de mobile sites com uma boa arquitetura da informação

mobile site styles

Alguns fatores como telas maiores e acesso a rede WiFi, tornaram o acesso à Internet por dispositivos móveis bem mais comum nos dias de hoje e o número dos sites para esses dispositivos também têm aumentado. Mas acesso desktop e acesso mobile são bens diferentes e não podemos simplismente miniaturizar nossos sites.

Com o lançamento do iPhone e sua revolução na interface dos celulares, telas touch screen mais presentes, o avanço nas tecnologias dos mini-bowsers, melhores planos de dados pelas operadoras, redes WiFi mais presente e até mesmo a 3G começando no Brasil, a necessidade do acesso a Internet e sua vasta gama de serviços a qualquer momento e em qualquer lugar agora pode ser resolvido com seu companheiro 24hs, seu celular!
Mas você pensa: “Acessar com meu celular? Acessar meus blogs favoritos, meu e-mail e muito mais?? Ta louco… isso vai ser muito ruim (‘caso seu celular não seja tão novo e ainda tenha tela pequena’), demorado e caro!!!”
E é nessa hora, que quem desenvolve serviços e conteúdos na internet, tem que pensar em como disponibilizar isso para os celulares. Estudar seu caso, seu serviço, seu site e seu público já faz parte da criação de websites, mas muito também tem que ser analisado para versões acessíveis por outros dispositivos além dos browsers desktop.

Criação de interfaces
Você está criando seu website e tem que fazer uma versão mobile. É simples, não? só fazer um CSS diferente, com o conteúdo em uma coluna só e está pronto certo? Ao menos que seu site tenha poucos páragrafos de conteúdo e uma ou outra imagenzinha só, não é tão fácil não.
Imagine na dificuldade de leitura e navegação por celular em um site com um monte de conteúdo. Imagine nos gastos para baixar várias imagens e até mesmo vê-las tendo que navegar para o lado e para baixo se forem grandes.

No mercado existem vários modelos de celular com tamanhos diferenciados de telas, e, dependendo do seu conteúdo, você precisa adequá-lo conforme as restrições destes tamanhos.

mobile screens area and size

Muitas soluções existem para vários problemas relacionados a esse tema.

# Descobrindo as características do celular que está visitando seu site (vou abordar esse tema outro dia), você pode simplesmente apresentar seu site com uma coluna de conteúdo e sem imagens para celulares com telas pequenas ou posicionar melhor os elementos para telas maiores.
# Muitos celulares usam navegadores nativos, mas os mais modernos usam versões mais sofisticadas de mini-browsers do Opera, Safari e Internet Explorer. Geralmente esses mini-browsers tem sua própria renderização do conteúdo para adequar ao tamanho da tela, mas isso muitas vezes é apenas um zoom out ou uma minituarização do site. Pode também ser preciso descobrir esses casos para fornecer versões diferenciadas.
# Celulares geralmente tem problemas com cores e até imagens em background, assim como restrições totais ou parciais de tipos de conteúdo e Javascript, então sempre é recomendado aplicar estilos simples tomando cuidado com tonalidades de cores e usar o mínimo de Javasript ou mesmo descartá-lo.

Seu conteúdo e seu público
Você pode ter deste um pequeno site pessoal com algumas informações até um portal provedor de notícias e serviços, e cada caso tem seu conteúdo e seu público. Analisar quem você atinge e com o quê traz a necessidade de diferentes versões mobile de seu site.

Ao menos que acesse via WiFi ou tenha planos de dados, infelizmente acessar a internet pelo celular é caro e ainda lento. Sites para dispositivos móveis devem ser pequenos/leves, diretos e com boa navegação/usabilidade.
<< Sites com pouco conteúdo
Tente especificar/separar seu conteúdo e ter uma lista das opções para um acesso rápido e direto.
<< Sites de notícias, blogs
Minimize o tamanho das páginas com listas das categorias e dos itens do seu conteúdo. Apresente resumos pequenos antes de mostrar todo o texto.
<< Serviços
Selecione poucas (e simples) funcionalidades possíveis para o celular. Deixe de forma direta ações frequentes como por exemplo buscas ou filtragens.

Os usuários agem diferentes dependendo do ambiente ou contexto que estejam e seu site/serviço pode ser muito dependente disso para ter sucesso.
>> Visitante casual
Uma pessoa pode estar navegando em seu site para conhecê-lo ou obter informações a respeito, pode simplesmente estar passando. Se você não precisa prendê-lo ao site, dê a ele uma boa experiência e boas informações.
>> Visitante frequente
Caso tenha um blog ou um serviço de notícias por exemplo, você deve analisar o caso dos visitantes que sempre vão voltar, e para eles você tem que fornecer uma boa navegação e uma apresentação leve para não cansarem e deixar de acessar seu site.
>> Visitante apressado
Imagine uma pessoa que precise de uma definição de uma palavra, ou um telefone em 5 minutos. A versão mobile do seu site/serviço deve facilitar e agilizar o acesso ao o que o usuário precisa.

Pela limitação de recursos, para criar um site acessível por dispositivos móveis é preciso estudar o seu caso e ter uma boa noção de arquitetura de informação. Nunca pense que é simplesmente “minituarizar” seu site!

Apesar de ter ficado grande o texto, não me aprofundei muito no assunto. Tem muita coisa sobre esse tema ainda. Em breve escreverei mais sobre isso.
Adoraria ter um discussão construtiva sobre o assunto, então deixe o seu comentário.
Quem quiser saber mais também, eu tenho vários links bons sobre o assunto.

5 comentários

  1. Excelente post, Pedro. Me ajudou bastante pra uns projetos novos que peguei aqui.
    Adicionei no meu delicious e twitter.

    Abração

  2. muito bom mesmo o post. Esclarece muita coisa e faz refletir q não é somente fazer o site com um monte de conteúdo que e depois o celular é que vai miniaturiazar. Isso esclarece bastante!
    Isso me faz pensar q ter um site e-commerce para celular é ser um pouco complicado. estou certa?

  3. Olá Ana Kelly!
    Obrigado pelo comentário!

    Está certa sim. Criar um mobile site de um site de e-commerce não é tão trivial.
    Deve-se testar as melhores opções de busca, analisar o público e suas ações com o celular para assim achar a melhor combinação de navegação e funcionalidades que o mobile site terá.

    Beijos

  4. Olá, sou professora de Português em Portugal e estamos a participar num concurso nacional cujo tema é a informação mobile, no qual temos que defender a tese: “A informação mobile, pela necessidade de síntese que exige, afecta a qualidade escrita dos respectivos conteúdos!” As informações do seu blog foram de uma grande ajuda, mas temos que dominar muito bem o tema para ganharmos. Além da exposição e defesa da tese, temos que enfrentar um debate com outros alunos de outras escolas sobre esse tema. Confesso que não é uma área que domino, mas pedia-lhe que nos ajudasse, a mim e os alunos, a nos prepararmos com qualidade e argumentação; logo solicitava que nos enviasse mais informação( blog, sites, trabalhos, estudos, opiniões, etc….) o mais rápido possível já que o campeonato distrital, entre escolas, é já nos dia 9 de Maio.
    Obrigado
    Cumprimentos

  5. Olá Fernanda.
    Inicialmente, obrigado pelo comentário.

    Bom, não sei se poderei ajudar muito no assunto da tese, mas acredito que possa afetar a qualidade da escrita sim, tanto positiva como negativamente.
    Pela necessidade da síntese nos conteúdo, acabamos precisando ser mais diretos ao escrever algo, e isso pode ser ruim porque muitas vezes é difícil tratar algum assunto com poucas palavras, mas pode ser bom quando bem escrito porque o leitor gasta menos tempo.

    Enfim, o assunto da tese realmente precisa de discussão.
    Acho que não tenho nenhum outro conteúdo que fale mais a respeito disso. Vocês podem procurar entender melhor sobre boas práticas de usabilidade mobile e assim refletir sobre o assunto.
    É só cada pessoa pensar um pouco na sua situação se estivesse lendo ou escrevendo em/para dispositivos móveis.

    Boa sorte!

Deixe seu comentário

XHTML: tags permitidas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Mobile version powered by WP Mobile View

iPhone Version . Mobile Version . Desktop Version