avaliação em mobile websites

31
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

Upload: mcm-ipg

Post on 19-Jun-2015

1.255 views

Category:

Education


4 download

TRANSCRIPT

Page 1: 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

Page 2: Avaliação em mobile Websites

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

Page 3: Avaliação em mobile Websites

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

Page 4: Avaliação em mobile Websites

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

Page 5: Avaliação em mobile Websites

Paulo Santos – ESTG/CM

Introdução

Avaliação em mobile Websites 5

Conformidade das boas práticas

no validador W3C mobileOK

Page 6: Avaliação em mobile Websites

Paulo Santos – ESTG/CM

Requisitos da mobile Web Grande diversidade de aparelhos

Equipamentos mobile (Futuro)

Morph

Nokia 888

Avaliação em mobile Websites 6

Page 7: Avaliação em mobile Websites

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

Page 8: Avaliação em mobile Websites

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

Page 9: Avaliação em mobile Websites

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

Page 10: Avaliação em mobile Websites

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.

Page 11: Avaliação em mobile Websites

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

Page 12: Avaliação em mobile Websites

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

Page 13: Avaliação em mobile Websites

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

Page 14: Avaliação em mobile Websites

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

Page 15: Avaliação em mobile Websites

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

Page 16: Avaliação em mobile Websites

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

Page 17: Avaliação em mobile Websites

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

Page 18: Avaliação em mobile Websites

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

Page 19: Avaliação em mobile Websites

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.

Page 20: Avaliação em mobile Websites

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:

Page 21: Avaliação em mobile Websites

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.

Page 22: Avaliação em mobile Websites

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

Page 23: Avaliação em mobile Websites

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.

Page 24: Avaliação em mobile Websites

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

Page 25: Avaliação em mobile Websites

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%

Page 26: Avaliação em mobile Websites

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.

Page 27: Avaliação em mobile Websites

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

Page 28: Avaliação em mobile Websites

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

Page 29: 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

Page 30: Avaliação em mobile Websites

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]

Page 31: Avaliação em mobile Websites

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