Avaliação em mobile web sites - CISTI2010

AvaliaçãoAvaliação emem Mobile Web SitesMobile Web Sites

Paulo J. F. Santos, Maria Clara Silveira Instituto Politécnico da Guarda, Unidade de Investigação para o

Desenvolvimento do Interior, Guarda, [email protected], [email protected]

18/06/2010

5ª Conferência Ibérica de Sistemas5ª Conferência Ibérica de Sistemasy Tecnologias de y Tecnologias de InformaciónInformación

Paulo Santos – UDI/IPG CISTI 2010 - Avaliação em mobile Web Sites 2

Estrutura da apresentação

• Introdução / objectivos• Evolução da mobile Web• Avaliação de sites mobile Web• Novo instrumento de avaliação• Conclusões e trabalho futuro

Paulo Santos – UDI/IPG

Introdução

Cada vez mais se usa o dispositivodispositivo móvelmóvel para ter acesso à InternetInternet

Em 2013:Em 2013:

•• no mundo no mundo o número de assinantes com ligação à InternetInternetmóvelmóvel rondará os 6 biliões6 biliões;

•• percentagempercentagem de disseminaçãodisseminação dos dispositivos móveis será de cerca 80%80% (Portio Research);

• Tráfego na Web móvel chegará a 2,2 milhões de TB 2,2 milhões de TB por mêsmês em 2013 (Cisco).

CISTI 2010 - Avaliação em mobile Web Sites 3


Introdução

No 1º trimestre de 2010, o serviço telefónico móvel em PortugalPortugal atingiu o valor de 15,8 15,8 milhõesmilhões, uma taxa de disseminação de 148,9%. 148,9%. 8,4 milhões 8,4 milhões utilizam banda larga móvel (Anacom).



Os dispositivos móveis estão a mudar o nosso quotidiano devido:

•• Evolução dos equipamentosEvolução dos equipamentos•• SoftwareSoftware (sistemas operativos / browsers)

•• Redes de comunicaçãoRedes de comunicação•• EvoluçãoEvolução da WebWeb

Mas, nem sempre as empresas se preocupam Mas, nem sempre as empresas se preocupam com os utilizadores destes dispositivos.com os utilizadores destes dispositivos.

Introdução



• As "Boas PráticasBoas Práticas" ou padrões padrões WebWebpara websites móveis nem sempre são seguidas.

•• Avaliar e validar.Avaliar e validar.

Introdução



Estado de ArteEquipamentos,

Redes de acesso, Sistemas operativos/browser,

Evolução dos Websites móveis

• Grande diversidade de aparelhos disponíveis e esse número aumenta a cada instante.

• GSM/GPRS ou 2G, UMTS ou 3G/3,5G e num futuro próximo 4G ou LTE (Long Term Evolution).

• Em 2012 o acesso à Internet em dispositivos móveis supera o acesso de computadores fixos (Morgan Stanley).

Nokia 888Nokia 888



• Sistemas operativos adequados às características específicas de tamanhotamanho, funcionalidadefuncionalidade e usabilidadeusabilidade dos dispositivos móveis.

• Em 2012 os SO para dispositivos móveis (Gartnet Inc.) :•• SymbianSymbian, , 1º lugar - 39%•• AndroidAndroid, , 2º - 14,5%•• iPhoneiPhone OS, 3º - 13,7% •• Windows Mobile, Windows Mobile, 4º - 12,8%•• BlackBerryBlackBerry OS, 5º - 12,5%






• Browser adaptado ao pequeno ecrãpequeno ecrã,, à baixa capacidade baixa capacidade de processamento processamento e e memória memória e às ligações de baixa ligações de baixa velocidadevelocidade. .

•• Opera Mini/mobileOpera Mini/mobile, Firefox Mobile (FennecFennec) e BOLT são bowserscompatíveis com vários sistemas operativos

•• SkyfireSkyfire - Windows Mobile e Symbian•• SafariSafari - iPhone• Google AndroidAndroid - Android OS•• Internet Explorer Mobile Internet Explorer Mobile - Windows Mobile•• S60 Web BrowserS60 Web Browser - Symbian OS






• As linguagens de marcação linguagens de marcação utilizadas são de extrema importância.

• WML, XHTML Mobile Profile ou XHTML Basic.• o XHTML Basic ou o XHTML Mobile Profile

(XHTML-MP) são defendidos como boas práticas porentidades diferentes (W3C e DotMobi/Open Mobile Alliance).

• O futuro aponta para o HTML 5.0.






Avaliação de Websites móveisNormas e Validadores

•• Orientações Orientações ou ou boas práticas boas práticas na produção produção e publicação publicação dos sitessites/conteúdos /conteúdos mobilemobile???

• As Normas ou padrões Web (Web Standards)• A WebWeb seja para todosseja para todos• em qualquer dispositivo qualquer dispositivo • e que seja uma base de conhecimento, confiável e segurabase de conhecimento, confiável e segura.

• O futuro da Web passa pela mobilidademobilidade, acessibilidadeacessibilidade, disponibilidadedisponibilidade e usabilidadeusabilidade e, tudo aponta para que a Web seja a base do conhecimento num futuro próximo (Tim Berners-Lee).




• W3C - grupo “Mobile Web Mobile Web InitiativeInitiative”, DotMobi e Open Mobile Alliance.

• Documentos importantes W3C:• Mobile Web Best Practices 1.0, Basic Guidelines - W3C (2008)

Guia de Boas Práticas e recomendações para mobile Web.

• W3C mobileOK Basic Tests 1.0, W3C (2008) - Avalia a usabilidade, eficiência e interoperabilidade e dá a certificação - W3C ® ™ W3C ® ™ mobileOKmobileOK..

• Comunidade mobiForge - O “dotMobi Mobile Web Developer's Guide” (2007).



• Validador da W3C - http://validator.w3.org/mobile/• Validador da mobiforge - http://mobiready.com/• Validador da T.A.W. - http://validadores.tawdis.net/mobileok/




Novo Instrumento de AvaliaçãoAbordagem Metodológica

• Este trabalho surgiu da necessidade necessidade que a empresa Dom Digital tinha em conseguir um instrumento para analisar e um instrumento para analisar e avaliar avaliar WebsitesWebsites para dispositivos móveis para dispositivos móveis de forma mais abrangente.

• A empresa utiliza já os 3 validadores W3C, mobiready e TAW.

• A metodologia metodologia a desenvolver deve implementar um instrumentoinstrumento de avaliaçãode avaliação mais consistente e completoconsistente e completo.




1ª etapa 1ª etapa foi analisar e retirar todos os indicadores dos documentos mais importantes nesta área (12 documentos).

• Mobile Web Best Practices 1.0 (w3C)• Mobile Web, Developer’s Guide (dotMobi)• MobileOK Basic Tests 1.0 (w3C)• Mobile Web Application Best Practices (w3C)• Web Content Accessibility Guidelines 1.0 (w3C)• Web Content Accessibility Guidelines 2.0 (w3C)• Relationship between Mobile Web Best Practices and

Web Content Accessibility (w3C)• Shared Web Experiences: Barriers Common to Mobile

Device Users and People with Disabilities (w3C)• 3 Validadores (W3C, dotMobi e TAW)




2ª etapa 2ª etapa • Lista com 670 indicadores.•• Análise de cada indicadorAnálise de cada indicador e verificar se está duplicadoduplicado.

Se estava duplicado então era retirado retirado mas, ficando sempre ficando sempre com a sua referênciacom a sua referência.

• Nova lista com cerca de 170 indicadores.




3ª etapa 3ª etapa • Ordenaram-se os indicadores com base num novo critério

definido nesta metodologia, o o pesopeso. • O campo peso peso é o grau de importânciagrau de importância atribuído, tendo em

conta o número de vezes que cada indicador foi referenciado nos vários documentos analisados.




4ª etapa 4ª etapa

•• Examinar cada indicador individualmente e verificar Examinar cada indicador individualmente e verificar se era realmente importante para a se era realmente importante para a Mobile WebMobile Web ou ou para a acessibilidade na para a acessibilidade na Mobile WebMobile Web. .

• Os itens com peso igual ou inferior a 2 peso igual ou inferior a 2 foramdescartados descartados (Web desktopWeb desktop ou por analise).analise).

• Grelha reduzida a 68 indicadores.68 indicadores.




4ª etapa 4ª etapa •• AgrupouAgrupou--se a grelha se a grelha em temas temas que têm por

base as 10 regras básicas 10 regras básicas para desenvolver um mobile Website segundo o W3CW3C. 1.1. Implementar um projecto para uma Implementar um projecto para uma WebWeb únicaúnica2.2. Confiar nos padrões Confiar nos padrões WebWeb3.3. Evitar os riscos conhecidos Evitar os riscos conhecidos 4.4. Prudência com as limitações dos dispositivosPrudência com as limitações dos dispositivos5.5. Aperfeiçoar a navegação Aperfeiçoar a navegação 6.6. Testar gráficos e cores Testar gráficos e cores 7.7. Fazer em tamanho reduzidoFazer em tamanho reduzido8.8. Economizar o uso da rede Economizar o uso da rede 9.9. Facilitar a entrada dos dadosFacilitar a entrada dos dados10.10. Pensar nos utilizadores da Pensar nos utilizadores da Mobile WebMobile Web



Novo Instrumento de AvaliaçãoProposta de Grelha

….CISTI 2010 - Avaliação em mobile Web Sites 20


Novo Instrumento de AvaliaçãoConclusões

• Depois de comparada comparada a nova grelha nova grelha com o guia de boas guia de boas práticas para a práticas para a Mobile Web Mobile Web da W3Cda W3C, 87%87% dos indicadores são comuns e apenas 13%13% são novos.

• A grelha contém 51%51% dos indicadores que são avaliados automaticamenteautomaticamente através dos 3 validadores já referidos.

• Os restantes 49% terão sempre de ser avaliados de forma manual/humana.

• Os indicadores são avaliadosavaliados segundo uma avaliação do tipo semáforosemáforo, (“ok”, “aviso” ou “erro”).

• Estes resultados são interpretados para que no final possa ser atribuído um valor percentual ao mobile Website avaliado.



Novo Instrumento de AvaliaçãoConclusões

Esta grelha foi aplicada a dois casos de estudo dois casos de estudo e posteriormente comparada com os valores obtidos na avaliação dos indicadores do Mobile Web BestPractices 1.0 da W3C. Desta comparação preliminar podemos concluir que existe uma variação média de 10%, ou seja, a aplicação da nova grelha origina valores totais 10% mais baixos.



Num trabalho futuro pretende-se continuar a desenvolver a metodologia.

• Numa 1ª fase a grelha deve ser validada e aplicada a mais casos de estudo.

• Numa 2ª fase este instrumento deve ser melhorado através da ponderação dos indicadores conforme o peso.

• Numa 3ª fase devem ser introduzidas novas variáveis ponderadas à grelha tais como a taxa de disseminaçãotaxa de disseminação dos dispositivos por paíspaís ou o segmento de mercadosegmento de mercado onde se insere o site.

• Posteriormente a grelha deve ser aplicada novamente a mais casos de estudo para simulação e validação.

Trabalho futuro


Paulo Santos – UDI/IPG CISTI 2010 - Avaliação em mobile Web Sites 24

Agradecimentos à Unidade de Investigação Agradecimentos à Unidade de Investigação para o Desenvolvimento do Interior, Instituto para o Desenvolvimento do Interior, Instituto Politécnico da Guarda e à empresa Dom DigitalPolitécnico da Guarda e à empresa Dom Digital

Paulo SantosPaulo [email protected]@domdigital.pt

Technology

Avaliação em mobile web sites - CISTI2010