LEIC - 4º ano - Engenharia de Software1 USABILIDADE dos Sistemas de Informação

LEIC - 4º ano - Engenharia de Software2 Equipa Pedro Ferreiraei98016 Nuno Ramosei98041 Jorge Cardosoei98050 Miguel Marquesei00083 Sandra Heringei00084 Fernando Almeidaei98047

LEIC - 4º ano - Engenharia de Software3 Introdução Este trabalho tem como objectivo o estudo da usabilidade dos SI’s em geral e a usabilidade do SiFEUP em particular. Como actualmente os SI’s são essencialmente baseados em web, a atenção deste estudo focou-se pricipalmente nos SI’s para a web.

LEIC - 4º ano - Engenharia de Software4 Desenho de páginas Conteúdo do ecrã –Conteúdo informativo deve ocupar pelo menos 50% do total da página –Espaço em branco –Área de pesquisa –Área de navegação –Design simples Simplicidade na navegação Tempo de download

LEIC - 4º ano - Engenharia de Software5 Desenho de páginas Múltiplas plataformas web –Não desenhar páginas que funcionem bem só em determinadas resoluções –Não usar tamanhos absolutos das fontes –Imagens devem ser legíveis em resoluções pequenas

LEIC - 4º ano - Engenharia de Software6 Desenho de páginas Tempos de resposta –< 0,1 seg. – o utilizador sente que o sistema responde instantâneamente –< 10 seg. – o utilizador nota a demora mas o fluxo de pensamento mantém-se ininterrompido –10 seg. – limite para manter a atenção do utilizador no diálogo. Mantém-se focado na navegação do site –ajudar o utilizador a prever o tempo de download indicando o tamanho do ficheiro Se o utilizador esperar que uma acção é lenta, é mais tolerante com o sistema Se o utilizador esperar que vai ser rápido e a resposta for lenta, fica desapontado

LEIC - 4º ano - Engenharia de Software7 Desenho de páginas Links –Pequenos e informativos (evitar: “clique aqui”) –Utilizar as cores standard porque os utilizadores já estão habituados e detectam- se facilmente

LEIC - 4º ano - Engenharia de Software8 Desenho de páginas Frames –Uso deve ser reduzido ao máximo Quebram o modelo unificado da web O que se vê é resultado de uma série de acções em vez de uma única acção URL’s deixam de funcionar: o URL mostrado pelo browser não identifica o que se está a ver

LEIC - 4º ano - Engenharia de Software9 Desenho de páginas Impressões –Grandes documentos devem ter versões para impressão (ps ou pdf, por exemplo) –Deve haver versão HTML uma vez que é difícil ler ps’s ou pdf’s no ecrã (estas linguagens não foram desenvolvidas para visualização em ecrãs)

LEIC - 4º ano - Engenharia de Software10 Desenho do conteúdo Texto –Sucinto: não mais de 50% que se escreveria numa publicação impressa para descrever o mesmo Os utilizadores lêem 25% mais devagar no ecrã e não gostam de fazer scroll –Rastreável: pequeno parágrafos, listas, sub-títulos. Os artigos devem ser estruturados em 2 ou 3 níveis de headlines Devem ser usados headings informativos As palavras importantes devem ser destacadas para chamar a atenção ao utilizador –Estruturado: usar hipertexto para dividir texto longo em várias páginas Usar a mesma técnica dos jornais.

LEIC - 4º ano - Engenharia de Software11 Desenho do conteúdo Legibilidade –Se o texto não é legível, a página falhou –Usar cores com alto contraste entre texto e fundo –Usar fundos só de cor ou imagens muito subtis –Usar fontes suficientemente grandes para as pessoas lerem bem mesmo que não tenham uma visão perfeita –O texto não se deve mexer: texto a mover-se ou a piscar é mais difícil de ler

LEIC - 4º ano - Engenharia de Software12 Desenho do conteúdo Documentação –É preferível desenhar interfaces tão fáceis de usar que não seja preciso documentação –As páginas de documentação devem ser pesquisáveis –Deve haver abundância de exemplos –As instruções devem ser orientadas à tarefa e enfatizar como fazer passo a passo –Deve existir um modelo conceptual do sistema, um diagrama que explica como as diferentes partes funcionam juntas –Conceitos difíceis devem estar ligados a um glossário –Breve, como sempre na web

LEIC - 4º ano - Engenharia de Software13 Desenho do site Home Page –É o cartão de visita do site –Deve responder a questões do tipo: Onde estou? O que é este site proporciona? –Coloca-se novidades, destaques e promoções –Área de navegação –Splash screens devem ser evitados

LEIC - 4º ano - Engenharia de Software14 Desenho do site Páginas interiores –Devem responder a 3 questões: Onde estou? Onde estive? Para onde posso ir?

LEIC - 4º ano - Engenharia de Software15 Desenho do site Estrutura do site –Regras fundamentais Ter uma estrutura Deve reflectir a vista do utilizador e a informação ou serviços prestados pelo site –Erro comum: Desenhar a estrutura de modo a reflectir a estrutura organizacional da empresa (os utilizadores não querem saber disso). A excepção são as intranets

LEIC - 4º ano - Engenharia de Software16 Intranet design Principais diferenças da internet e da intranet –Utilizadores: os utilizadores da intranet são empregados; os da internet são clientes –Tecnologia: na intranet pode-se assumir que a visualização é feita através de determinado browser ou tamanhos de ecrã bem definidos

LEIC - 4º ano - Engenharia de Software17 Acessibilidade para utilizadores com deficiências Problemas mais sérios –Utilizadores cegos ou outras deficiências visuais Páginas longas são piores para os cegos porque é difícil rastrear partes interessantes Para facilitar o rastreamento deve-se usar, em HTML, para nível mais alto do cabeçalho e assim sucessivamente Usar método alternativo ( ) para “mostrar” imagens a quem não as pode ver Para os deficientes auditivos, os vídeos e clips devem ser legendados Para os deficientes motores, os IMAGEMAPS não devem ser muito pequenos

LEIC - 4º ano - Engenharia de Software18 Bases de dados Consistência Actualização Segurança e dados pessoais –Conceber esquemas que garantam que determinada informação é acedida apenas por quem tem direito a fazê-lo –Permitir a modificação dos dados pessoais

LEIC - 4º ano - Engenharia de Software19 Testes com utilizadores Quatro Níveis de Complexidade - Resposta Simples - A resposta é apenas uma e não oferece dúvidas. - Comparação Simples - A resposta válida só pode ser uma e a comparação é feita entre elementos da mesma página. - Resposta Complexa - A resposta válida só pode ser uma mas tem de ser relacionada com o contexto. - Comparação Complexa - Só há uma resposta válida, mas a comparação é feita entre elementos de várias páginas.

LEIC - 4º ano - Engenharia de Software20 Testes com utilizadores Índice de Sucesso de Cada Tarefa isT = [3 *  C + 2 *  E +  NR ] / nu em que, isT – Índice de sucesso de Tarefa C – Respostas certas E – Respostas erradas NR – Tarefas não realizadas nu – Número de utilizadores

LEIC - 4º ano - Engenharia de Software21 Testes com utilizadores Perfil dos Utilizadores Para se obter resultados com maior rigor possível, deverá efectuar-se os testes a vários tipos de pessoas. Tendo em conta: - Sexo - Idade - Frequência de utilização da Internet - Finalidade de uso da Internet (profissional, académico,...) - Já utilizou o SI em estudo - Finalidade do uso do SI em estudo

LEIC - 4º ano - Engenharia de Software22 Testes com utilizadores Avaliação dos Dados É necessário distinguir os vários tipos de resposta. Grau de Sucesso dos utilizadores - Bom - resposta certa. - Mau - resposta errada. - Muito Mau - tarefa não realizada.

LEIC - 4º ano - Engenharia de Software23 Testes com utilizadores As sessões com utilizadores são profícuas na detecção de problemas durante a realização de tarefas específicas Não é possível sugerir correcções a alguns problemas apenas a problemas pontuais O facto de o utilizador conhecer o sítio não tem influência na realização de tarefas A opinião após o uso de um sítio pode ser um indicador a considerar acerca da usabilidade desse sítio Neste tipo de avaliação, o tempo não é o factor mais importante –Se um utilizador demora 1 minuto a realizar uma tarefa e outro demora 20 segundos e não “responde” correctamente e se se considera que o primeiro caso é mais favorável...

LEIC - 4º ano - Engenharia de Software24 Usabilidade do SiFEUP

LEIC - 4º ano - Engenharia de Software25 Desenho de páginas Conteúdo do ecrã –3 secções principais –Poucas imagens –Muito conteúdo informativo –Em algumas situações substituída pela interface antiga

LEIC - 4º ano - Engenharia de Software26 Desenho de páginas Múltiplas plataformas Web –Tamanho das páginas fixo –Fontes com tamanho fixo –Uso linguagens standard Links –Descritivos –Intuitivos –Uso de cores não standard

LEIC - 4º ano - Engenharia de Software27 Desenho de páginas Impressões –Documentos extensos não têm versão para impressão

LEIC - 4º ano - Engenharia de Software28 Desenho do conteúdo Texto –Normalmente sucintos –Com divisões –Palavras-chave sobressaem

LEIC - 4º ano - Engenharia de Software29 Desenho do site Home page –Splash screen –Informações –Menus principais de navegação –Últimas notícias Estrutura do site –Segue a estrutura da FEUP

LEIC - 4º ano - Engenharia de Software30 Base de Dados Actualizações –Notícias actualizadas frequentemente –Pouca actualização de outros elementos (e.g. Notas dos alunos) Pesquisas –Muitos tipos de pesquisa –Não existe pesquisa global

LEIC - 4º ano - Engenharia de Software31 Resultados do Inquérito Principais pontos positivos –Muita informação –Facilidade de acesso à informação –Utilidade –Simplicidade –Rapidez

LEIC - 4º ano - Engenharia de Software32 Resultados do Inquérito Principais pontos negativos –Pouca actualização de informação –Pouca credibilidade da informação –Aspecto –Unilingue –Falta de pesquisa geral

LEIC - 4º ano - Engenharia de Software33 Resultados do Inquérito Principais sugestões (docentes) –Versão em inglês –Exportação de dados mais avançadas –Criar motor de pesquisa geral –Melhorar aspecto gráfico –Evitar difrenças marcantes no aspecto gráfico do SiFEUP –Criar fóruns de discussão para discutir melhoramentos ao SiFEUP –Reforçar mecanismos de actualização de informação –Sistema que permita aos docentes disponibilização de conteúdos

LEIC - 4º ano - Engenharia de Software34 Resultados do Inquérito Principais sugestões (não docentes) –Maior controlo sobre a consistência e actualizações da informação –Instruções de uso e ajuda ao utilizador –Uniformização de páginas referentes às disciplinas

LEIC - 4º ano - Engenharia de Software35 Resultados do Inquérito Principais sugestões (alunos) –Permitir alterar dados pessoais –Criação de fórum de discussão –Aprofundamento de informação sobre as cadeiras –Permitir inscrições em exames para que tem horários incompatíveis com os da secretaria –Informação mais actualizada –Afixação de notas de exames e mini-teste on- line

LEIC - 4º ano - Engenharia de Software36 Resultados do Inquérito Em geral, estou satisfeito com a facilidade com que se usa o SiFEUP

LEIC - 4º ano - Engenharia de Software37 Resultados do Inquérito É fácil encontrar a informação que necessito?

LEIC - 4º ano - Engenharia de Software38 Resultados do Inquérito No modo geral estou satisfeito com o SiFEUP.

LEIC - 4º ano - Engenharia de Software39 Resultados do Inquérito Confia nos dados que obtém do SiFEUP?

LEIC - 4º ano - Engenharia de Software40 Resultados do Inquérito Acha que os dados são devidamente actualizados?

LEIC - 4º ano - Engenharia de Software41 Agradecimentos Dra Lígia Ribeiro Engº Manuel Machado A todas as pessoas que preencheram o inquérito

LEIC - 4º ano - Engenharia de Software42 FIM