USABILIDADE dos Sistemas de Informação

1. USABILIDADE dos Sistemas de Informação LEIC - 4º ano - Engenharia de Software

2. Equipa • Pedro Ferreira ei98016 • Nuno Ramos ei98041 • Jorge Cardoso ei98050 • Miguel Marques ei00083 • Sandra Hering ei00084 • Fernando Almeida ei98047 LEIC - 4º ano - Engenharia de Software

3. 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 Software

4. 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 Software

5. 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 Software

6. 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 Software

7. 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 Software

8. 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 Software

9. 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 Software

10. 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 Software

11. 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 Software

12. 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 Software

13. 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 Software

14. 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 Software

15. 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 Software

16. 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 Software

17. 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, <H1> para nível mais alto do cabeçalho e assim sucessivamente • Usar método alternativo (<ALT>) 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 Software

18. 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 Software

19. 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 Software

20. 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 Software

21. 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 Software

22. 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 Software

23. 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 Software

24. Usabilidade do SiFEUP LEIC - 4º ano - Engenharia de Software

25. 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 Software

26. 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 Software

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

28. Desenho do conteúdo • Texto • Normalmente sucintos • Com divisões • Palavras-chave sobressaem LEIC - 4º ano - Engenharia de Software

29. 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 Software

30. 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 Software

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

32. 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 Software

33. 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 Software

34. 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 Software

35. 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 Software

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

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

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

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

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

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

42. FIM LEIC - 4º ano - Engenharia de Software