avaliação em mobile websites
TRANSCRIPT
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