Avaliação em mobile Websites
Transcript of Avaliação em mobile Websites
Avaliação em mobile Websites
Trabalho desenvolvido no âmbito do estágio profissionalizante do
Mestrado em Computação Móvel na empresa Dom Digital
Paulo Santos [email protected]
04/06/2011
Orientadora:
Prof. Clara Silveira
1º Simpósio do Mestrado em Computação Móvel
Paulo Santos – ESTG/CM
Estrutura da apresentação
• Introdução
• Requisitos da mobile Web
• Avaliação para Websites móveis
– Novo instrumentos de avaliação
– Casos de estudo / discussão de resultados
• Conclusões
Avaliação em mobile Websites 2
Paulo Santos – ESTG/CM
Introdução
A tecnologia móvel está a revolucionar o dia-a-
dia das pessoas.
No final de 2010 em Portugal: (Anacom)
• A taxa de penetração do serviço telefónico móvel é de
154,9% com 16,47 milhões de estações móveis activas;
• 4,1 milhões são utilizadores activos de banda larga móvel
(UMTS/HSPA).
Em 2013 o nº de utilizadores com Internet móvel no mundo
rondará os 6 biliões e a percentagem de disseminação
será de 78,6%. (Portio Research)
Avaliação em mobile Websites 3
Paulo Santos – ESTG/CM
• Com esta evolução nem sempre as "Boas
Práticas" ou padrões Web para websites
móveis são seguidos.
• Necessidade de Avaliar e
validar.
Introdução
Avaliação em mobile Websites 4
Paulo Santos – ESTG/CM
Introdução
Avaliação em mobile Websites 5
Conformidade das boas práticas
no validador W3C mobileOK
Paulo Santos – ESTG/CM
Requisitos da mobile Web Grande diversidade de aparelhos
Equipamentos mobile (Futuro)
Morph
Nokia 888
Avaliação em mobile Websites 6
Paulo Santos – ESTG/CM
• Sistemas operativos e browsers
adequados às características específicas de
tamanho, funcionalidade e usabilidade
dos dispositivos móveis (pequeno ecrã, baixa
capacidade de processamento e memória, ligações
de baixa velocidade;
Requisitos da mobile Web
Avaliação em mobile Websites 7
Paulo Santos – ESTG/CM
Requisitos da mobile Web Sistemas Operativos/browsers Mobile
iPhone OS, BlackBerry OS, Symbian OS, Android Windows Mobile
• Os SO para dispositivos móveis em 2012?? (Gartnet Inc. 2010) :
• Symbian, 1º lugar - 39% S60 Web Browser
• Android, 2º - 14,5% Android
• iPhone OS, 3º - 13,7% Safari
• Windows Mobile, 4º - 12,8% IE
• BlackBerry OS, 5º - 12,5% BlackBerry Browser
(Opera Mini/Mobile, Skyfire, Firefox Mobile)
Avaliação em mobile Websites 8
Paulo Santos – ESTG/CM
• Rede de acesso (GSM/GPRS ou 2G,
UMTS ou 3G/3,5G e num futuro
próximo 4G ou LTE-Long Term Evolution);
Requisitos da mobile Web
Avaliação em mobile Websites 9
Paulo Santos – ESTG/CM
Requisitos da mobile Web Evolução de Websites para dispositivos móveis
Avaliação em mobile Websites 10
• As linguagens de marcação (WML, XHTML Mobile Profile
ou XHTML Basic.
• O futuro aponta para o HTML 5.0.
Paulo Santos – ESTG/CM
• Cloud Computing em qualquer
lugar, independente de plataforma
e com as mais variadas
aplicações.
Requisitos da mobile Web
Avaliação em mobile Websites 11
Paulo Santos – ESTG/CM
Instrumentos de avaliação
para Websites móveis Normas e Validadores
• As Normas ou padrões Web (Web Standards)
• A Web seja para todos;
• em qualquer dispositivo;
• e que seja uma base de conhecimento, confiável e segura.
• O futuro da Web passa pela mobilidade, acessibilidade,
disponibilidade e usabilidade e, tudo aponta para que a Web seja a
base do conhecimento num futuro próximo (Tim Berners-Lee).
Avaliação em mobile Websites 12
Paulo Santos – ESTG/CM
Instrumentos de avaliação
para Websites móveis
• W3C - grupo “Mobile Web Initiative”, DotMobi e Open
Mobile Alliance, …
• Documentos importantes W3C:
• Mobile Web Best Practices 1.0, Basic Guidelines - W3C (2008)
Guia de Boas Práticas para mobile Web.
• W3C mobileOK Basic Tests 1.0, W3C (2008) - Avalia a usabilidade,
eficiência e interoperabilidade e dá a certificação - W3C ® ™ mobileOK.
• Comunidade mobiForge - O “dotMobi Mobile Web
Developer's Guide” (2007).
Avaliação em mobile Websites 13
Normas
Paulo Santos – ESTG/CM
• Validador da W3C - http://validator.w3.org/mobile/
• Validador da mobiforge - http://mobiready.com/
• Validador da T.A.W. - http://validadores.tawdis.net/mobileok/
Instrumentos de avaliação
para Websites móveis
Avaliação em mobile Websites 14
Validadores
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis Proposta de grelha de avaliação
• Este trabalho surgiu da necessidade que a empresa Dom
Digital tinha em conseguir um instrumento para analisar e
avaliar Websites para dispositivos móveis de forma mais
abrangente.
• A empresa já utiliza uma grelha interna e os 3 validadores
W3C, mobiready e TAW.
• Pretende-se um instrumento de avaliação (grelha de
avaliação) mais consistente.
Avaliação em mobile Websites 15
Paulo Santos – ESTG/CM
Metodologia:
• Análise de 12 documentos da área – lista com cerca de 670 indicadores;
• Retirar os indicadores repetidos – lista com cerca de 170 indicadores;
• Novo critério (peso) – importância de cada indicador;
• Análise de todos os indicadores e retirar os que têm peso <=2 e os que
não se revelam importantes para a mobile web;
• Lista com 68 indicadores distribuídos por 10 temas;
Novo instrumento de avaliação
para Websites móveis Proposta de grelha de avaliação
Avaliação em mobile Websites 16
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis Proposta de grelha de avaliação (exemplo)
….
Avaliação em mobile Websites 17
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis Proposta de grelha de avaliação (exemplo)
Avaliação em mobile Websites 18
Indicador Descrição Peso Aval Med Pág Disp Valor
Thematic consistency O acesso a um URL deve proporcionar sempre as
mesmas informações. 3 man S/N 3 T [0, 1]
….
W3C technologies Usar tecnologias W3C. 4 man S/N 1 Desk [0, 1]
Assistive technologies Compatível com tecnologias assistivas. 4 man S/N 1 Desk [0, 1]
Indicador Descrição Peso Aval Med Pág Disp Valor
Valid markup Criar documentos válidos conforme a sintaxe formal
amplamente conhecida. 11 Aut - - -
Style sheets use Utilizar folhas de estilo para controlar o layout e a
apresentação. 7 Aut - - -
Character encoding use Indicar na resposta a codificação de caracteres
usada. 6 Aut - - -
Error messages Garantir mensagens de erro informativas. 3 Man S/N 1 1 [0, 1]
…
Indicadores para um projecto de Web única
Padrões Web para melhorar a interoperabilidade
• Para avaliação dos vários indicadores foram definidos critérios
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis Casos de estudo
Avaliação em mobile Websites 19
A grelha de avaliação foi aplicada a casos de estudo para validação e,
avaliar a conformidade das boas práticas;
Foram realizados 3 casos de estudo:
• 1º Caso de estudo - 1 site (grelha da empresa / grelha 68 indicadores)
• 2º Caso de estudo • 5 sites mobile;
• Avaliadores externos;
• Vários equipamentos Mobile;
• 3º Caso de estudo • 33 sites mobile;
• Grelha com 29 indicadores de avaliação manual e os resultados dos
3 validadores.
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis Casos de estudo
Avaliação em mobile Websites 20
A avaliação:
• Foi feita por avaliadores em ambiente de teste;
• Foram aplicados os vários validadores;
• Foram realizados testes em equipamentos móveis que
abrangem as 5 plataformas mais utilizadas:
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis 2º Caso de estudo
Avaliação em mobile Websites 21
• Neste caso de estudo as avaliações foram feitas de
forma a que todos os sites (5) fossem avaliados, pelo
menos, por 3 avaliadores e com pelo menos 3
dispositivos diferentes.
Paulo Santos – ESTG/CM
Instrumentos de avaliação para
Websites móveis 2º Caso de estudo / Resultados
Avaliação em mobile Websites 22
Indicador Descrição Peso Aval Med Pág Disp Valor
Thematic consistency O acesso a um URL deve proporcionar sempre as
mesmas informações.
3 man Passa 3 T 1
….
W3C technologies Usar tecnologias W3C. 4 man Passa 1 Desk 1
Assistive technologies Compatível com tecnologias assistivas. 4 man Ñ Passa 1 Desk 0
Indicador Descrição Peso Aval Med Pág Disp Valor
Valid markup Criar documentos válidos conforme a sintaxe formal
amplamente conhecida.
11 Aut Erro B - - 0,4
Style sheets use Utilizar folhas de estilo para controlar o layout e a
apresentação.
7 Aut Erro B - - 0,4
Character encoding use Indicar na resposta a codificação de caracteres usada. 6 Aut Aviso - - 0,8
Error messages Garantir mensagens de erro informativas. 3 Man Passa 1 1 1
…
Indicadores para um projecto de Web única
Padrões Web para melhorar a interoperabilidade
Paulo Santos – ESTG/CM
Novo instrumento de avaliação
para Websites móveis 2º Caso de estudo / Resultados
Avaliação em mobile Websites 23
• O resultado final é calculado tendo em conta todos os indicadores de
avaliação manual, de avaliação automática e a ponderação da variável
peso.
• Concluiu-se que os valores da avaliação dos indicadores manuais são
em média 8% inferiores aos dos indicadores automáticos
• E influenciam em média -5% a avaliação final de um site.
Paulo Santos – ESTG/CM
Instrumentos de avaliação para
Websites móveis 2º Caso de estudo / Resultados
Avaliação em mobile Websites 24
• Indicadores que menos atenção merecem por parte dos
programadores de sites para dispositivos móveis
Indicadores automáticos (%)
Valid markup 62%
Page size limit 58%
Tables layout 38%
Measures 38%
Content format support 38%
Images specify size 35%
Caching 33%
Best Practice (%)
VALID_MARKUP 78%
MEASURES 60%
PAGE_SIZE_LIMIT 55%
IMAGES_SPECIFY_SIZE 48%
CACHING 39%
W3C mobileOK Checker
Paulo Santos – ESTG/CM
Instrumentos de avaliação para
Websites móveis 2º Caso de estudo / Resultados
Avaliação em mobile Websites 25
Nos indicadores de avaliação manual os
resultados são preocupantes e demonstraram
aspectos pouco cuidados nos sites mobile Web
avaliados.
• Nenhum passou no que diz respeito à
compatibilidade com as tecnologias assistivas;
• Nenhum dos sites se preocupa em manter o seu
endereço URL curto;
• O uso de tecnologias recomendadas pela W3C
falhou em 67% das avaliações;
• Páginas demasiado grandes e mal
dimensionadas.
• Não uso de linguagens de marcação para a estrutura
lógica do documento falha em 58% das avaliações;
Indicadores Manuais (%)
Assistive technologies 100%
Url's 100%
W3C technologies 67%
Page size usable 58%
Structure 58%
Error messages 50%
Capabilities 42%
Paulo Santos – ESTG/CM
Instrumentos de avaliação para
Websites móveis 3º Caso de estudo / Resultados
Avaliação em mobile Websites 26
• Avaliados 33 sites mobile;
• Grelha com 29 indicadores de avaliação manual;
• Resultados da aplicação dos 3 validadores;
• 5 equipamentos das várias plataformas;
• Resultado final de cada site é a média da:
• Ponderação dos 29 indicadores de avaliação manual;
• Média dos 3 validadores;
• Os dados foram tratados estatisticamente em SPSS.
Paulo Santos – ESTG/CM
Instrumentos de avaliação para
Websites móveis 3º Caso de estudo / Resultados
Avaliação em mobile Websites 27
• Dos 29 indicadores revelaram-se muito
importantes 4 indicadores e os 3 validadores
subdivididos em 2 componentes:
• Estrutura: o Structure o Color contrast o Validador W3C o Validador dotMoby o Validador TAW
• Conteúdo o Balance o Pause, stop, hide
Paulo Santos – ESTG/CM 28
0
10
20
30
40
50
60
70
80
90
100
7 Ind Média Validadores 29 Ind Manuais
Instrumentos de avaliação para
Websites móveis 3º Caso de estudo / Resultados
2% -17%
Avaliação em mobile Websites
Paulo Santos – ESTG/CM
Avaliação para Websites móveis Conclusões
• Instrumento de avaliação mais consistente.
• Resultados coerentes, melhora as avaliações (avalia aspectos que numa
avaliação automática não é possível).
• Esta metodologia combina quatro avaliações distintas: indicadores de
avaliação manual/humana e os resultados de três validadores automáticos.
• Os sites já demonstram alguma preocupação com as boas práticas (67%
tem valor >50).
• Os resultados influenciam sobretudo a usabilidade e a disponibilidade dos
conteúdos (nomeadamente nos dispositivos mais antigos).
• Quanto maior a pontuação maior número de potenciais utilizadores (maior é a
probabilidade dos conteúdos serem visualizados correctamente num maior número de
dispositivos).
Avaliação em mobile Websites 29
Paulo Santos – ESTG/CM
Agradecimentos:
• Prof. Clara Silveira
• Unidade de Investigação para o Desenvolvimento
do Interior (UDI), IPG
• Empresa Dom Digital Paulo Santos - [email protected]
Paulo Santos – ESTG/CM
Anacom, Relatório Serviços Móveis - 2º trimestre de 2010,
http://www.anacom.pt/render.jsp?contentId=1042267, (20 Setembro de 2010), 2010.
W3C, Usage statistics of W3C mobileOK Checker,
http://www.w3.org/2008/04/mokstats/public/global/20080401-20100110/, (13 Julho de 2010),
2010.
W3C, Mobile Web Best Practices 1.0. Basic Guidelines. W3C Recommendation,
http://www.w3.org/TR/mobile-bp/, (14 Maio 2010), 2008a.
W3C, MobileOK Basic Tests 1.0. W3C Recommendation, http://www.w3.org/TR/mobileOK-
basic10-tests/, (14 Maio de 2010), 2009a.
W3C, Mobile Web Best Practices (MWBP) Flipcards,
http://www.w3.org/2007/02/mwbp_flip_cards, (14 Maio de 2010), 2009b.
Bibliografia
Avaliação em mobile Websites 31