Acessibilidade

7 jun, 2010

O ambiente de teste no desenvolvimento mobile web

Publicidade

Durante as palestras que já apresentei sobre Desenvolvimento
Mobile Web, uma das dúvidas mais comuns é sobre como testar a
usabilidade e a interface de uma aplicação mobile web. Na maioria dos
casos, as aplicações são sites mobile, que precisam validar o layout com o
designer, verificar a disposição das informações na tela etc. Já na
versão mobile dos sistemas, precisamos verificar se os formulários não
ficaram muito extensos e o acesso aos campos ficaram fácil.

Existem três formas para você testar a sua aplicação: acesso online
através de simuladores, emuladores ou máquina virtual. Veja.

Online

  • Opera Mini Simulator

Esse simulador do Opera Mini 5 é feito em Java e traz o browser com
todos os recursos para teste. A grande vantagem dele é que é um
browser muito utilizado em vários tipos de dispositivos móveis, que
abrange o mercado de aparelhos desde de smartphones a celulares da “era
touch” (leia-se: iPhone, HTC Android..)

Acesse: http://www.opera.com/mobile/demo/

Se você quiser acessar a versão antiga do simulador, que é o
Opera Mini 4.2 – que ainda é muito usado -, acesse: http://www.opera.com/mobile/demo/?ver=4

  • dotMobi

Apesar de o título da página dizer “emulator”, na verdade ele age
mais como um simulator, pois limita muito o uso dos recursos do
aparelho, dando mais atenção mesmo à navegação. Ele tem um simulador
para o celular Sony K750 e o Nokia N70.

Acesse: http://emulator.mtld.mobi/emulator.php

  • mobiReady

Essa já é uma ferramenta mais completa, pois além de incluir simuladores
para o celular Nokia n70, Samsung z105,
Sony Ericsson k750i, Motorola v3i e Sharp
GX-10
, conta com uma avaliação do seu site mobile,
indicando o erro ou mal uso do HTML, CSS e Javascript.

Acesse: http://ready.mobi/

Emuladores

  • Opera Mobile Emulator

Eu já escrevi um texto falando somente sobre essa ferramenta: Testando o seu site mobile usando o Opera Mobile
Emulator
. Lá você pode ver algumas das funcionalidades desse emulador e
como instalar e etc.

Para baixar, acesse: http://www.opera.com/developer/tools/#operamobile

  • Microsoft Device Emulator 3.0

Acesse: http://www.microsoft.com/downloads/details.aspx?familyid=A6F6ADAF-12E3-4B2F-A394-356E2C2FB114&displaylang=en

Máquina Virtual

Essa imagem mostra o meu blog sendo acessado pela versão 1.5 do Android. E
pelo fato de ser uma máquina virtual, você pode instalar outros
aplicativos no celular, como por exemplo vários browsers mobile e testar
os seus recursos.

Onde aprender a instalar a SDK e os plugins: http://developer.android.com/sdk/index.html

Então?

Essas ferramentas são utilizadas principalmente para teste de
usabilidade e interface. Em um outro artigo sobre esse assunto, vou
abordar ferramentas que validam o código e, ao longo do tempo, vou
aprofundando em cada ferramenta, assim como fiz com o Opera Mobile
Emulator.

Referências:

Mobile Emulators

Testing on Mobile Devices using Emulators