Tag Archives: mobile

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.

Vale 1 Convite no celular! versão 2.0

Caríssimos, sumi, mas cá estou de volta!!!

Estou de volta para dar uma boa notícia. Está no ar a mais nova versão do V1C Mobile, o aplicativo para celular que acessa o conteúdo do Vale 1 Convite.

Para quem não conhece, o Vale 1 Convite é um portal que já atende mais de 15 cidade em 4 estados diferentes do Brasil. O portal traz informações sobre as festas e baladas que estão rolando, é possível, através de quizes, acumular pontos para trocar por convites ou descontos e muito mais.

V1C Mobile - demonstração A versão 2.0 do V1C Mobile sai junto com a nova funcionalidade de Vale 1 Desconto do portal. Com este serviço é possível trocar pontos por descontos em bares, restaurantes, pizzarias com as mais variadas opções!

O aplicativo é distribuído pelo portal JMobi de aplicativos. Visite a página do V1C Mobile.

Com o V1C Mobile você consegue ver a agenda da semana e as baladas e festas que estão rolando e vão rolar. Se gostar de alguma, você já pode converter seus pontos para um convite, e caso depois desista, pode devolvê-lo. Se não souber onde pegar seu convite, é possível ver os postos de entrega da sua cidade também!
Consegue também jogar os quizes, tanto os oficiais como os patrocinados e ganhar mais alguns pontinhos enquanto está com aquela folguinha do almoço, ou na fila do banco, ou no ônibus.
Troca pontos por vales desconto quando a grana está curta e curte um pouco mais….

Já sabem que os aplicativos do JMobi são de graça e só a operadora cobra pelo tráfego das informações pedidas durante o uso do aplicativo, mas mesmo assim os aplicativos utilizam uma tecnologia que reduz o custo para muito pouco.
Para terem um exemplo, entrar e jogar um quiz completo fica entre 11 e 22 centavos, dependendo da sua operadora.
No site do aplicativo tem uma simulação de alguns custos, confira!

É isso, fica a dica… espero que gostem!

Depois digam o que acharam junto com os comentários de outros usuários… Comentem

(Aplicativo) Futebol no celular de graça é com o mFut

JMobi e mFut - Futebol no celular - demonstração
É galera, mais um aplicativo pra celular do mesmo nível do mKut está rolando por aí.

Pra baixar o aplicativo e usá-lo, você não paga nada, mas a sua operadora do telefone cobra pelos dados trafegados. Mesmo assim, se a sua não é a devoradora de créditos TIM, o custo saí entre 2 e 7 centavos só!!

O JMobi está trazendo ótimos aplicativos.
Com o mFut você pode ver os resultados dos jogos e das rodadas. Acompanhar a narração de jogos ao vivo! Ver notícias do seu time e muito mais.
O conteúdo é proveniente de uma parceria com a Gazeta Esportiva.net e seu conteúdo de futebol.

Recomendo! 😉

Fonte: blog do JMobi

19-09: blogueiras na playboy, seminário web2.0, google docs…

Não consegui ficar longe dos meus feeds apesar de estar cheio de coisas pra fazer como havia dito.
Vou linkar rapidamente o que mais de legal vi hoje:

Escrevi um post sobre a origem do JMobi durante o dia.

Dois vídeos que ví no chongas.net: galera fazendo le pakur e corrida do queijo (antigo).

Barulheira sobre as blogueiras, em especial Luiza Gomes do Eu Capricho, numa campanha para ver qual blogueira sairía na Playboy. Tem mais no by the way e no Reporter Nét.

Ação de marketing para reality show de tatuagens, cria nadador gigante em Londres. Veja no ADivertido e no Publicidade no ato.

Li alguns reports sobre o Seminário Web2.0 promovido pela INFO. Veja vários posts no OitoPassos e um no Netlus.

Saiu no Google Docs agora a possibilidade de criar apresentações. Veja a notícia oficial.

O Digg está querendo ir pro lado das redes sociais e começa a apresentar uma nova interface. Notícia do PC World.

Pra fechar, o Elcio do Tableless tinha escrito um artigo bem legal falando sobre criar sites “em VS com” Flash ou Ajax. Veja tudo.

31/08 – Blog day

Meio atrasado, porque hoje estive enrolado, mas não pude deixar passar em branco o Blog Day.


Blog Day 2007

Pois é, hoje 31/08 é o dia do blog!!
Parabéns a todos blogueiros e seus blogs!!

A idéia é cada um indicar 5 blogs pra galera, então aqui vão os meus:

  • JMobi Blog – blog do portal JMobi com notícias sobre o mundo e tecnologias mobile.
  • Lifehacker – blog sobre life hacking, dicas e downloads para o seu dia a dia.
  • Chongas.net – blog de entretenimento.
  • Favoritos – blog com ótimas dicas de conteúdo da web.
  • Fábio Seixas, versão txt – blog do que rola na internet, marketing, blogosfera, negócios e outros…

Acompanhe no Netvibes os blogs que eu leio.

iPhone desbloqueado! Compre você também o seu!

Como já era de se esperar, o iPhone foi desbloqueado. E mais, como se não bastasse um jeito, tem três jeitos diferentes!!!

O pessoal do Engadget foi convidado pelo iPhoneSIMfree.com para comprovar que eles tinham desbloqueado o celular e eles realmente confirmam tal feito com o software do time do iPhoneSIMfree.com.
Notícia do Engadget.

Já George Hotz, garoto de 17 anos, foi mais ousado.
Criou um blog sobre sua jornada de desbloqueio do iPhone e seus passos para tal. Quando o fez, criou um leilão do telefone desbloqueado no eBay. Entitulou como “World’s Second Unlocked iPhone”, porque o primeiro já seria o dele.
Lógico que o eBay não deixou isso seguir e fechou o leilão.

A terceira maneira vem do site iPhoneUnlocking.com da empresa de desbloqueio de celulares Uniquephones.

Como tinha dito nesse post, você também encontra o iPhone desbloqueado no Brasil. Veja no MercadoLivre.
Caso alguém se anime em comprar, aquela coisa do MercadoLivre, a sorte está com você. 🙄

Mais no PCWorld

O ovo e a galinha no mundo mobile

O Eric, escreveu um post bem legal no blog do JMobi questionando sobre o que escolhemos primeiro ao comprar um celular: o aparelho ou a operadora.

(…) o aparelho é um forte objeto de desejo e utilidade, e a tendência é que a cada vez mais os aparelhos (e as marcas dos fabricantes) tenham uma força maior na cabeça do consumidor do que as operadoras.
Isso vai se agravar ainda mais na medida que formos tendo mais aparelhos com tecnologias como Wi-Fi, que não dependam totalmente da rede da operadora para comunicação e troca de dados (…)

Post completo

Em resposta ao post, no meu caso pessoal, eu prefiro escolher o aparelho celular ao invés da operadora.
Eu estou bem contente com meu plano da Brasil Telecom (pula-pula) apesar dos apesares, mas quem sabe daqui uns 3 anos eu mude. 😛

Acho que as operadoras deveriam seguir a linha que a Oi está seguindo de não vender celulares bloqueados e ganharem na prestação de serviços e não segurando seus clientes.
Por sinal, elas tem que melhorar esses serviços também…

E se estiver procurando por celulares, dê uma olhada nesse post.