#ux mobile

[inspirationworkshop]

[readyforthis]

It's time to leave expandable banners expanded.

When you read a magazine and get halfway through an article, does the page flip back? No. The ad sits elegantly and waits for you to engage. When you enter a store, do they put a road block in front of you which you have to move yourself? No. Then why on earth do we place visual interference in front of consumers on the web?

Here's the journey. You land on a site, and as per the code, a banner expands to draw your attention, and says "look at me, look at me." like an insecure teenager. Of course you can close the banner by hitting the "x" button, but why should you? Next, as you scroll down to read content the still-expanded banner moves out of site above, but when it reaches it's 15-second limit, the banner collapses. Here's where the fun starts. When the banner collapses, the next thing that happens is the copy on the page (which you're reading) slides away from your eyes. And if you're on mobile device, this becomes extraordinarily irritating sometimes leading the copy you're reading to jump right out of your field of vision. This is bad UX folks.

So let's just leave expanded banners expanded. The advertiser will have more room for messaging, and the reader will be able to choose to read the content or the ad without disruptive UX. The internet has evolved for decades, it's time for this little piece of internet invention to go.

[meumundomovel]

5 razões para você investir em aplicativo mobile ao invés de mobile site

Para mostrar como a resposta para a pergunta do título é um clássico "depende", resolvi fazer dois posts. O primeiro, este que está lendo, dando 5 razões para você seguir o caminho da criação de um aplicativo. E outro, com 5 razões para você investir na criação de um mobile site.

São razões práticas e bem diretas, mas fica a cargo de cada um analisar se as razões são importantes ao ponto de convencê-los a ir por um ou outro caminho. Cada cenário é um cenário, não tem como ter uma receita mágica... mas isso vocês sabem né? :)

A escolha deve ser desenvolver um aplicativo mobile, quando você:

1. Precisa de interatividade:  Está pensando em desenvolver um game? Em criar algo que requer muita interação com o usuário, muitas escolhas e alternativas? Pode parar por aqui, sua melhor escolha é um aplicativo pois é provável que esse projeto tenha melhor performance se usar melhor o hardware do aparelho para uma melhor interatividade com o usuário.

2. Precisa de personalização:  Se o seu projeto requer um bom grau de personalização, e não estou falando apenas de nome e fotinha do Facebook, seu caminho é desenvolver um aplicativo. 

3. Precisa usar recursos do aparelho:  Acelerômetro, câmera, luz da câmera, microfone, etc. Se você pretende em seu projeto usar algum tipo de recurso desse tipo, seu caminho é desenvolver um aplicativo. Hoje já existem algumas APIs html5 mas que estão muita novas ainda pra tirar qualquer conclusão, ou contar com isso pra um projeto de sucesso ir pra rua nos dias de hoje.

4. Precisa de performance / acesso offline:  Um aplicativo mobile utiliza muito melhor o hardware do smartphone e não precisa de conexão de internet para rodar. Você não precisa abrir um browser, esperar carregar o site e acessar o que precisa, a navegação é mais fluida, e o carregamento/utilização milhares de vezes mais rápido, e você consegue estar com seu usuário em qualquer lugar.

5. Precisa de qualidade na experiência do usuário: Se você quer impressionar o usuário com uma experiência de uso bem refinada, quer focar na qualidade da interação do usuário com seu projeto, então seu caminho é definitivamente um aplicativo. Por dependerem de conexão muitas vezes, os mobile sites não permitem uma navegação tranquila e rápida, então a experiência é quebrada. Já em aplicativos, tudo está ali, fácil, de rápido acesso e com possibilidades infinitas de interação. É só ver os melhores projetos mobile no FWA pra você entender bem esse ítem. 

Logicamente, cada ponto desse dá pra virar um artigo completo, com dicas, variáveis e exemplos. Como não dá pra analisar tudo aqui, estou à disposição pra ajudar no que for preciso... é só deixar sua sugestão/dúvida nos comentários.

Abraços e até o próximo post!

----

ATUALIZANDO: Segundo post da série: 5 razões para desenvolver um site mobile em vez de um aplicativo.

----

Celso Hora.

[statelysandwiches]

[statelysandwiches]

[statelysandwiches]

fo FREE

[statelysandwiches]

search the tag mobile on smashing mags website and there are always new helpful articles and links