Testes com jQuery mobile e interfaces mais práticas para dispositivos móveis

Mobile em Foco

Hoje continuando com meus estudos em jQuery mobile e interações com dispositivos móveis, resolvi fazer uma pequena janela com 2 tipos de informações e 2 menus, acessíveis por comandos comuns em celulares e tablets: o Swipe e Tap.

O objetivo era testar o uso de menus circulares para ações de “Tap and Hold” para dispositivos móveis e o quanto eles podem facilitar a utilização de um usuário em detrimento de menus verticais ou horizontais simples para ações imediatas e localizadas.

Para visualizar o funcionamento em um navegador desktop, clique e arraste o mouse para ambos os lados algumas vezes para simular o Swipe e utilize o clique direito do mouse para simular o Tap and Hold. Em um celular ou tablet, faça os movimentos com os dedos mesmo que eles funcionarão.

Para navegadores móveis este exemplo só funciona plenamente no Chrome uma vez que o Firefox ainda tem um bug a ser resolvido com o Tap and Hold.

Tags:
  • android,
  • arquitetura da informação,
  • Chrome,
  • Firefox,
  • interaction design,
  • iphone,
  • javascript,
  • jquery,
  • mobile,
  • Swipe,
  • Tap and Hold