Sie sind auf Seite 1von 87

PROPOSTA DE RESTRUTURAÇÃO DO SISTEMA WEB

ATRAVÉS DA AVALIAÇÃO DE USABILIDADE NA

UNIVERSIDADE ZAMBEZE-BEIRA

VÍVIAN LUÍSA MACHINDANO


UNIVERSIDADE ZAMBEZE
FACULDADE DE CIÊNCIAS E TECNOLOGIAS

PROPOSTA DE RESTRUTURAÇÃO DO SISTEMA WEB

ATRAVÉS DA AVALIAÇÃO DE USABILIDADE NA

UNIVERSIDADE ZAMBEZE-BEIRA

Vivian Luísa Machindano

Beira

2015
UNIVERSIDADE ZAMBEZE
FACULDADE DE CIÊNCIAS E TECNOLOGIAS

PROPOSTA DE RESTRUTURAÇÃO DO SISTEMA WEB

ATRAVÉS DA AVALIAÇÃO DE USABILIDADE NA

UNIVERSIDADE ZAMBEZE-BEIRA

Vívian Luísa Machindano

Monografia submetida à Faculdade de


Ciências e Tecnologias, da Universidade
Zambeze – Beira, como requisito parcial à
obtenção do título de Licenciado em
Engenharia informática.
Orientador:
Prof. Dr. C. José Alberto Vigueras Moreno

Beira

2015
DECLARAÇÃO

Eu, VÍVIAN LUÍSA MACHINDANO declaro por minha honra que esta monografia é
resultado do meu próprio trabalho investigatório, baseado na colecta de dados em bibliografias e
pesquisas empíricas, e está a ser submetida para a obtenção do grau de Licenciatura em Engenharia
Informática na Universidade Zambeze, Beira. Ela não foi submetida antes para obtenção de
nenhum grau ou para avaliação em nenhuma outra Universidade.

Beira, aos _____ de ________________________2015

_____________________________________________________

(Vívian Luísa Machindano)

I
DEDICATÓRIA

Dedico este trabalho aos meus pais, Luísa Pandyja Manuel Abulukule (em memória),
Geraldo Machindano Ngupula e aos meus irmãos Júlia Luísa Machindano, Geralda Luísa
Machindano e Bruno Luísa Machindano (em memoria).

II
AGRADECIMENTOS

Em primeiro lugar quero agradecer a Deus por ter me guiado ao longo desses anos, dando-
me sempre fortaleza para continuar a caminhada. Agradecer aos meus pais pela ajuda, suporte e
inspiração, aos meus irmãos que tanto apoiaram-me com exemplos de vida, muita sabedoria e
suporte.
Ao professor Dr. C. José Alberto Vigueras Moreno pelo tempo dispensado na orientação,
sabedoria, paciência e incentivo que tornaram possível a conclusão dessa monografia. A todos
outros docentes do curso, que contribuíram na minha vida académica.
Aos amigos, colegas pela amizade suporte dados durante esse percurso. A empresa
Aeroportos de Moçambique especialmente ao departamento de manutenção electrónica com quem
aprendi na pratica o trabalho do dia-a-dia assim como ao Centro de Tecnologias de Informação e
Comunicação (CTIC) pelo acolhimento dado durante o desenvolvimento da proposta retratada no
trabalho.
Por fim não menos importante quero endereçar agradecimentos ao departamento de
comunicação e imagem da universidade Zambeze (GACIM), pela disponibilidade oferecida
durante as pesquisas para o trabalho.

III
EPÍGRAFE

“ Liberta a mente dos homens e finalmente você vai


libertar o corpo dos homens ”

Marcus Garvey

IV
ÍNDICE

DECLARAÇÃO .............................................................................................................................. I

DEDICATÓRIA ............................................................................................................................. II

AGRADECIMENTOS ................................................................................................................. III

EPÍGRAFE ................................................................................................................................... IV

ÍNDICE .......................................................................................................................................... V

RESUMO ..................................................................................................................................... VII

ABSTRACT ............................................................................................................................... VIII

LISTA DE FIGURAS ................................................................................................................... IX

LISTA DE TABELAS ................................................................................................................... X

LISTA DE GRÁFICOS ................................................................................................................ XI

LISTA DE SIGLAS E ABREVIATURAS.................................................................................. XII

INTRODUÇÃO .............................................................................................................................. 1

CAPITULO I: FUNDAMENTAÇÃO TEORICA.......................................................................... 7

1.1. FUNDAMENTAÇÃO EPISTEMOLÓGICA SOBRE O SISTEMA DE INFORMACAO


WEB ............................................................................................................................................ 9

1.2. USABILIDADE, ERGONOMIA E INTERAÇÃO HUMANO-COMPUTADOR........... 10

1.2.1. Usabilidade .................................................................................................................. 11

1.2.2. Padrões Web Voltados Para a Usabilidade.................................................................. 13

1.2.3. Avaliação de usabilidade de websites .......................................................................... 16

CAPITULO II: DESENVOLVIMENTO DA PROPOSTA: RESTRUTURAÇÃO DO SISTEMA


WEB ATRAVÉS DA AVALIAÇÃO DE USABILIDADE NA UNIVERSIDADE ZAMBEZE-
BEIRA........................................................................................................................................... 23

2.1. AVALIAÇÃO DE USABILIDADE DO SISTEMA ACTUAL DA UNIVERSIDADE


ZAMBEZE ................................................................................................................................ 23

2.1.1. Análise na perspectiva de gestores .............................................................................. 23


V
2.1.2. Análise na perspectiva de desenvolvedores................................................................. 24

2.1.3. Análise na Perspectiva de Usuários ............................................................................. 30

2.2. PROPOSTA DE REESTRUTURAÇÃO ........................................................................... 40

CONCLUSÕES E RECOMENDAÇÕES .................................................................................... 46

BIBLIOGRAFIA .......................................................................................................................... 48

ANEXOS ...................................................................................................................................... 52

APÉNDICE ................................................................................................................................... 67

VI
RESUMO

Nos últimos tempos, têm-se verificado uma maior consciencialização por parte de
empresas assim como indivíduos singulares, das importâncias e benefícios de um sistema de
informação baseado na tecnologia Web. As razoes para aderir a um sistema desta natureza vão
desde a promoção de marcas, vendas, aumento da competitividade entre outros. Com o avanço
tecnológico registados nesses tempos, as empresas que não aderirem a estratégias tecnológicas,
correm risco de ficarem atrás em relação a seus concorrentes. Porem, não basta somente aderir a
um sistema Web é necessário prestar atenção as regras de usabilidade, porque um sistema com
falhas de usabilidade irá limitar a interacção humano-computador. A usabilidade de um sistema
Web dita de que forma o usuário interage com o sistema, neste sentido um sistema necessita de ser
claro, robusto, eficiente, de fácil aprendizado e memorização. Contudo, o objectivo desta
monografia é propor a reestruturação do sistema Web actual da Universidade Zambeze através de
uma avaliação de usabilidade do mesmo, com vista a encontrar as falhas e fazer as possíveis
correcções.

Palavras-chave: usabilidade de websites, métodos e técnicos de avaliação de usabilidade de


website, sistema de informação Web, interacção humano-computador, ergonomia.

VII
ABSTRACT

In recent times has been checking an increased awareness by businesses as well as single
individuals, the importance and benefits of an information system based on Web technology. The
reasons to join such a system ranging from brand promotion, sales, and increasing competitiveness
among others. With technological advancement registered in these times, companies that do not
adhere to technological strategies, are at risk of lagging behind compared to its competitors.
However, not enough to join a Web system is necessary to pay attention usability rules because
systems with anger usability flaws limit the Human-computer interaction. The usability of a Web
said system so that the user interacts with the system, in this sense a system needs to be clear,
robust, efficient, easy to learn and memorize. However, the aim of this paper is to propose the
restructuring of the current web system at the University Zambezi through an assessment of
usability of it in order to find the flaws and make possible corrections.

Keywords: usability of websites, methods, and website usability evaluation of technical, Web
information system, human-computer interaction, ergonomics.

VIII
LISTA DE FIGURAS

Figure 1: Página da reitoria. Fonte (UNIZAMBEZE, 2013). ....................................................... 27


Figure 2:Pagina da faculdade. Fonte (UNIZAMBEZE, 2013) ..................................................... 27
Figure 3: Página inicial do actual website. Fonte (UNIZAMBEZE, 2013) .................................. 29
Figure 4: wireframe da página inicial. Fonte (Própria)................................................................. 41
Figure 5: Página inicial da proposta. Fonte (Própria) ................................................................... 43
Figure 6:Pagina inicial da proposta ao deslizar. Fonte (Própria) .................................................. 43
Figure 7:Parte superior da página da faculdade. Fonte (Própria) ................................................. 44
Figure 8: Parte inferior das páginas da proposta. Fonte (Própria) ................................................ 44

IX
LISTA DE TABELAS

Tabela 1: Atributos de usabilidade. Fonte (Própria). .................................................................... 13


Tabela 2: Métodos e técnicas de avaliação de usabilidade. Fonte (Própria) ................................ 18
Tabela 3: Métodos e técnicas seleccionadas para o uso no trabalho. Fonte (Própria). ................. 20

X
LISTA DE GRÁFICOS

Gráfico1: Na página principal é possível identificar o que a instituição faz. Fonte (própria) ...... 31
Gráfico2: Usar o site é frustrante. Fonte (própria). ....................................................................... 31
Gráfico 3: Aprender como usar funcionalidades do Website é muito difícil. Fonte (Própria). .... 32
Gráfico 4: A velocidade de execução do website é suficiente. Fonte (Própria). .......................... 32
Gráfico 5: A organização do menu e da informação parece-me lógico. Fonte (Própria). ............ 32
Gráfico 6: O site inspira-me confiança. Fonte (Própria)............................................................... 33
Gráfico 7:Existem muitos passos para terminar uma actividade no site. Fonte (Própria). ........... 33
Gráfico 8: O site nunca faz o que estou esperando. Fonte (Própria). ........................................... 34
Gráfico 9: É relativamente fácil navegar de uma página para outra. Fonte (Própria). ................. 34
Gráfico 10: Baixar os documentos no site é relativamente difícil. Fonte (Própria). .................... 35
Gráfico 11: Sempre tem que procurar ajuda para executar alguma actividade no site. Fonte
(Própria). ....................................................................................................................................... 35
Gráfico 12: Nas mensagens de erros há sempre orientações para a sua correcção. Fonte (Própria).
....................................................................................................................................................... 35
Gráfico 13: O site tem uma apresentação gráfica atractiva. Fonte (Própria). ............................... 36
Gráfico 14:O site prove informações de notícias e eventos da Universidade. Fonte (Própria). ... 36
Gráfico 15: O site prove mecanismos para apresentação de críticas e sugestões. Fonte (Própria).
....................................................................................................................................................... 37
Gráfico 16: É fácil lembrar como desempenha-se actividades do site, sempre que volto acessa-lo.
Fonte (Própria). ............................................................................................................................. 37
Gráfico 17: O site facilita o estudante na escolha do curso. Fonte (Própria). ............................... 38
Gráfico18: O site explica claramente como ingressar na Universidade. Fonte (Própria). ............ 38
Gráfico 19: O site motiva a voltar. Fonte (Própria). ..................................................................... 38
Gráfico 20: Recomendaria o site a um amigo. Fonte (Própria). ................................................... 39

XI
LISTA DE SIGLAS E ABREVIATURAS

CMS Content Management System

CSS Cascading Style Sheets

CTIC Centro de Tecnologias e Informação

DTD Data Type Document

GACIM Gabinete de Comunicação e Imagem

IDC International Data Corporation

IEA International Ergonomics Association

PHP Hypertext Preprocessor, ou Personal Home Page

QUIS Questionnaire for User Interface Satisfation

SGBD Sistema de Gerenciamento de Banco de Dados

SQL Structured Query Language

SUMI Software Usability Measurement Inventory

TIC Tecnologias da Informação e Comunicação

UNIZAMBEZE Universidade Zambeze

W3C World Wide Web Consortium

WAMMI Web Analysis and Measurement Inventory

WBIS Web-Based Information Systems

WEF World Economic Forum

WIS Web Information Systems

WWW World Wide Web

XII
XHTML eXtensible Hypertext Markup Language

XML eXtensible Markup Language

XIII
INTRODUÇÃO

As tecnologias de informação têm demonstrado ao longo dos tempos uma constante


evolução. A razão dessa constante evolução, é de cada vez mais facilitar o trabalho do homem e
encurtar a distância entre o homem e o mundo. Por essa razão tem-se observado um crescimento
considerável do número de indivíduos e corporações, a aderirem a soluções tecnológicas, que o
fazem para diversos fins, sobretudo na comunicação com colaboradores. Outro aspecto importante
a destacar nesse momento em que o mundo esta observando a revolução tecnológica, e a
abrangência com que a maior rede mundial (internet), tem conquistado a vida social, económica,
politica e cultural das organizações.

Moçambique particularmente não esta fora da tendência crescente, do uso de tecnologias


de informação. Segundo (ZEININGER, 2011), Moçambique ocupava o 106º lugar em índices de
Tecnologias de Informação e Comunicação (TIC) de acordo com o relatório global de tecnologias
de informação do Fórum Económico Mundial (WEF) isso ate ao ano de 2011. Mas de uns tempos
para cá, segundo a IDC, Moçambique registará uma das maiores taxas de crescimento ao nível do
investimento em Tecnologias de Informação e Comunicação (TIC), em 2014. 12,8%, face ao
crescimento de 6% a nível mundial e de 10% nos países emergentes. Facto este mostra o alto
interesse das empresas em novas tecnologias de informação e comunicação para o seu negócio.

Com a abrangência da internet1, faz com que o número de internautas, aumente


significativamente, constituindo dessa forma um novo tipo de público. Portanto, as organizações
tomando consciência dessa realidade, vem procurando formas de aceder a esse novo público,
através do uso de Websites2.

Os websites, possibilitam inúmeros benefícios as organizações, desde marketing através da


exposição de produtos e serviços, disponibilidade a tempo inteiro dos produtos e serviços, público
mais amplo, melhor posicionamento em relação aos competidores, apresentação da empresa de
forma dinâmica, moderna, entre outras. E por essas e mais vantagens um sistema de informação
Web deixa de ser um mero cartão-de-visita electrónico para se tornar numa das principais
ferramentas que contribui para o sucesso e crescimento da organização. Portanto, as empresas que

1
Sistema global de rede de computadores interligados.
2
É um conjunto de páginas Web acessíveis na internet.

1
não aceitarem aderir a essas soluções tecnológicas correrá risco de ver a sua organização a ficar
atrás em relação aos concorrentes, ou mesmo, não conseguirem atingir aos objectivos de forma
eficaz e eficiente.

Mas, mais do que investir em tecnologias, é necessário atender aos princípios de


usabilidade, que é um assunto crucial quando fala-se de Web. A usabilidade dita a forma com que
o usuário interage com o sistema, pois se um sistema não é claro, robusto, eficiente, de fácil
aprendizado, memorização fará com que o usuário desista e assim aderindo a concorrência e
criando varias perdas a organização.

A relação entre o usuário e o sistema, já vem sendo estudada ao longo dos tempos pelo
grau da sua relevância. Segundo (Nascimento, 2009), as preocupações com a interacção entre seres
humanos e máquinas datam da Segunda Guerra Mundial. Nessa época, cientistas da Força Aérea
Inglesa descobriram que as falhas ocorrida durante a operação de equipamentos militares não eram
ocasionadas exclusivamente por falha humana, mas pela não adequação dos equipamentos às
características físicas, psíquicas e cognitivas humanas. Nascia então, a Ergonomia, disciplina que
estuda a correcta adequação de produtos para o trabalho humano.

A partir da década de 1970, a Ergonomia também contribuiu para o desenvolvimento de


sistemas interactivos. Para reduzir custos de produção e manutenção, ergonomistas passaram a
criar novas metodologias, que identificassem problemas relativos ao contexto de uso dos sistemas.
Esse conjunto de métodos e técnicas estruturadas passou a ser conhecido como Engenharia de
Usabilidade ou simplesmente usabilidade.

Nas primeiras gerações de arquitectura de computadores, havia máquinas enormes que


ocupavam salas inteiras, e somente pessoal especializado podia manusear. Com o passar do tempo,
esta realidade foi mudando na medida que via-se a necessidade de adequar as complexidades das
máquinas, com as capacidades humanas de abstracção do conhecimento. Assim também foi na
história das linguagens de programação, onde com o tempo foram criadas as chamadas linguagens
de “alto nível” de modo a facilitar o programador, e dessa forma até hoje vem-se tornando
necessário criar sistemas cada vez mais amigáveis ao ser humano.

Entretanto, ao longo da monografia é abordado assuntos relacionados a interacção


Humano-computador e os aspectos relacionados a ergonomia, que por sua vez encontram-se

2
directamente ligados a usabilidade. Existe métricas capazes de avaliar o nível de usabilidade de
um sistema Web. Observa-se que muitas intuições aderem a sistemas Web, porem, poucas incluem
em seus projectos, as avaliações de usabilidade de modo a saber o nível de interactividade que o
sistema poderá ter com o usuário final. Esse ambiente, também é observado em alguns sistemas
Web de instituições da cidade da Beira. Como prova disso é a insuficiência de uso de regras de
usabilidade no sistema Web actual da Universidade Zambeze.

Com resultado da pesquisa efectuada com os usuários, gestores e desenvolvedores do


Website actual da Universidade Zambeze e dos métodos análise síntese, surgem as seguintes
manifestações fácticas: Desenho pouco atractivo, hiperligações inexistentes, hiperligações com
informações de erros, limitada dinamização da informação, páginas em branco sem informação,
slides com imagens de baixa qualidade, slides com processamento de imagem lento e imagens que
não identificam a instituição, fraca aderência dos usuários no sistema.

Mediante as manifestações fácticas identificadas, destaca-se como problema de


investigação, ” baixo nível de inteligibilidade, apreensibilidade, atractividade e operacionalidade
no Website actual da Universidade Zambeze, que limita o usuário numa navegabilidade eficiente
e com satisfação”. Porem, as causas fundamentais que estão por de traz do problema de
investigação supra citado são: o limitado conhecimento dos desenvolvedores sobre os princípios
de usabilidade de Website na fase do desenho, implementação e avaliação do sistema que faz com
que o sistema apresente pouca aderência e insuficiente uso de regras de usabilidade dos Websites
da actualidade e a limitada interacção entre os desenvolvedores e os usuários, durante o desenho e
desenvolvimento do sistema que limita a possibilidade de percepção da satisfação dos mesmos
com o sistema.

Para dar solução ao problema, torna-se necessário fazer um estudo abrangente, sobre o
processo de usabilidade do Website da universidade Zambeze, que por ventura constitui o objecto
de estudo da pesquisa. E sendo a usabilidade de Website uma área de conhecimento rica e
abrangente, o campo de acção diz respeito aos métodos e técnicas para a avaliação de usabilidade
do Website da Universidade Zambeze.

3
Desde modo, a fim de melhorar a satisfação do usuário com o sistema, a pesquisa objectiva
Propor a reestruturação do Website actual da Universidade Zambeze, a partir da avaliação de
usabilidade.

Para cumprir com o objectivo geral será necessário observar os seguintes objectivos
específicos:

1. Desenvolver o estudo histórico-lógico, sobre o processo de implantação do Website na


Universidade Zambeze
2. Fundamentar epistemologicamente o processo de usabilidade, e os métodos e técnicas de
avaliação de websites.
3. Avaliar o Website da Universidade Zambeze com base nos métodos e técnicas de avaliação
de usabilidade.
4. Reestruturar o Website actual da Universidade Zambeze, a partir da correcção de
irregularidades de Engenharia de Usabilidade.

Com o despertar das vantagens dos websites, resulta no aumento da aderência a esses sistemas,
e consequentemente resulta no aumento da concorrência. E nesse ambiente com tantas alternativas
de escolhas, o tempo e a paciência do internauta a aceder a um sistema de baixa usabilidade, torna-
se ínfimo. Surge então a seguinte hipótese: Se propor-se a reestruturação do website da
Universidade Zambeze, através da avaliação de usabilidade do sistema actual, na óptica de
gestores, desenvolvedores e usuários, ira permitir a identificação e eliminação dos problemas de
usabilidade presentes, como o baixo nível de inteligibilidade, apreensibilidade, atractividade e
operacionalidade e estabelecer o equilíbrio entre os objectivos da organização e as necessidades
do cliente numa navegabilidade eficiente.

Para cumprir com os objectivos e fazer a resolução do problema de pesquisa, foi usado durante
o percurso da investigação uma metodologia quanti-qualitativa, com o auxílio dos métodos
científicos de ordens teóricos, empíricos e estatísticos.

4
Métodos teóricos

 Histórico – lógico, usado na revisão bibliográfica de trabalhos relacionados, permitindo


uma melhor percepção da lógica de investigação e as tendências histórica do processo de
usabilidade de sistemas Web.
 Análise – síntese, usado durante o processamento da informação obtida de documentos,
usada na caracterização do objecto de estudo e nas conclusões.
 Hermenêutico – dialéctico, é uma metodologia interactiva, usada ao longo de toda a
pesquisa, na compreensão, explicação e interpretação do objecto de estudo e o campo de
acção. Sistémico estrutural – funcional, usado para elaborar, estruturar e fundamentar as
estratégias de desenho do Website proposto e garantir a adequação com a sua metodologia
de aplicação, usado em toda pesquisa.

Métodos empíricos

 Revisão bibliográfica, com foco para leitura de livros, pesquisa na internet e outras matérias
com informação relevante para o presente trabalho.
 Entrevistas, aos gestores do sistema Web da Universidade Zambeze a fim de avaliar o
contexto de uso do sistema.
 Observação, usado durante a avaliação na óptica de desenvolvedores do actual website da
Universidade Zambeze, por meio de Lista de verificação, guia de recomendações e critérios
heurísticos, a fim de avaliar o estado actual do sistema e a maneira com que foi
desenvolvido e também usado pelo avaliador durante a navegabilidade pelo sistema com
vista a analisar o desempenho do mesmo usando para isso um checklist3.
 Questionário, usado durante a pesquisa com usuários a fim de medir o nível de satisfação
dos mesmos com o sistema em termos de usabilidade.
 A análise documental identificará dados sobre a história da instituição, sua missão e,
principalmente, as directrizes e o planejamento do Website

3
Lista de verificação usada para assinalar

5
Métodos estatísticos
 Análise estatística descritiva, usado ao longo do trabalho para analisar os dados
provenientes das entrevistas e questionários feito aos gestores e usuários respectivamente.

A importância e actualidade desta pesquisa é de contribuir para que haja um alto nível de
usabilidade nos websites de instituições de ensino superior, a partir da implementação de técnicas e
métodos e avaliação, para a identificação de irregularidades de engenharia de usabilidade logrando a
melhoria das propriedades tais como a: inteligibilidade, apreensibilidade, atractividade e
operacionalidade.

Este trabalho de monografia está estruturado em dois capítulos, bibliografia, anexos e


apêndice. O primeiro capítulo diz respeito a fundamentação teórica, o segundo capítulo constitui
o desenvolvimento da proposta, assim como a conclusão e recomendações. No primeiro capítulo
aborda o conteúdo teórico relacionado ao objecto de estudo, campo de acção, assim como as
ferramentas para o desenho do sistema.

No segundo capítulo, demonstra-se todo processo de avaliação de usabilidade do website actual


seguindo técnicas e métodos de avaliação, síntese dos resultados encontrados, desenho do Website
proposto para a Universidade Zambeze e apresentação da conclusão da Investigação, seguidas de
recomendações. No final são apresentadas a bibliografia, os anexos e apêndice, demonstrando os
instrumentos utilizados na recolha de dados.

6
CAPITULO I: FUNDAMENTAÇÃO TEORICA

Neste capítulo é apresentada a fundamentação teórica, a partir do método histórico – lógico


sobre o sistema baseado na tecnologia Web na Universidade Zambeze. Fundamenta-se
epistemologicamente os assuntos relacionados ao processo de usabilidade de website, desde a
ergonomia ate as técnicas e métodos para avaliação de websites.

1.1 ESTUDO HISTORICO-LOGICO SOBRE O SISTEMA BASEADO NA


TECNOLOGIA WEB NA UNIVERSIDADE ZAMBEZE

A partir dos objectivos citados nessa monografia (ver introdução), far-se-á um estudo
histórico-lógico sobre o processo de implantação do Website na Universidade Zambeze, utilizado
para divulgação da informação académica e dos serviços prestados.

A Universidade Zambeze (Unizambeze) é uma instituição pública de ensino superior, que


teve as suas actividades iniciadas desde 16 de Março de 2009, através do decreto do conselho de
ministros nº 77/2007 de 18 de Setembro, com a cede na cidade da Beira, sendo suas actividades
de âmbito nacional. A reitoria da Universidade encontra-se localizada na cidade da Beira, na Av.
Alfredo Lawley, nº 1018, Matacuane, cidade esta, onde são desenvolvidas a maioria das
actividades científicas, e prove os cursos de Engenharia Informática, Engenharia Civil, Engenharia
Mecatrónica, Engenharia de Processo, Ciências Actuariais, Direito, Economia, Gestão,
Contabilidade e Finanças, Ciências da Comunicação e Sociologia.

Na cidade de Chimoio (província de Manica), são oferecidos os cursos de Engenharia de


Desenvolvimento Rural e Engenharia Ambiental e dos Recursos Naturais. Na área de saúde, cidade
de Tete (província de Tete) são oferecidos os cursos de Medicina, Medicina Dentaria e Farmácia,
e ainda na mesma província, porem no distrito de Angónia são leccionados os cursos de Engenharia
Agropecuária na Vila de Ulónguè. Os cursos de Engenharia Agronómica e de Engenharia Florestal
são ministrados no Distrito de Mocuba, na Província da Zambézia.

A universidade tem como missão “ Gerar, difundir e aplicar conhecimento, assente na


liberdade de pensamento e na pluralidade dos exercícios críticos, promovendo a educação superior
e contribuindo para a construção de um modelo de sociedade baseado em princípios humanistas,

7
que tenha o saber, a criatividade e a inovação como factores de Crescimento, desenvolvimento
sustentável e bem-estar ”. (Missão & Visão, 2013)

Ao longo dos anos vem se comprometendo com a qualidade de educação, participando no


desenvolvimento económico, social, cientifico, tecnológico e cultural do país. A visão da
Universidade, embora que estrategicamente encontre-se localizada na região Centro de
Moçambique, a Unizambeze identifica-se como “Universidade numa Região”, em contraposição
ao conceito de universidade regional, desta forma estabelecendo o que a sua actividade exige como
agente privilegiado do desenvolvimento económico e cultural da região em que se insere.

Com efeito, o seu campo deve ser tomados como espaço de incremento da sua missão e de
valorização do labor de ensino e de investigação, tornando-se pólos de atracção dos melhores
estudantes, docentes e investigadores. Assim, como universidade completa que é, assumindo-se
como centro de investigação, de construção e consolidação do conhecimento, nas mais variadas
áreas científicas - ciências humanas e sociais, artes, ciências e tecnologias, propõe-se a realizar os
seus objectivos oferecendo cursos que tenham em conta os imperativos da globalização social e
particularmente do processo de integração regional” (Missão & Visão, 2013).

De acordo com marco teórico, a universidade viu a necessidade de melhorar a interacção


com o público através da adopção das tecnologias de informação no uso de Website para a
divulgação de informações e serviços. Ao longo dos tempos foram observados 3 versões de website
sendo o primeiro, a qual esteve operacional entre os anos 2009 á 2012, o segundo que objectivava
a remodelação do desenho visual esteve operacional entre 2012 á 2013.

A terceira versão que por ventura constitui o actual website foi projectado e lançado a
internet em 2014 ate então. Durante as pesquisas uma grande dificuldade encontrada foi a
inexistência de documentos dos websites desenvolvidos na Universidade pelo que as pesquisas
referentes aos anos e objectivos dos anteriores sistemas foram de ordem empírica através de
entrevistas não estruturada, aos anteriores desenvolvedores desses sistemas.

Segundo os anteriores desenvolvedores afirmam que os assuntos referentes a usabilidade


de website nunca fizeram parte do plano, durante o desenvolvimento dos websites. Um aspecto
similar entre todas versões dos websites apresentados pela universidade é o uso do pacote joomla

8
para o desenvolvimento e gerenciamento dos conteúdos. No actual website foi usado a versão do
Joomla 2.4 e wampserver 2.4.

1.1. FUNDAMENTAÇÃO EPISTEMOLÓGICA SOBRE O SISTEMA DE INFORMACAO


WEB

A corrida tecnológica registada nos dias de hoje, vem trazendo soluções que facilitam e
dinamizam os trabalhos nas organizações. E certas dessas facilidades, muitas empresas têm
aderido a soluções tecnológicas de modo a posicionar-se no mercado, da melhor forma possível,
sobretudo aderindo aos sistemas de informação baseados na tecnologia Web. A razão para tal, esta
na procura de maneiras mais eficientes de comunicação com clientes e colaboradores e também
de adquirir um posicionamento estratégico no mercado.

A Tecnologia Web funciona de forma relativamente simples: o repositório de informação


é formado por documentos electrónicos armazenados em servidores ligados à rede mundial de
computadores, a Internet, e que podem ser recuperados e visualizados a partir de qualquer
computador conectado a ela. Tais documentos electrónicos são chamados de páginas Web e podem
referenciar outros, formando assim uma grande rede de informações, denominada World Wide
Web, WWW, ou, simplesmente, Web (Junior, 2006).

Segundo o autor supra citado existem várias denominações que vem sido dadas a tais
sistemas, como: Websites, Web-Based Information Systems (WBIS), Web Information Systems
(WIS), Sistemas Web, Aplicações Web e Sistemas de Informação Web. A linguagem padrão para
construção de páginas na Internet é o HTML (hyper-text markup language), através dela toda
informação contida nos seus documentos podem ser formatada e entendida pelos navegadores e
assim acessadas pelos clientes, além disso possibilita a interligação de informações nos Websites
através de hiperligações4.

A informação contida nesses documentos precisava ser formatada de uma maneira que
pudesse trasfegar pela rede e ser compreendida por um leitor (browser5ou navegador de Internet).
Um texto formatado em HTML possui identificadores ou tags que classificam suas partes em
títulos, parágrafos, listas, quebras de linha, cabeçalhos, etc. Além disso, o HTML também carrega

4
Hiperligações usadas para interligar paginas Web.
5
Navegador usado para acessar os conteúdos Web

9
uma indicação de quais regras de interpretação devem ser observadas, ou, em outras palavras, sua
própria gramática (DTD – Data Type Document). Tais marcações permitem que o interpretador
(geralmente um computador) possa entender esse documento e exibir de maneira apropriada. Ao
visitar uma página de Internet usando um navegador, o usuário irá ver o resultado dessa
interpretação, e não o documento HTML no seu real formato(Ribeiro, 2006).

Os sistemas Web usam a arquitectura cliente/servidor, e as paginas Web onde encontram-


se as informações e serviços prestados pelas entidades, encontram-se arquivadas em servidores
Web. Para que o cliente tenha acesso a tais informações e serviços basta ter a conexão com a
internet e possuir um navegador para acessar os conteúdos das páginas Web.

A maioria dos websites corporativos ou pessoais, é deficitária em oferecer interfaces


amigáveis, objectivas e de fácil acesso ao conteúdo disponível. As soluções oferecidas parecem
não contribuir para que o usuário complete uma operação qualquer ou requisite um dado conteúdo
de maneira satisfatória. Ou seja, a Internet cresce, mas, ao mesmo tempo, usuários demandam
maior cuidado com a usabilidade das páginas(Ribeiro, 2006).
Atendo as novas necessidades dos usuários em termos de usabilidade as empresas estão
preocupadas em tornar as suas interfaces mais amigáveis ao seu público. Não respeitar as regras
de usabilidade de websites significa estar a excluir uma parte do público, que de certeza não
conseguiram interagir com as paginas Web.

1.2. USABILIDADE, ERGONOMIA E INTERAÇÃO HUMANO-COMPUTADOR

As preocupações com a interacção entre seres humanos e máquinas datam da Segunda


Guerra Mundial. Nessa época, cientistas da Força Aérea Inglesa descobriram que as falhas ocorrida
durante a operação de equipamentos militares não eram ocasionadas exclusivamente por falha
humana, mas pela não adequação dos equipamentos às características físicas, psíquicas e
cognitivas humanas. Nascia então, a Ergonomia, disciplina que estuda a correcta adequação de
produtos para o trabalho humano (Nascimento, 2009).

Após a Segunda Guerra Mundial, os esforços dos estudiosos interessados em Ergonomia


concentraram-se no aperfeiçoamento de electrodomésticos e automóveis. Entretanto, a indústria
de computadores, que mais tarde viria a revolucionar o seu campo de actuação, não sentia ainda
seus benefícios, o que só ocorreu em meados da década de 1960, quando computadores deixaram

10
de ser máquinas complexas. Nesse período, sedimenta-se a International Ergonomics Association
(IEA) e a definição que Ergonomia seria “o estudo científico da relação entre o homem e seus
meios, métodos e espaços de trabalho, tendem por objectivo elaborar conhecimentos que devem
resultar numa melhor adaptação ao homem dos meios tecnológicos e dos ambientes de trabalho e
de vida” (Storchi, 2004).

Com o passar do tempo a ergonomia foi evoluindo, já abrangendo a área de sistemas e


preocupada com a redução dos custos consequentes do mão uso de sistemas, passou-se a criar
métodos e técnicas para a eliminação do problema e o correcto relacionamento entre os usuários e
sistemas. Esse conjunto de técnicas e métodos passou a ser denominado de Engenharia de
Usabilidade ou mesmo de Usabilidade.

1.2.1. Usabilidade

Os debates a respeito da usabilidade datam desde o início dos anos 80, o seu conceito veio
substituir o termo de userfriendly6 (amigável), termo este abandonado porque segundo os
especialistas era um termo muito subjectivo para ser associado a uma máquina. Desde esses tempos
os especialistas vêm mostrando interesse, em estudar a interacção do homem-computador.
Com o advento da Web, muitas empresas começaram aderir a tecnologia Web e quanto
mais foi o tempo passando os usuários tornaram-se mais exigentes em relação a qualidade da
interacção com as interfaces dos sistemas, surge então a usabilidade que foi definida pelos
especialistas de uma forma geral, como área da ciência que estuda a facilidade e simplicidade com
um sistema ou maquina se apresenta ao usuário final.

“ Hoje a internet é acessada por pessoas dos mais variados níveis educacionais, sociais e
de campos profissionais não necessariamente ligados à informática. Isto significa que as interfaces,
para se tornarem realmente úteis para estas milhões de pessoas, há-de ser fáceis de usar, intuitivas
e ao mesmo tempo poderosas funcionalmente. Os usuários da Internet, principalmente os novatos,
são impacientes, ou seja, se não conseguem entender como usar um website em poucos minutos,
eles concluem que não vale a pena perder seu tempo. E então o abandonam, mesmo porque eles
têm mais opções do que nunca. Assim, o requisito usabilidade torna-se fundamental” (Jesus, 2006,
p. 32).

6
Amigável ao usuário e fácil de usar.

11
“Na Interacção humano-computador e na Ciência da Computação, usabilidade
normalmente refere-se à simplicidade e facilidade com que uma interface, um programa de
computador ou um Website pode ser utilizado. As interfaces com ou usuário são componentes
importantes em um sistema computacional. Quando os computadores eram usados por um pequeno
número de pessoas que realizavam tarefas bastante especializadas, tinha sentido esperar altos
níveis de conhecimento e competência dos usuários. Hoje em dia o acesso a computadores
popularizou e é interessante que as interfaces sejam do entendimento e manuseio de usuários com
pouca experiência também. A qualidade de sistemas está relacionada com eficácia, facilidade de
aprendizado, eficiência e uso, facilidade de memorização, baixa taxa de erros, satisfação e
consistência” (Costas, 2011).

Segundo (Pereira, 2011), a primeira definição para o termo usabilidade foi dada pela norma
ISO/IEC 9126 (1991), que o define como: “um conjunto de atributos de software7relacionado ao
esforço necessário para seu uso e para o julgamento individual de tal uso por determinado conjunto
de usuários.” Segundo essa norma são subcaracterísticas da usabilidade:

 A inteligibilidade, que é a facilidade com que o usuário pode compreender as


funcionalidades de um software e avaliar se o mesmo pode ser usado para satisfazer às suas
necessidades específicas;
 A apreensibilidade, a qual identifica a facilidade de aplicação de um sistema aos seus
potenciais usuários;
 Operacionalidade é o quanto o produto facilita a operação por parte do usuário, incluindo
a forma como tolera erros de operação (como o usuário opera e controla o sistema);
 A atractividade, que envolve características que atraem um potencial usuário para o
sistema, incluindo desde a adequação das informações prestadas, até os requintes visuais
utilizados na sua interface gráfica

Segundo Lima (2012, p.24, apud Dias, 2006, p.28), define usabilidade como uma “qualidade
de interacção entre o usuário e o sistema, que depende das características tanto do usuário com do

7
Programa de computador

12
sistema ”. A usabilidade está comprometida com a eficiência, eficácia, satisfação e facilidade de
uso de sistemas.

Um assunto importante na análise de usabilidade de websites diz respeito aos atributos de


usabilidade, que ditam o que um sistema deve considerar para obter uma boa usabilidade. Segundo
Lima (2012 apud Dias, 2006) retrata cinco atributos de usabilidade inspirado nos atributos de
(Nielsen, 1998), ilustrado na tabela 1.

Tabela 1: Atributos de usabilidade. Fonte (Própria).

ATRIBUTOS DE USABILIDADE DESCRIÇÃO


Facilidade de aprendizado O sistema deve ser de fácil aprendizado para
que o usuário seja capaz de rapidamente
explora-lo.
Eficiência de uso O sistema deve ser suficientemente eficiente
para permitir que o usuário realize suas tarefas
de forma produtiva.
Facilidade de memorização O sistema deve permitir que os usuários um
vez usado o sistema, ao retornar numa outra
vez sejam capazes de manuseá-lo sem a
necessidade de reaprende-lo
Baixa taxa de erros Permite que os usuários possam usar o sistema
sem maiores transtornos, recuperando-se de
erros caso estes ocorram.
Satisfação subjectiva O usuário sente-se satisfeito com o sistema, e
considera agradável a interacção com o
sistema.

1.2.2. Padrões Web Voltados Para a Usabilidade

A maioria dos sites corporativos ou pessoais, é deficitária em oferecer interfaces amigáveis,


objectivas e de fácil acesso ao conteúdo disponível. As soluções oferecidas parecem não contribuir
para que o usuário complete uma operação qualquer ou requisite um dado conteúdo de maneira

13
satisfatória. Ou seja, a Internet cresce, mas, ao mesmo tempo, usuários demandam maior cuidado
com a usabilidade das páginas(Ribeiro, 2006).

Atendo as novas necessidades dos usuários em termos de usabilidade as empresas estão


preocupadas em tornar as suas interfaces mais amigáveis ao seu publico. Não respeitar as regras
de usabilidade de websites significa estar a excluir uma parte do público, que de certeza não
conseguiram interagir com as paginas Web.

Segundo (Ribeiro, 2006)., a W3C pesquisa as melhores práticas de desenvolvimento de


páginas, no intuito de garantir que a Web cresça com todo o seu potencial, assegurando o máximo
possível de universalidade do acesso à informação. Os padrões Web voltados a usabilidade de
websites são: o XHTML e o CSS. Porem, surge o HTML5 que é última versão do HTML que foi
incluída nos padrões W3C a qual será usada na proposta da monografia.

O HTML é uma abreviação de Hypertext Markup Language - Linguagem de Marcação de


Hypertexto. É uma linguagem para apresentação de conteúdos na Web através dela é possível
apresentar textos, tabelas, listas entre outras. Permite estabelecer uma estrutura de documento Web,
em que para tal faz uso das chamadas tags que são elementos usados para a construção da estrutura
das páginas.

Baseado no conceito de Hipertexto, que são conjuntos de elementos ou nós ligados por
conexões onde estes elementos podem ser palavras, imagens, vídeos, áudio, documentos etc. Estes
elementos conectados formam uma grande rede de informação. Eles não estão conectados
linearmente como se fossem textos de um livro, onde um assunto é ligado ao outro seguidamente.
A conexão feita em um hipertexto é algo imprevista que permite a comunicação de dados,
organizando conhecimentos e guardando informações relacionadas (Diego, 2011).

A linguagem HTML foi criada por Tim Berners-Lee (físico britânico), ganhou
popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen na década de 1990
ganhou força. A partir desse momento, desenvolvedores e fabricantes de browsers utilizaram o
HTML como base, compartilhando as mesmas convenções. Desde a invenção da Web por Tim
Berners-Lee, o HTML evoluiu por muitas versões, a versão mais recente é o HTML5 que será
usado na proposta para o sistema Web da Universidade Zambeze.

14
Um dos principais objectivos do HTML5 é facilitar a manipulação dos elementos,
possibilitando o desenvolvedor a modificar as características dos objectos de forma não intrusiva e de
maneira que seja transparente para o usuário final. Ao contrário das versões anteriores, o HTML5
fornece ferramentas para a CSS e o Javascript fazerem seu trabalho da melhor maneira possível. O
HTML5 permite por meio de suas APIs a manipulação das características destes elementos, de forma
que o website ou a aplicação continue leve e funcional (Diego, 2011).

No advento das páginas Web toda a programação, tanto código-fonte de uma página
relativas à apresentação e a estrutura do conteúdo eram feitos usando o HTML, mas com o passar
do tempo, as corporações e singulares tornaram-se mas exigentes em relação as interfaces de sua
página. Portanto isso fez com que torna-se os códigos mais grandes e complexos.

Pensando numa maneira de tornar o código menos complexo e fácil de interpretar foi
proposta o CSS (Cascading Style Sheets), também conhecidos como folhas de estilo que foi uma
solução oferecida para separar a parte da estrutura de conteúdos da página dos estilos, pôs quanto
mais elementos de estilos ser precisos inserir no código fonte mais complexo ficará o código.
Assim, a cada bloco de conteúdo, (parágrafo, título ou tabelas) foram adicionadas informações do
tipo: largura, cor da fonte, tamanho da fonte, cor de fundo, espaçamento, Posicionamento,
alinhamento de texto, entre outros.

Códigos extensos e complexos não facilitam a manutenção das páginas, seja para corrigir
e localizar um erro ou mesmo compreender a semântica da estrutura. A fim de contornar essa
situação, o padrão CSS foi criado para permitir que as informações visuais pudessem ser separadas
do conteúdo, seja em um local diferente dentro do próprio código ou em um arquivo distinto. As
folhas de estilo permitem que todos os blocos no arquivo HTML, que possuem comportamento
similar, herdem os padrões definidos no CSS. Dessa forma, a alteração de um comando no CSS,
irá redefinir automaticamente todos os elementos que compartilham das mesmas
predefinições(Ribeiro, 2006).

Existem três maneiras de usar a folha de estilo:

 Folha de estilo externo


 Folha de estilo interno
 Estilo Inline

15
Com o estilo externo, as especificações de modificações e declarações de estilo para as
estruturas de conteúdos encontram-se declaradas no arquivo externo e chamada no documento
HTML por meio de referência. O uso desse método é vantajoso em caso de sites grandes que
possuem várias páginas, ao em vez de fazer uma folha de estilo para cada página é possível fazer
apenas uma folha de estilo externo que servira para todas as páginas do projecto, assim
economizando o tempo do programador e facilitando a manutenção do próprio sistema.

Alem da possibilidade externa, o estilo interno também é um dos métodos escolhidos nos
projectos, mas para casos em que existe uma página com exigências de estilo exclusiva das outras,
então o programador faz a especificação de estilo apenas na página em questão. O modo inline é
usado quando deseja-se aplicar a formatação do estilo para um elemento específico ignorando os
restantes.

Os três estilos podem ser aplicados em conjunto no mesmo projecto Web. Segundo (Ribeiro,
2006) diz que por meio do CSS é possível definir, entre outros:

 A posição dos elementos na tela;


 Fonte, cor da letra, espaçamento entre linhas, tamanho do texto, alinhamento;
 Cor de fundo;
 Imagem de fundo;
 Bordas;
 Altura e largura.
A adopção das folhas de estilo é amplamente incentivada pela W3C como um dos padrões
Web, pois permite diversos benefícios, tais como simplificação do código-fonte, facilidade de
manutenção das páginas, diminuição do tamanho (em bytes) dos arquivos finais. Actualmente, a
W3C desenvolve as especificações do CSS versão 3. Porém, a maioria dos navegadores de Internet
instalados nos computadores ainda não suporta essa versão. Mesmo assim, a versão 1 já
disponibiliza os comandos básicos para atender às necessidades de usabilidade. (Ribeiro, 2006).

1.2.3. Avaliação de usabilidade de websites

O sucesso do desenvolvimento, implantação ou compra de um software interactivo está


intimamente ligado ao projecto da actividade de verificação e validação de sua usabilidade. Pode-

16
se evitar desperdícios, desenvolvendo ideias ou soluções equivocadas, ou ao contrário, concentrar
recursos nas ideias que poderão satisfazer os usuários. Pode-se liberar um produto de software para
o mercado ou ao contrário, solicitar alterações de última hora em sua interface com o usuário.
Pode-se suspender uma transacção de compra e venda de software ou assinalá-la, com base nos
resultados de uma avaliação de usabilidade (Teodoro, 2001).

Os métodos e técnicas de avaliação de usabilidade permitem determinar o ponto de


equilíbrio entre os objectivos de um website e as necessidades dos usuários, através da
identificação de problemas de usabilidade. Podem ser aplicados num período de tempo
relativamente pequeno, a um custo baixo, possibilitando resultados satisfatórios, desde que
adequados ao contexto de uso (Nascimento, 2009).

Segundo Lima (2012, p.24, apud Dias, 2006, p.28), a avaliação de usabilidade pode ser
feita em qualquer estágio de desenvolvimento de sistema interactivos, podendo ser na fase inicial,
intermediária ou final.

A avaliação de usabilidade consiste de metodologias que são empregues de modo a medir


o grau de aplicabilidade de usabilidade, capaz de identificar possíveis problemas de usabilidade
presentes em interfaces de sistemas. Existem vários métodos e técnicas para fazer a avaliação de
usabilidade. Ao longo dos tempos especialistas do ramo, tem abordado diversos tipos de métodos
e técnicas para a avaliação de usabilidade, portanto não existe um padrão de melhor método e
técnica para a avaliação de usabilidade, é necessário fazer um estudo de viabilidade do método
que melhor vai se adaptar ao seu tipo de sistema Web. Cada método ou técnica é composto de
diversos requisitos necessários para a sua aplicabilidade, isso surgindo diferentes relatórios de
problemas de usabilidade.

Segundo (Teodoro, 2001) os métodos e técnicas de usabilidade possibilitam obter resultados


como:

 Constatar, observar e registar, problemas efectivos de usabilidade durante a interacção;


 Calcular métricas objectivas para eficácia, eficiência e produtividade do usuário na
interacção com o sistema;
 Diagnosticar as características do projecto que provavelmente atrapalhem a interacção por
estarem em desconformidade com padrões implícitos e explícitos de usabilidade;

17
 Prever dificuldades de aprendizado na operação do sistema;
 Prever os tempos de execução de tarefas informatizadas;
 Conhecer a opinião do usuário em relação ao sistema;
 Sugerir as acções de pré-projecto mais evidentes face os problemas de interacção efectivos
ou diagnosticados.

A tabela 2 descreve os tipos de métodos e técnicas de avaliação de usabilidade proposto pelos


especialistas ao longo dos tempos.

Tabela 2: Métodos e técnicas de avaliação de usabilidade. Fonte (Própria)

METODOS E TECNICAS DESCRIÇÃO


Métodos de testes com Os usuários participam da avaliação e podem ser feitos através de
usuários/ Técnicas e métodos questionários e entrevistas ou empíricos, adoptando técnicas de
prospectivos observação e monitoramento do uso do sistema (Costas, 2011).
Métodos e técnicas de Avaliação heurística é o mais popular dos métodos de inspecção
avaliação heurística sistemático da usabilidade de sistemas interactivos, objectiva
encontrar os problemas de usabilidade no projecto para que eles
possam ser atendidos como parte de um processo de desenho
interactivo. A avaliação heurística cita problemas de usabilidade
Na interface com referências aos princípios de usabilidade que
foram violados na opinião do avaliador. Para fazer esse tipo de
avaliação, tomam-se por base padrões e usabilidade
desenvolvidos por especialistas (Costas, 2011).
Inspecção ergonómica com Não há participação dos usuários na avaliação e os avaliadores
lista de verificação, guia de são especialistas em usabilidade ou projectistas de sistemas que
recomendações e critérios se baseiam em regras, recomendações, princípios e conceitos
heurísticos previamente estabelecidos para identificar os problemas de
usabilidade (Costas, 2011).
Método de medida de O método de análise da tarefa usa diversas técnicas para fazer a
desempenho/Sistemas de recolha, análise e relatório de usabilidade. Faz a descrição dos
elementos, interfaces e disfunções do sistema em estudo.

18
monitoramento/ Analise de
tarefa
Testes empíricos de Os testes empíricos dependem da participação directa de usuários,
usabilidade ou seja, consistem em observar os usuários utilizando o sistema.
Estas observações podem ser realizadas de diversas maneiras e
são insubstituíveis por proporcionarem informações directas
sobre a forma de utilização do sistema, por identificarem as
dificuldades no uso da interface e por reproduzirem uma situação
próxima da realidade. (Jesus, 2006).

São vários os métodos e técnicas para a avaliação de usabilidade porem, não existe um
padrão definido de melhor método de avaliação, tudo varia do tipo de website a avaliar, e cabe ao
avaliador pesquisar qual o método e técnica que melhor se adaptara para o tipo de website que
possui e aos objectivos que pretenda alcançar.

Segundo (Nascimento, 2009), diz que após obtenção do website a avaliar deve-se ser feita
uma avaliação na óptica de gestores, desenvolvedores e usuários, com o uso de métodos e técnicas
que produzam dados qualitativos e quantitativos. Para isso aconselha que seja feito um
levantamento bibliográfico a fim de se informar quais os métodos que estão sendo implementados
nas avaliações de cada tipo de website. Porem se for uma avaliação com tempo reduzido poderá
usar métodos e técnicas já testados e propostos em algumas bibliografias de especialistas em
usabilidade.

Para atingir o objectivo proposto nessa monografia, far-se-á uma avaliação do website na
óptica de desenvolvedores, gestores e usuários, proposta pelo autor (Nascimento, 2009), em seu
livro de avaliação de usabilidade de websites académicos, pelas razoes de pretender-se fazer uma
avaliação inclusiva e exploratória em todos os níveis. Abrangendo todos os possíveis sujeitos que
entram em contacto com o sistema e a junção de diversos métodos e técnicas que possibilitaram
obter dados qualitativos e quantitativos enriquecendo deste o modo o relatório de usabilidade.

Outro factor relevante que justifica a escolha, é o factor de tempo reduzido para fazer uma
revisão bibliográfica particular, sobre métodos e técnicas que estão sendo usados em sistemas da

19
mesma área, portanto optou-se em usar os métodos e técnicas abordadas pelo especialista em
questão por este tratar de uma avaliação do género académico. A tabela a seguir mostra os métodos
e técnicas que serão usados na proposta para as avaliações na óptica de gestores, desenvolvedores
e usuários.

Tabela 3: Métodos e técnicas seleccionadas para o uso no trabalho. Fonte (Própria).

ÓTICAS DE DESCRIÇÃO MÉTODOS E TÉCNICAS


Gestores Análise de contexto de uso/ Analise de tarefa.
Desenvolvedores Inspecção ergonómica com lista de
verificação, guia de recomendações e critérios
heurísticos.
Usuários Método de teste com usuário.

Analise de contesto de uso (ver anexo I).

Na análise de contexto de uso serão usadas as seguintes técnicas de recolha de dados:

 A análise documental: Para o levantamento de dados históricos da organização,


documentos, visões e missão.
 Observação do website: O avaliador fará um checklist para apontar o comportamento
do website em relação aos serviços e produtos assim como a segurança do sistema
mediante uma observação do comportamento do sistema.
 Entrevista semiestruturada: Trata-se questionários por onde se busca obter
informações que ajudem a certificar possíveis teorias e hipóteses criadas.

Inspecção ergonómica com lista de verificação, guia de recomendações e critérios


heurísticos (ver anexo II).

A lista de verificação e o guia de recomendações são técnicas que permitem diagnosticar


problemas gerais da interface por avaliadores de usabilidade, através da análise da conformidade
dos objectos de interacção. Por meio de uma grade de análise ou lista de questões, os inspectores
respondem sobre a ergonomia do projecto, gerando resultados que proporcionam vantagens em
termos de rapidez de aprendizagem e facilidade de uso aos usuários (Nascimento, 2009).
20
Para uma boa avaliação usando o método de inspecção ergonómica (Nascimento, 2009),
propõe os seguintes passos:

1. Trabalhe sempre com três técnicas de avaliação durante a inspecção das interfaces do
website. A lista de verificação acompanhada do guia de recomendações identifica os
problemas e os critérios heurísticos permitem a classificação dos problemas detectados
conforme seus graus de severidade.
2. Durante a inspecção ergonómica, trabalhe sempre com avaliadores capazes de aplicar as
técnicas de maneira correcta, poupando tempo e garantindo resultados mais confiáveis.
3. Sempre adapte os instrumentos ao contexto de uso do website. Listas de verificação, guia
de recomendações e heurísticas pré-determinadas, que avaliam qualquer tipo de página
independente do seu contexto, acabam gerando um grande número de itens não aplicáveis.
4. Não determine em seu relatório da avaliação ergonómica como deve ser processada a
correcção dos erros. O especialista em usabilidade apenas sugere a correcção do problema,
que deve ser repassado à equipe de desenvolvimento para análise, garantindo à
imparcialidade das correcções, que não serão realizadas sob a óptica de quem as
identificou.
5. Não desenvolva, não utilize ou adapte listas de verificação que não estejam acompanhadas
de guias de recomendações. Existe uma relação simbiótica entre as duas técnicas, pois uma
sem a outra não gera resultados plausíveis.

Teste com usuários através de questionários (Ver apêndice I)

O método de teste com usuário é uma técnica prospectiva que ajuda a enriquecer o relatório
de usabilidade, pôs a partir dele é possível recolher dados dos usuários, sobre a sua satisfação e
ansiedades em relação ao sistema. Portanto é um método que diferente de muitos outros conta com
uma forte participação por parte dos usuários.

Segundo Lima (2012, p.27, apud Dias, 2006, p.35), Os questionários são usados
normalmente para avaliar a satisfação com o sistema, onde o usuário classifica sua experiencia
interactiva, respondendo de forma positiva ou negativa, sobre as questões estabelecidas, podendo
também expor suas opiniões acerca do sistema. Existem três tipologias de questionários já
aprovados para fazer pesquisas com usuários.

21
QUIS (Questionnaire for User Interface Satisfation ): Onde o usuário classifica as questões
em uma escala de 9 pontos ou a opção “não aplicável”.

SUMI (Software Usability Measurement Inventory): Similar ao QUIS e mede a satisfação


do usuário através de afirmativas onde o usuário pode concordar, discordar ou considerar-se
indeciso.

WAMMI (Web Analysis and Measurement Inventory): Modelo baseado no questionário


SUMI adaptado para o ambiente Web.

Conclusivamente, as pesquisas feitas com o auxílio dos métodos empíricos e teóricos foi
possível perceber a insuficiência de uso de princípios de usabilidade durante o desenho e
desenvolvimento do actual sistema Web da Universidade Zambeze, o que abre espaço para a
necessidade de uma avaliação mais profunda a respeito da usabilidade do sistema.

Durante o capitulo tornou se notório que a instituição preocupa-se muito com a


implementação das tecnologias de informação para dinamizar os seus trabalhos assim como
melhorar a comunicação com o seu publico, tanto que já vem a anos investindo, sobretudo em
sistemas de informação Web, mas ainda não muito informada a respeito das técnicas de usabilidade
para avaliar os seus sistemas assim como implementar as regras de usabilidade em seus projectos.
Portanto há uma necessidade de fazer uma avaliação de usabilidade do sistema a fim de identificar
os problemas de usabilidade presentes, e fazer as possíveis correcções.

Concluiu-se também que no grande universo de métodos e técnicas para avaliação de


usabilidade disponíveis, a escolha é feita mediante as possibilidades do avaliador em termos de
investimentos financeiros, tempo de pesquisa, recursos humanos e sobretudo os objectivos da
pesquisa. Durante as pesquisas feitas com o pessoal envolvido no sistema, nomeadamente gestores
desenvolvedores e usuários, tornou se notório a vontade dos mesmos, de projectar-se um novo
sistema que melhore a navegabilidade, tornando-a eficiente e atractiva.

22
CAPITULO II: DESENVOLVIMENTO DA PROPOSTA:
RESTRUTURAÇÃO DO SISTEMA WEB ATRAVÉS DA AVALIAÇÃO DE
USABILIDADE NA UNIVERSIDADE ZAMBEZE-BEIRA

Após a fundamentação teórica a respeito da usabilidade e os métodos e técnicas para a


avaliação de usabilidade de sistemas, neste capítulo será feita a avaliação do sistema Web da
universidade Zambeze, a fim de identificar os problemas de usabilidade. Portanto será feito
pesquisas na óptica de gestores, desenvolvedores e usuários e apresentar-se-á os relatórios da
avaliação. E por fim será descrita a proposta do novo sistema Web para a universidade Zambeze
voltado aos princípios de usabilidade.

2.1. AVALIAÇÃO DE USABILIDADE DO SISTEMA ACTUAL DA UNIVERSIDADE


ZAMBEZE

As análises nesta pesquisa são feitas em três perspectivas, sendo com gestores,
desenvolvedores e usuários.Com os gestores é aplicado as técnicas de análise documental,
observação do website pelo avaliador através de um checklist e entrevista, com o objectivo de
recolher dados históricos da organização, missão, visão, especificações técnicas do sistema, assim
como a satisfação e dificuldades dos gestores com o sistema.

Com os desenvolvedores é usado as técnicas de lista de verificação, guias de recomendação


e critérios heurísticos a fim de detectar problemas de usabilidade referente a interface Web, que
fora deixada passar durante o desenvolvimento do sistema. E por fim com os usuários é usado a
técnica de teste com usuários por meio de questionário, de modo a estudar a satisfação do usuário
com o sistema e a qualidade de interacção.

2.1.1. Análise na perspectiva de gestores (Ver anexo I)

O website actual da universidade como referido no primeiro capítulo foi projectado no ano
de 2014, através do Centro de Tecnologias de Informação e Comunicação (CTIC). Para o seu
desenvolvimento usou o pacote joomla versão 2.4. A gerência do mesmo esta sob a
responsabilidade do Gabinete de Comunicação e Imagem (GACIM) da universidade. A qual
executa as actividades de actualização das informações, serviços e gerência dos mesmos de uma
forma generalizada.

23
A partir da entrevista foi possível perceber que não existe nenhuma documentação sobre
os sistemas anteriores inclusive sobre o actual sistema, assim como foi possível perceber que a
gerência actual é nova, portanto estes aspectos veio limitar a possibilidade de obtenção de dados
referentes aos sistemas anteriores. A actividade de gerência do actual website da universidade é
executada por apenas uma funcionária. Analogamente, obteve-se pela gestora:

 O website precisa de uma reestruturação para ser mais apelativo.


 Não existe nenhuma caixa de sugestões o que dificulta a comunicação com os usuários.
 A interface para o gestor não oferece administração máxima o que dificulta a gestão do
sistema.
 As informações que permanecem estáticas no sistema tem a ver com os cursos, faculdades
e informação geral desde história, missão, visão. As dinâmicas vão desde editais, eventos
e noticias da própria universidade.
 Os produtos e serviços mais acessados no website são as informações de editais, cursos e
informações gerais da universidade.
 O website trouxe mais dinamismo aos serviços da instituição.
 Desconhece se o sistema foi projetado tendo em conta as especificações de usabilidade.

2.1.2. Análise na perspectiva de desenvolvedores (Ver anexo II)

Nesta etapa de análise, as avaliações foram feitas num período de 7dias, com a participação
de três avaliadores seguindo as técnicas de lista de verificação, guias de recomendação, e critérios
heurísticos retirado do trabalho de (Nascimento, 2009), sofrendo algumas alterações para melhor
se adaptar ao caso de estudo. Descrevendo o perfil dos avaliadores, todos encontram-se na faixa
dos 20 a 25 anos sendo dois de sexo masculino e uma de sexo feminino.

Para cada avaliador foi dado dois dias para terminar a avaliação e no sétimo dia juntou-se
as observações dos três avaliadores a fim de fazer uma síntese da pesquisa e discutir os resultados
de modo a especificar os problemas de baixa e alta severidade. Todos avaliadores estão se
formando na área de Engenharia Informática e com experiencia de desenvolvimento de websites
já a 3 anos. As sínteses das avaliações tiveram lugar no Centro de Tecnologias de Informação e
Comunicação (CTIC).

24
Durante a síntese dos resultados das análises feitas, os dados demonstraram uma
similaridade de problemas encontrados entre os avaliadores envolvidos, isso contribuiu para mas
clareza e certeza das avaliações desenvolvidas. A seguir passa-se a descrever os dados positivos e
negativos detectados durante a avaliação do sistema Web da Universidade Zambeze na perspectiva
de desenvolvedores.

Aspectos positivos da interface

Em relação ao desenho da página, desenho do conteúdo e usabilidade, os avaliadores


identificaram os seguintes pontos positivos no sistema Web da Universidade Zambeze:

 É possível visualizar a página inteira sem deslocamento horizontal, que é


considerada uma boa prática no desenho de páginas Web, pôs ao contrário
significaria desleixo no desenho da página.
 É possível visualizar a página inteira rolando a barra vertical no máximo três vezes,
o que é recomendável para sites com pouca quantidade conteúdo.
 Uso de cores neutras no fundo das paginas, que aumentam a visibilidade da outras
cores.
 Uso de recursos de estilo como o itálico, negrito ou sublinhado para salientar
palavras ou noções importantes.
 Os parágrafos dos textos são separados por pelo menos uma linha em branco,
contribuindo para eliminação de fadiga ao alho humano.
 Uso de imagens como hiperligações, contribuindo para economia de espaço.
 Os títulos das páginas estão centralizados, o que ajuda a localização pelos usuários.
 Uso de títulos e subtítulos na página, o que melhora a organização da página.
 Os títulos correspondem aos conteúdos das páginas.
 Não uso de palavras de difícil compreensão e palavras depreciativas.
 O tamanho das imagens utilizadas na página são menor que 25k, diminuindo o
tempo de carregamento da página.
 Informações importantes são disponibilizadas na página principal.
 O nome o logótipo da instituição estão localizados no canto superior esquerdo da
página.

25
 Existem hiperligações de retorno a página principal em todas as páginas do sistema.
 As Urls reflectem a estrutura organizacional da instituição responsável pelo
sistema.
 São disponibilizadas informações sobre a organização como visão, missão e
princípios.

Aspectos negativos da interface

 Os espaços em branco nas páginas, não estão distribuídos homogeneamente,


tornando difícil para que o usuário compreenda o agrupamento das informações.
 Páginas sem informações são disponibilizadas.

26
Figure 1: Página da reitoria. Fonte (UNIZAMBEZE, 2013).

 Os textos encontram-se justificados, indo ao contrário do recomendado que é o


alinhamento a esquerda.
 Textos longos disponíveis na mesma pagina, dificultando a navegabilidade do
usuário.

Figure 2:Pagina da faculdade. Fonte (UNIZAMBEZE, 2013)

 Uso simultâneo das cores azul e vermelho, que possuem diferentes profundidades
de foco tornando fatigante aos olhos humano.
 Uso de mais de quatro cores na mesma página, acima do recomendado.
 Uso desordenado do elemento de estilo negrito.

27
 Uso de fontes grandes na página, que prejudica a organização na página.
 Uso de abreviaturas como hiperligações, diminuindo a visibilidade dos conteúdos.
 As hiperligações depois de utilizadas não são desmarcadas, fazendo com que seja
difícil o usuário identificar as paginas visitadas.
 Uso da expressão “clique aqui”, demonstram desinteresse quanto aos novos
padrões de desenho de página vigentes.
 Uso de quadros nas páginas, que são ineficazes para sites com pouco conteúdo.
 Processamento lento das imagens.
 Falta de mapa do site, importante porque colabora para a orientação do usuário.
 Falta de sítios para sugestões e críticas.
 Falta de mensagens de erros para tarefas erradas dentro do website.
 As animações demoram mais de 10 segundos para ilustrar as imagens.
 Imagens não editadas, o que faz com que haja imagens não nítidas e de baixa
qualidade.

28
Figure 3: Página inicial do actual website. Fonte (UNIZAMBEZE, 2013)

Na usabilidade, um dos aspectos que vem sendo estudado é a acessibilidade dos websites
por pessoas portadoras de deficiências especiais, incluir um estudo de integração de deficientes no
público do sistema torna-se uma vantagem considerável nos actuais sistemas. O tempo do usuário
numa página Web tem se tornando cada vez mais curto portanto, a página inicial deve possuir
mecanismo de busca de informações, que auxilie os usuários a encontrar as informações desejadas
de forma rápida, isto para casos em que não tenha muito tempo para navegar pelas hiperligações.

29
Os desenvolvedores devem apostar em um desenho de interface mais atractivo, de modo a
conquistar a atenção do usuário assim como a satisfação pelo uso do sistema. Um sistema pouco
atractivo demanda fadiga aos olhos de quem o maneja portanto a beleza do sistema tem um papel
de extrema importância e que pode também ser causa de desistência e perda de público. Durante
o desenvolvimento do sistema deve-se disponibilizar os conteúdos de forma homogénea, aviltando
muitos espaços em branco na página pós além de dar uma má aparência, faz com que se torne
difícil o entendimento da estrutura dos conteúdos da página.

O mais importante é que os desenvolvedores em todas as suas actividades busquem estar


em conexão com o usuário de modo a desenvolver um sistema que vá de acordo com as suas
necessidades. Portanto é necessário investir na reestruturação do desenho da página de modo a
ficar mas moderno e atractivo assim como a estrutura dos conteúdos de modo a aumentar a
visibilidade da informação e estar nos patamares de excelência.

2.1.3. Análise na Perspectiva de Usuários (Ver apêndice I)

A análise com os usuários, como o nome já diz, foi uma análise que contou com a
participação dos usuários do sistema actual da universidade Zambeze, a fim de medir o grau de
satisfação dos mesmos com o sistema e também de saber com tem sido a experiencia com o sistema
ao longo dos tempos.

A avaliação decorreu no período de dois dias, e contou com a participação dos estudantes
da referida universidade. Para as avaliações foi tirada uma amostra de 16 estudantes, pelo qual na
selecção procurou-se fazer um equilíbrio em género masculino e feminino, ano de curso abrangido
os estudantes do primeiro, segundo, terceiro e quinto nível e por fim procurou-se equilibrar os
cursos sendo eles dos cursos de Engenharia Informática, Engenharia Mecatrónica, Gestão e
ciências Actuariais. A idade dos avaliados encontra-se na faixa dos 19 a 27anos.

Esta selecção teve como principal objectivo obter um equilíbrio, de modo a fazer a pesquisa
com os usuários com alto e baixo domínio em computadores. A seguir é apresentado os resultados
da pesquisa feita com os usuários, para tal foi o usado o esquema de questionário SUMI, adaptado,
seguindo as heurísticas recomendadas para portais universitários e o esquema de questões
abordado por (Lima, 2012), de modo a obter um questionário personalizado para a pesquisa na
Universidade Zambeze. (ver apêndice I)

30
O questionário possui 21 questões sendo que, 20 usa expressões afirmativas na primeira
pessoa do singular e o avaliado tem três opções de respostas, podendo concordar, discordar ou
mostrar-se indeciso. E uma questão aberta para que o usuário argumente seus pensamentos a
respeito do site.

Concordo
Discordo
Indeciso

Gráfico1: Na página principal é possível identificar o que a instituição faz. Fonte (própria)

A pagina principal é o primeiro contacto entre o usuário e o sistema, é importante que ao


entrar na pagina o usuário seja capaz de identificar que tipo de instituição se trata e quais os tipos
de serviços ou produtos disponibilizados. O gráfico 1, mostra que 75% dos estudantes avaliados
concordaram que na página principal do sistema é possível identificar de primeira o que a
instituição faz, em termos das actividades e serviços, isto significa uma mais-valia a universidade.

Concordo
Discordo
Indeciso

Gráfico2: Usar o site é frustrante. Fonte (própria).

Em termos de usabilidade de website, a satisfação subjectiva do usuário é um assunto muito


importante, pós maximiza a participação e interesse do usuário para com o sistema. O gráfico 2,
mostra que 50% dos estudantes avaliados dizem que o usar o sistema é frustrante. Ao passo que
25% não concordaram com esta afirmação e outros 25% ficaram indecisos.

31
Concordo
Discordo
Indeciso

Gráfico 3: Aprender como usar funcionalidades do Website é muito difícil. Fonte (Própria).

Um dos atributos da usabilidade abordado no primeiro capítulo é a facilidade de


aprendizado de um sistema que faz com que o usuário interaja com o sistema de forma eficaz. O
gráfico 3, da conta que 50% dos estudantes discordam com a sentença supra citada, e 25%
concordam, os restantes 25% mostraram-se indecisos.

Concordo
Discordo
Indesiso

Gráfico 4: A velocidade de execução do website é suficiente. Fonte (Própria).

Um sistema com processamento lento pode provocar fadiga e desistência por parte dos
usuários, o tempo de um usuário a navegar pelo site tem se tornado cada vez mais reduzido num
momento em que existe muita concorrência. O gráfico 4, mostra que 62.5% dos estudantes
avaliados discordam com a afirmação, e 25% ficaram indecisos com a resposta, enquanto 12.5%
concordaram que a velocidade é suficiente.

Concordo
Discordo
Indeciso

Gráfico 5: A organização do menu e da informação parece-me lógico. Fonte (Própria).

32
A organização das informações em um sistema deve seguir uma sequência lógica de modo
que os usuários possam facilmente navegar pelas páginas e entender as informações assim como
as suas hierarquias. O gráfico 5, mostra que 62.5% dos estudantes discordam que a organização
da informação e do menu seja lógica, porem 12.5% deles pensam o contrário, 25% estiveram
indecisos.

Concordo
Discordo
Indeciso

Gráfico 6: O site inspira-me confiança. Fonte (Própria).

Os usuários de websites podem obter confiança em um sistema, quer por observar um


histórico de informações credíveis, actualizadas, sistemas seguros com certificados digitais e
outros. A questão de confiança no website por parte dos usuários maximiza o uso e aderência dos
usuários de um website. O gráfico 6, mostra que 50% dos estudantes avaliados dizem que o site
não os inspira confiança, e 25% dizem o contrario e os outros 25% ficaram indecisos em relação
a resposta.

Concordo
Discordo
Indeciso

Gráfico 7:Existem muitos passos para terminar uma actividade no site. Fonte (Própria).

Usabilidade defende a simplicidade de sistemas, a simplicidade faz com que o usuário


consiga ser produtivo durante a navegabilidade do site muitos passos para realizar uma tarefa pode
provocar desistência por parte dos usuários. O gráfico 7, mostra que 50% dos estudantes avaliados,

33
discordaram que existam muitos passos para a realização de uma determinada tarefa dentro site,
sendo que 43.75%pensam o contrario. 6.75% Ficaram indecisos.

Concordo
Discordo
Indeciso

Gráfico 8: O site nunca faz o que estou esperando. Fonte (Própria).

Um sistema deve se mostrar eficiente para o usuário, estando sempre pronto para responder
as vontades do seu público. O gráfico 8, mostra que 37.5% dos estudantes avaliados dizem que o
site numa faz o que eles esperam e 62.5% deles pensam o contrário.

Concordo
Discordo
Indeciso

Gráfico 9: É relativamente fácil navegar de uma página para outra. Fonte (Própria).

A navegabilidade eficiente é um aspecto importante quando se fala de usabilidade de


websites também contribui para a satisfação dos usuários com o sistema. Os dados mostram que
43.75% dos estudantes consideram ser fácil navegar entre as páginas do site, ao passo que 31.25%
consideram essa acção algo difícil. 25% dos estudantes estiveram indecisos com a resposta.

34
Concordo
Discordo
Indeciso

Gráfico 10: Baixar os documentos no site é relativamente difícil. Fonte (Própria).

Geralmente os usuários dos sites académicos buscam por documentos normativos, editais
e outros. É uma mais-valia se o site disponibilizar mecanismos para obtenção desses documentos
de forma fácil e eficiente. O gráfico 10, mostra que 62.5% dos estudantes acham difícil baixar
documentos do site, 25% deles pensa o contrário, 18.75 ficaram indecisos com a questão.

Concordo
Discordo
Indeciso

Gráfico 11: Sempre tem que procurar ajuda para executar alguma actividade no site. Fonte (Própria).

O gráfico11 mostra que os estudantes nunca requisitam ajuda para navegar pelo site.

Concordo
Discordo
Indeciso

Gráfico 12: Nas mensagens de erros há sempre orientações para a sua correcção. Fonte (Própria).

Baixa taxa de erros é um dos atributos de usabilidade abortados e citados no primeiro


capítulo, que diz que o sistema deve ter uma baixa taxa de erros para permitir, que os usuários

35
naveguem pelo sistema sem transtornos. Portanto cabe ao sistema prover mecanismos para ajudar
na recuperação de falhas em caso de existência. O gráfico 12 mostra que 62.5% dos estudantes
entrevistados discordam que haja sempre orientações em caso de erros, 18.75% pensam o contrário
e 18.75% dos estudantes, estiveram indecisos com a resposta.

Concordo
Discordo
Indeciso

Gráfico 13: O site tem uma apresentação gráfica atractiva. Fonte (Própria).

Os aspectos visuais de um sistema desperta a atenção do usuário convidando-o a


permanecer no sistema, é importante que o desenho do site seja atractivo para os usuários. Quando
questionados ao respeito dos desenhos do site, 68.75% dos estudantes entrevistados discordaram
que o site possui uma apresentação gráfica atractiva, apenas 25% deles pensam o contrariam 6.75%
ficaram indecisos.

Concordo
Discordo
Indeciso

Gráfico 14:O site prove informações de notícias e eventos da Universidade. Fonte (Própria).

A transmissão de notícias e eventos em sites académicos é uma actividade importante,


geralmente o público dirige-se aos sites e esperam encontrar informações actualizadas e credíveis.
O gráfico 14, mostra que 68.75% dos estudantes entrevistados diz concordar que o site da
universidade Zambeze, disponibiliza informações acerca de noticiais e eventos, 18.75% pensam o
contrario, e 12.5% não conseguiram optar pelo sim ou não, pôs estavam indecisos.

36
Concordo
Discordo
Indeciso

Gráfico 15: O site prove mecanismos para apresentação de críticas e sugestões. Fonte (Própria).

Os mecanismos para apresentação de críticas e sugestões, contribuem para que se enalteça


a comunicação entre instituição e o público, ajudando a instituição a medir o grau de satisfação
dos usuários com os serviços e produtos oferecidos. O gráfico 15, mostra que volta de 62.75% dos
estudantes discordam que haja mecanismos para apresentação de críticas e sugestões no site,
18.75% deles pensam o contrário e 18.75% estiveram indecisos com a resposta durante o
questionário.

Concordo
Discordo
Indeciso

Gráfico 16: É fácil lembrar como desempenha-se actividades do site, sempre que volto acessa-lo. Fonte (Própria).

A facilidade de memorização do site constitui um dos atributos de usabilidade abordado


no primeiro capítulo. O gráfico 16, mostra que os 43.75% dos estudantes dizem conseguir lembrar
as funcionalidades do site sempre que retorna-o, 37.5% dos estudantes pensam o contrário.

37
Concordo
Discordo
Indeciso

Gráfico 17: O site facilita o estudante na escolha do curso. Fonte (Própria).

A orientação do estudante na escolha do curso, constitui uma vantagem ao site na medida


que o usuário pode sentir-se motivado a aderir a universidade. O gráfico 17, mostra que 68.75 dos
estudantes entrevistados dizem que o site não os ajuda na escolha dos cursos, apenas 31.25% deles
pensam o contrario.

Concordo
Discordo
Indeciso

Gráfico18: O site explica claramente como ingressar na Universidade. Fonte (Própria).

O gráfico 18, mostra que 43.75% dos estudantes entrevistados, discordam que o site,
explique claramente como ingressar na universidade, porem 37.5% deles concordam, 18.75% não
conseguiram responder a questão estando indecisos.

Concordo
Discordo
Indeciso

Gráfico 19: O site motiva a voltar. Fonte (Própria).

38
O gráfico 19, mostra que 87.75 dos estudantes avaliados, dizem que o site não os motiva a
voltar, 12.5 deles estiveram indecisos na resposta.

Concordo
Discordo
Indeciso

Gráfico 20: Recomendaria o site a um amigo. Fonte (Própria).

O gráfico mostra que 43,75% dos estudantes avaliados dizem que não recomendariam o
site a um amigo, apenas 31.25% deles afirmam que sim, 25% ficaram indecisos com a resposta.

A pesquisa com os usuários do sistema Web da universidade Zambeze foi produtiva na


medida em que foi possível recolher dados referentes a satisfação dos usuários. Com os resultados
da pesquisa torna-se evidente que segundo os estudantes avaliados, há que melhor o sistema em
relação ao desenho, a estrutura de conteúdos e agenciamento dos mesmos.

Além das questões fechados como já referido, a pesquisa contou com uma pergunta aberta,
para que o usuário pudesse expressar seus sentimentos de forma argumentativa a respeito do que
pensam em relação o website, podendo dar conselhos sugestões e críticas, Portanto seleccionou-se
a resposta de alguns estudantes para o constar no presente trabalho. Quando questionados sobre o
que pensam a respeito do website, os estudantes disseram:

 O website é uma plataforma de extrema importância, para o estudante universitário e aos


interessados, mas necessita de melhorias em termos de desenho mais profissionalizado e
informação mais detalhada em cada hiperligação.
 Precisa de uma reestruturação e há necessidade de existir uma actualização dinâmica da
informação.
 A iniciativa de criação do sistema é muito positiva, mas devia haver mais publicações, para
que todos os estudantes o conheçam e tenham acesso ao mesmo.

39
 O website deveria ser de acesso a todos, visto que a universidade dispõe de milhares de
estudantes, e devia incentivare-los a entrarem e terem informações actualizada.
 Ė necessário uma reestruturação adequada aos padrões internacionais de âmbito
académico, condicionar informações de interesse de diferentes níveis académicos ou que
facilite a diferentes pessoas, e condicionar as linguagens do site para diferentes povos.

Em contacto com os estudantes avaliados, foi notória a satisfação por partes deles, por
estarem fazer parte da pesquisa e saberem que as suas contribuições são importantes para o sucesso
e progresso da universidade, pelo que contribuíram de forma amigável. A maior preocupação
destacada durante a avaliação foi acerca das actualizações das informações, segundo os estudantes
o website devia ter uma actualização das informações mais dinâmica, e também a respeito do
desenho do site pensam que poderia ser mais atractivo seguinte os padrões internacionais de outras
universidades.

Outro aspecto também observado é que os estudantes pouco visitam o site da universidade
pelo que recomenda-se que haja um plano de maximização do uso do site, aderindo estratégias que
motivam os usuários a acessar o sistema com mais frequências. Um dos desafios encontrados ao
logo da pesquisa é que alguns dos estudantes abordados não puderam fazer parte da pesquisa por
não conhecerem o website, exactamente por nunca terem acessado. A partir dos gráficos
apresentados, os desenvolvedores e a equipe de gestão poderá identificar os pontos positivos e
negativos a fim de melhorar o desempenho do sistema.

2.2. PROPOSTA DE REESTRUTURAÇÃO

Após a avaliação de usabilidade feita no actual website da universidade Zambeze


apresenta-se a baixo a proposta de reestruturação do sistema baseado em engenharia de
usabilidade. O foco da proposta do trabalho não é mudar a estrutura da arquitectura de informação,
e nem os serviços e produtos disponibilizados no actual website. Como dito no primeiro capítulo
a proposta visa eliminar os erros encontrados durante as avaliações feitas nas perspectivas de
gestores, usuários e desenvolvedores de modo que possa-se atingir o objectivo, que é de obter um
sistema reestruturado que contribua para uma navegabilidade eficaz e com satisfação. A presente
proposta é desenvolvida por uma equipe composta por 7 elementos em que desempenham diversas
actividades como: a análise de experiencia do usuário (UX) e usabilidade, gestão do sistema,

40
auditoria, programação entre outras. As actividades são desenvolvidas nas instalações do Centro
de tecnologias de informação e comunicação (CTIC).

Em relação a proposta de reestruturação do actual website, após a detecção dos resultados


dos testes de usabilidade do sistema actual, foi desenhado em modo online, os wireframes8 da
página principal e das outras páginas secundárias, através da ferramenta moqup. A figura abaixo
mostra o wireframe da página inicial.

Figure 4: wireframe da página inicial. Fonte (Própria)

Para o desenho do wireframe foram analisados os websites académicos de outras


instituições, assim como as especificações e recomendações de usabilidade. Optou-se na

8
Guia visual básico usado em desenho de interface para sugerir a estrutura de um website

41
elaboração de uma estrutura visual simples que facilite o usuário numa localização eficaz das
informações. Após a aprovação dos wireframes, foi feito um investimento na compra de um
template compatível ao pacote Joomla versão 3.5 e editado, seguindo as especificações dos
wireframes aprovados e eliminando os problemas de usabilidade detectados nas avaliações.

Nesta proposta de website para universidade Zambeze o lema é basear-se pela


simplicidade, disponibilizando os conteúdos o mais rápido possível ao usurário, fazendo com que
a procura por uma determinada informação ou serviço seja feita de maneira relativamente fácil.
Na página principal pautou-se pelo uso da cor neutra branca como fundo de modo a aumentar a
visibilidade dos conteúdos da página.

A escolha da cor predominante, foi feita atendendo a uma das cores usadas pela instituição
e também respeitando as especificações de usabilidade, que aconselha que não seja usado mais de
quatro cores na mesma página. Ainda em relação a cor procurou-se padronizar o mesmo esquema
de cor tanto das páginas, como das hiperligações e botões a fim de contribuir para a facilidade de
aprensibilidade e memorização por parte do usuário que ao navegar pelas outras páginas saberá
que encontra-se no mesmo website.

Outro aspecto importante investido na nova proposta é em relação a atractividade que


implica na satisfação subjectiva, através da adopção de um desenho de página agradável, com
animações, qualidade de imagens, testos alinhados a esquerda, uso de hiperligações que informam
o usuário para onde será direccionado, disponibilidade imediata de informações, eliminação de
páginas sem informações e boa distribuição dos espaços na página. A figura 5 abaixo, mostra a
parte superior da página inicial.

42
Figure 5: Página inicial da proposta. Fonte (Própria)

Ao deslizar a página, contribuindo para a atractividade é usado um efeito que muda a cor
do banner para a cor predominante, e encontra-se também disponível as informações relacionada
as notícias da universidade. A figura 6 ilustra o efeito referido.

Figure 6:Pagina inicial da proposta ao deslizar. Fonte (Própria)

43
A figura 7 e 8 abaixo, mostra a proposta do desenho das páginas das faculdades, composta
por uma imagem que identifica a faculdade, informações sobre a história, visão, missão, cursos,
contacto localização e mais detalhes sobre a faculdade.

Figure 7:Parte superior da página da faculdade. Fonte (Própria)

Figure 8: Parte inferior das páginas da proposta. Fonte (Própria)

Para que seja fortificado a relação entre o usuário e o sistema assim como, entre o usuário
e a instituição, na nova proposta é disponibilizado mecanismos para apresentação de dúvidas e
sugestões. Outro aspecto importante trazido na nova proposta diz respeito ao mapa do site que
44
explica a localização de todos elementos da página e o usuário poderá desde modo entender o
agrupamento das páginas no website contribuindo para uma baixa taxa de erro na navegabilidade.

E também mencionar o uso dos mecanismo de busca que constitui mais uma ferramenta
que ira auxiliar o usuário atingir os seus objectivos de forma ainda mais rápida aumentando a
operacionalidade do sistema. Quanto a especificação técnicas a proposta foi desenvolvida
atendendo a última versão do sistema gerenciador de conteúdo joomla que é a versão 3.5 e o
Wampserver 2.4.

Sintetizando, durante a avaliação do actual website da universidade Zambeze nas três


perspectivas de gestores desenvolvedores e usuários, foi notória a necessidade de uma
reestruturação no actual website atendo as regras de usabilidade. Os desenvolvedores devem
atender e respeitar o tempo do usuário no website, trazendo um sistema que se apresente de maneira
simples, clara e objectiva.

Com os dados obtidos nas pesquisas com os usuários, e os resultados das pesquisas na
óptica de desenvolvedores vem fundamentar as causas anteriormente citadas na introdução do
trabalho que diz respeito a fraca interacção entre a equipe desenvolvedora e os usuários finais que
dificulta a percepção da satisfação dos mesmos com o sistema e o insuficiente conhecido dos
desenvolvedores dos princípios de usabilidade durante o ciclo de desenvolvimento do sistema. A
proposta do novo website apresentado no fim do capítulo traz uma visão de como um sistema que
inclua avaliações de usabilidade e interacção com usuários pode estabelecer o equilíbrio entre os
objectivos da instituição e dos usuários numa navegabilidade eficiente.

45
CONCLUSÕES E RECOMENDAÇÕES

CONCLUSÕES GERAIS

A contribuição da caracterização epistemológica a respeito do objecto e o campo de estudo


da pesquisa é de extrema importância na medida em que foi possível resumir os seus conteúdos de
modo a contribuir para o entendimento do trabalho e fundamentação da proposta. Contudo, a
caracterização histórico-lógico do sistema Web na universidade, também foi importante para a
caracterização do perfil dos anteriores websites desenvolvidos e assim como o perfil da instituição.
As avaliações feitas na ótica de gestores, desenvolvedores e usuários contribuíram para a
identificação de problemas de usabilidade no actual website e geração de relatórios robustos, que
por sua vez são de grande valia na elaboração da proposta de reestruturação do sistema web da
Universidade Zambeze.

O objectivo da pesquisa de propor a reestruturação do Website actual da Universidade


Zambeze, a partir da avaliação de usabilidade é comprido na totalidade e a hipótese de pesquisa de
propor-se a reestruturação do Website da Universidade Zambeze, de modo a permitir a
identificação e eliminação dos problemas de usabilidade presentes, como o baixo nível de
inteligibilidade, apreensibilidade, atractividade e operacionalidade e estabelecer o equilíbrio entre
os objectivos da organização e as necessidades do cliente numa navegabilidade eficiente é validada
com a aplicação dos métodos científicos de ordens teóricos, empíricos e estatísticos.

RECOMENDAÇÕES

Em jeito de recomendação é pertinente a implementação imediata da proposta com vista a


melhorar a usabilidade do website. Além disso, de modo a garantir o uso do sistema, melhorando
a qualidade do website da Unizambeze recomenda- se:

 Criação de uma equipe de técnicos e programadores informáticos para a reparação e


manutenção do sistema;
 Capacitação dos gestores sobre a plataforma joomla versão 3.5.
 Deve-se evitar o uso de imagens não editadas no website, as imagens antes de serem
inseridas no website devem ser analisadas a tonalidade das cores, as dimensões, e outras
especificações técnicas da própria imagem para que melhor se adeqúem ao website.

46
 Deve-se evitar disponibilizar páginas sem conteúdos, pôs cria transtornos ao usuário que
esta a procura da referida informação.
 A continuidade da pesquisa por parte de alguns diagramas relacionais que fundamentam a
composição do sistema proposto a fim de criar uma documentação técnica do sistema;

47
BIBLIOGRAFIA

ALVES, A. C. RODRIGUES, et all. Projeto, Análise e Desenvolvimento de um Sistema WEB para


Gerenciamento de Ofertas de Emprego. Faculdade de engenharia de guaratinguetá.
Especialização em informática empresarial. 2002

ALVES, P, R, CAMPELO, Engenharias de Requisitos Para Aplicações Web, Recife, 2009.

BASTIEN, C. SCAPIN, D. Critérios Ergonómicos Para a Avaliação de Interfaces Homem-


Computador. 1993. Disponível em: <http:// www, labiutil.inf.ufsc.br/indice-1.html >
Acesso em: 02/09/2015.

CRUZ, M. ROCHA. Arquitectura de Informação: Uma Proposta Preliminar de reestruturação


para o website do NUT-SECA, [on line]. Natal, 2010 [citado em 30.10.15] Dissertacao
(Especilalizacao em Biblioteconomia), Universidade de Natal, Disponivel em:
<https://alunosaird.wordpress.com/2014/05/12/arquitetura-da-informacao-uma-proposta-
reliminar-de-reestruturacao-para-o-website-do-nut-seca/ >

CYBIS , W. BETIEL, A. H. FAUST, . R. Ergonomia e Usabilidade. Conhecimentos, Métodos e


Aplicações, Disponível em: <http://novatec.com.br/livros/ergonomiausabilidade/ >

COSTAS, L. R. Usabilidade Aplicada a Web em Sites do Governo do Estado de Santa Catarina


[on line]. Florianópolis, 2011[citado em 08.10.15] Dissertacao (Especilalizacao em
Engenharia de Projetos de Software) Disponivel em:
<http://www.uniedu.sed.sc.gov.br/wp-content/uploads/2014/01/Luciana-Rodrigues-
Costa.pdf >

DIAS, CLAUDIA. Usabilidade na Web. Rio de Janeiro: Alta Books, 2007.

DIEGO E. F. HTML5 Curso W3C Escritorio Brasil, 2011.

FERNANDES, A. (2014). IDC Moçambique CIO Summit & Expo 2014. [citado em 29.09.15]
Disponivel em: International Data Corporation (IDC): <http://www.idc.pt/press/pr_2014-
11-24.jsp>

FERREIRA, S. B. L.; NUNES, R. R.. E-Usabilidade. Rio de Janeiro: LTC, 2008. 179 p.

48
FERREIRA, S.B.L. CARVALHO, S.E.R. Leite, J.C.S. do P. MELO, R.N. Requisitos Não
Funcionais Para Interfaces Com Usuário: O Uso de Cores. 1999. Disponível em:
<tps://www.google.co.mz/search?q=REQUISITOS+N%C3%83O+FUNCIONAIS+PAR
A+INTERFACES+COM+USUARIO%3A+O+USO+DE+CORES&rlz=1C1CYCH_enM
Z639MZ639&oq=REQUISITOS+N%C3%83O+FUNCIONAIS+PARA+INTERFACES
+COM+USUARIO%3A+O+USO+DE+CORES&aqs=chrome..69i57.1692j0j4&sourceid
=chrome&es_sm=93&ie=UTF-8 >

FILHO, C. F., Historia da computação : O Caminho do Pensamento e da Tecnologia, Porto alegre,


2007. Disponivel em:< http://www.pucrs.br/edipucrs/online/livro4.html >

ISO 9241 Part 10. Ergonomic Requirement For Office Work With Display Terminals. Part
10:Dialogue principies; International Standard ISO 9241-10, 1993.

JESUS, V. A. Atributos de Usabilidade Para Paginas Web. [on line]. Jaguariúna, 2006 [citado em
06.10.15] Dissertacao (Ciência da Computação) Disponivel em: <
http://bibdig.poliseducacional.com.br/document/?view=86 >.

JOOMLA. (2015). What is Joomla? [citado em 09.10.15] Disponível em: de Joomla!:


<http://www.joomla.org/about-joomla.html>

JUNIOR. L. A (2006), Construcao de Sistemas de Informacao Baseados na Tecnologia Web Sao


Paulo.

GUEDES, T. A. GILLEANES, UML Uma Abordagem Pratica, Novtec, 2009

LIMA, A. P. Usabilidade no Maketing Digital: Um Estudo de Caso na Pousada Terra. [on line].
Natal, 2012 [citado em 06.10.15] Dissertacao (Bacharel em Administraçăo) Disponivel
em: < http://monografias.ufrn.br:8080/jspui/handle/1/554 >.

Missão & Visão. (2013). Obtido em 09 de 10 de 2015, de Universidade Zambeze:Disponivel em:


<http://www.unizambeze.ac.mz/index.php/unizambeze/missao-visao-valores>

MORAES, A. M. Desenhoer e Avaliação de Interface. Rio de Janeiro: Rio Books, 2006.

NASCIMENTO, J. M. (2009). Avaliacao de Usabilidade de Websites. Brasilia: Marconi Martins.

49
NIELSEN, J.; LORANGER, H. Usabilidade na Web. Projectando Websites com qualidade. Rio
de Janeiro: Editora Campus, 2007.406 p.

NIELSEN, J. HEURISTIC Evaluation. Paper online no site do Jacob Nielsen, seção "Papers and
Essays" . Disponível em: < http://www.useit.com/papers/heuristic>. Acesso em: 20 abr.
2011.

PADILHA, A. V., Usabilidade na Web: Uma Proposta de Questionario para Avaliacao do Grao
de Satisfacao do Usuario do Comercio Electronico. [on line]. Florianopolis, 2004 [citado
em 30.10.15] Dissertacao (Pos-graduaçăo em Ciências de computaçăo) Disponivel em: <
https://repositorio.ufsc.br/xmlui/bitstream/handle/123456789/86705/209421.pdf?sequenc
e=1 >

OLIVEIRA, A. P. S. Avaliação da Usabilidade de Websites de Hotéis Segundo Heurísticas de


Nielsen: Pesquisa Exploratória em Hotéis da Região Nordeste do Brasil. 2008. [citado em
20.10.15] Dissertação (Mestrado em Engenharia de Produção). Universidade Federal do
Rio Grande do Norte. 2008. Disponível em:
<http://www.pep.ufrn.br/publicacoes/publicacao_104.pdf>.

PADUA, C. I. P. S., Teste de Usabilidade Com Usuários. Material didáctico. [citado em 30.10.15]
Disponível em:
<http://homepages.dcc.ufmg.br/~clarindo/arquivos/disciplinas/eu/material/transparencias/topicos/
12-2-teste-com-usuario.pdf>

PEREIRA, F. Estudo de Usabilidade em Bibliotecas Digitais. [on line]. Belo Horizonte, 2011
[citado em 11.10.15] Dissertacao (Pos-graduaçăo em Ciências de computaçăo) Disponivel
em: < http://www.bibliotecadigital.ufmg.br/dspace/bitstream/handle/1843/ECID-
8LAKHD/dissertacao_pdf.pdf;jsessionid=38898455E297FD66694A055CBBC71B06?se
quence=1 >

RIBEIRO, D. M. Vantagens Corporativas na Aplicacao dos Padroes Web. Belo Horizonte, 2006.

SANTOS, A. P. dos OLIVEIRA, Metodologias e Ferramentas Para Avaliação de Qualidade de


Sistemas Web de Código Aberto Com Respeito a Usabilidade, São Paulo, 2008.

50
SILVA M. S., HTML5 A Linguagem de Marcação que Revolucionou o Mundo, Novatec, 2011,
Disponível em: <
https://books.google.co.mz/books?id=f7JVBQAAQBAJ&pg=PA23&lpg=PA23&dq=HT
ML5+A+LINGUAGEM+DE+MARCA%C3%87%C3%83O+QUE+REVOLUCIONOU
+O+MUNDO&source=bl&ots=j3d3Rk56kC&sig=zPhxHUx1Ar1KR1d49ZQjrlHWBKg
&hl=pt-
PT&sa=X&ved=0CDoQ6AEwBGoVChMI7cLmjY6UyQIVAdoUCh0X_AbC#v=onepa
ge&q=HTML5%20A%20LINGUAGEM%20DE%20MARCA%C3%87%C3%83O%20
QUE%20REVOLUCIONOU%20O%20MUNDO&f=false >

SOUSA, S. C. de OLIVEIRA, Avaliação e Usabilidade do Sistema Web Académico [on line].


Patos, 2008 [citado em 11.10.15] Dissertacao (Bacharel em Sistemas de Informação.)
Disponivel em: < http://www.cin.ufpe.br/~tg/2010-1/ywsr.pdf >

SOUZA, K. Bibliotecário é Arquitecto da Informação, Sabia?. Webinsider 13/10/2005.


Disponível em: <http://webinsider.uol.com.br/ vernoticia.php/id/2599>. Acesso em:
18/10/2015.

TEODORO, V. Uma Analiseda Usabilidade de Diferentes Interfaces Para Maquinas de Busca.


[on line]. Minas Gerais, 2011 [citado em 11.10.15] Dissertacao (Bacharel em Ciência da
Computação.) Disponivel em: <
http://repositorio.ufla.br/bitstream/1/5595/1/MONOGRAFIA_Uma_an%C3%A1lise_da_
usabilidade_de_diferentes_interfaces_para_m%C3%A1quinas_de_busca.pdf >

UNIZAMBEZE, (2013). Obtido em 10 de 10 de 2015, de Universidade Zambeze:Disponivel em:


<http://www.unizambeze.ac.mz/index.php/ >

ZEININGER, C. (11 de Dezembro de 2011). Moçambique em 106º lugar: Índices de TIC –


continuação. [citado em 29.09.15]. Disponivel em: Centro de Internet Tecnologias de
Informação e Comunicação "con.moz": <http://conmoz.org/2011/12/mocambique-em-
106%C2%BA-lugar-indices-de-tic-continuacao/>

51
ANEXOS

ANEXO I- GUIÃO DE ANÁLISE NA PERSPECTIVA DE GESTORES NO WEBSITE


ACTUAL DA UNIVERSIDADE ZAMBEZE

Objectivo: Avaliar o processo de gestão do actual website assim como medir o grau satisfação e uso
de das regras de usabilidade na visão dos gestores.

Análise documental

1. Instituição:
2. URL:
3. Gestor(es):
4. Gestor(es) de conteúdo:
5. Desenvolvedor(es):
6. Programador(es) visual(is):
7. Usuários do website:
8. Especificações técnicas do website:
9. Software (s) em que foi desenvolvido:
10. Linguagens utilizadas:

Entrevista a gestores

1.1 Desenvolvimento do website

1. Como se deu o processo de concepção do website?

1.2 Usuários, produtos e serviços

1. Durante o desenvolvimento do website foi levado em consideração entender quem são seus
usuários e o que querem?

2. O site motiva os usuários a acessarem o website?

3. Os usuários costumam sugerir modificações para o website?

4. Dentre os serviços disponibilizados, qual o mais acessado?

52
5. Quais são as principais tarefas realizadas neste módulo de serviço?

6. O advento do website proporcionou mais dinamismo aos serviços que são prestados pela
universidade em ambiente tradicional?

1.3 Dificuldades gerências

1. Quais são as principais dificuldades enfrentadas para a manutenção do website?

2. Qual o processo de selecção dos conteúdos disponibilizados no website ?

3. Como os conteúdos são disponibilizados? Com antecedência ou em tempo real?

4. O conteúdo do website tem propiciado a intensificação do relacionamento entre os seus


usuários?

5. Quais ferramentas de gerenciamento de conteúdo são utilizadas?

Usabilidade

1. O website foi desenvolvido através de algum estudo de usabilidade?

2. Testes de usabilidade foram realizados durante o desenvolvimento do website?

3. A solução desenvolvida foi testada por usuários antes de ser disponibilizada?

4. A equipe de desenvolvimento contou com uma equipe multidisciplinar para a análise dos
processos envolvidos na construção do website?

53
ANEXO II- GUIÃO DE ANÁLISE NA PERSPECTIVA DE DESENVOLVEDORES NO
WEBSITE ACTUAL DA UNIVERSIDADE ZAMBEZE

Objectivo: Avaliar e diagnosticar problemas de usabilidade ocorridos durante o desenvolvimento


do actual website da Universidade Zambeze.

Lista de verificação e guia de recomendações para a inspecção ergonómica de websites

Questões Recomendações N/A SIM NAO Páginas com


problemas
Desenho da página: critérios relativos à usabilidade superficial das páginas do website

Terreno da Tela
1. Os espaços Espaços em branco
em branco Distribuídos
das páginas homogeneamente
estão orientam o usuário a
distribuídos entender o
homogenea agrupamento de
mente? informações.
2. É possível Páginas que
visualizar a necessitam de rolagem
página vertical mais
inteira, de três vezes são
rolando a indicadas somente
barra para sites com enorme
vertical no quantidade de
máximo conteúdo.
três vezes?

54
3. É possível Deslocamento
visualizar a horizontal reflecte
página desleixo no desenho
inteira sem da
deslocamen página.
to
horizontal?

Cores Recomendações N/A SIM NAO Páginas com


problemas
Desenho da página: critérios relativos à usabilidade superficial das páginas do website

Cor
4. As cores são Cores não são elementos
utilizadas decorativos. A
indiscriminadamente padronização incrementa a
ocasionando um utilização de sites.
efeito negativo?
5. Azul e vermelho O azul e o vermelho
São utilizados têm diferentes
simultaneamente? profundidades de foco e
esse processo
é fatigante para o olho
humano.
6. Cores neutras são As cores neutras
utilizadas como (por exemplo, cinza
página claro.) aumentam
de fundo? a visibilidade das outras
cores

55
7. Na página são Recomenda-se no
encontradas mais de máximo o uso de
4 cores? quatro cores por
página.

Questões Recomendações N/A SIM NAO Páginas com


problemas
Desenho da página: critérios relativos à usabilidade superficial das páginas do website

Textos
8. Recursos de estilo Para salientar noções
como itálico, negrito importantes ou
ou palavras no texto são
sublinhado são eficientes. Quando em
utilizados para excesso, prejudicam a
salientar palavras ou visibilidade da
noções importantes no informação.
texto?
9. Os parágrafos do texto Textos separados
são separados por pelo por no mínimo
menos uma linha em uma página não
branco? provocam fadiga ao
olho humano.
10. Utilizam-se mais de O uso de mais de um
um tipo de fontes nos tipo de fonte provoca
textos? fadiga ao olho
humano.
11. Utilizam-se fontes Fontes grandes
grandes nos textos? prejudicam a
organização da página.

56
12. O textos encontram-se Textos alinhados a
alinhados à esquerda? esquerda melhoram
o desenho da página.
Textos centralizados
ou justificados são
irrelevantes.

Questões Recomendações N/A SIM NAO Páginas com


problemas
Desenho da página: critérios relativos à usabilidade superficial das páginas do website

Hiperligações
13. Imagens ou ilustrações Economizam espaço.
são utilizadas como
links?
14. Abreviaturas são Abreviaturas
utilizadas como links? diminuem visibilidade
do conteúdo.
15. Links quando já Quando demarcados
utilizados ficam em azul, permitem que
demarcados em azul? o usuário identifique
as páginas visitadas.
16. Os títulos dos links Links concisos
são claros, concisos e poupam o tempo do
informativos? usuário e expressam
genericamente o
conteúdo do site.
17. Expressões como Não devem ser
“clique aqui” são utilizadas.
utilizadas Demonstram

57
desinteresse quanto
aos padrões de
vigentes de desenho.
Hiperligações publicitários
18. Faz-se uso de Se utilizados como
banners? links são eficientes.

Questões Recomendações N/A SIM NAO Páginas com


problemas
Desenho da página: critérios relativos à usabilidade superficial das páginas do website

Títulos
19. Os títulos das páginas Títulos centralizados
estão centralizados? e bem especificados
localizam o usuário
no site.
20. Utilizam-se títulos e Melhoram a
subtítulos nas páginas? organização da página.
Folhas de estilo
21. O leiaute da página Corrobora para um
principal é o mesmo rápido carregamento
para todas as páginas da página.
do site?
Quadros
22. Utilizam-se quadros Quadros são ineficazes
no site? para sites com pouco
conteúdo.
Impressão
23. Os conteúdos do Se disponíveis devem
website estar configurados

58
estão disponíveis para para papel A4 ou
Impressão? Carta.
Desenho do conteúdo: motivo pelo qual usuários acessam determinado site
Textos/informação
24. Os títulos Se correspondem ao
correspondem conteúdo da página
ao conteúdo da melhoram a
página? legibilidade da página.
25. Parágrafos com apenas Parágrafos com apenas
uma sentença são uma sentença podem
utilizados facilmente estar for a
esporadicamente? de escopo com o
conteúdo das
informações.
26. Palavras de difícil Dificultam a
compreensão são compreensão da
usadas nos textos? informação pelo
usuário.
27. Palavras depreciativas Demonstram desleixo
ou de baixo calão são em relação ao
utilizadas? português culto.
28. Quando da Textos longos quando
disponibilidade de quebrados em varias
textos longos, estes se páginas melhoram a
encontram disponíveis navegabilidade do
em apenas uma usuário.
página?
29. Manuais de instruções Recomenda-se apenas
de uso do site são em caso de oferta de
disponibilizados? serviços de alta
complexidade.

59
Multimídia
30. Animação? Quando utilizadas com
parcimônia são
excelentes fontes de
informação.
Imagens e fotografias
31. As imagens utilizadas Imagens reutilizadas
na página principal contribuem para
são reutilizadas em a organização da
outras ? página..
32. O tamanho das Imagens pesadas
imagens utilizadas nas aumentam o tempo
páginas é menor que de carregamento da
25k? página
33. Utiliza-se mais de uma Múltiplas imagens
imagem nas páginas? devem ser evitadas.
Risco de poluição
visual.
Ilustrações e gráficos
34. As ilustrações estão Ilustrações não
integradas ao contexto integradas no contexto
da página? da página diminuem o
impacto visual da
página, chamando
mais atenção que a
informação
disponibilizada.
Janelas
35. O site abre janelas Prejudicam o
adicionais carregamento das
automaticamente, sem páginas e a

60
a solicitação do visibilidade da
usuário? informação.

Questões Recomendações N/A SIM NAO Páginas com


problemas
Desenho do site: congrega o desenho das páginas e o desenho do conteúdo
Página principal/Homepage
36. Noticias e novidades Deve ser indicado apenas
são apresentadas na um breve comentário sobre
página principal? as notícias e novidades
com links para a leitura da
informação completa.
37. Informações Informações relativas
importantes são ao universo da biblioteca
apresentadas na são bem vindas.
página principal?
38. As principais áreas Além de economia
do de espaço proporciona ao
conteúdo do site usuário chegar onde deseja
estão mais rapidamente.
disponibilizadas na
página principal?
39. Mensagens de Dispensáveis.
boas vindas são
disponibilizadas na
página principal?
40. O nome ou logotipo Podem funcionar como
da instituição estão links de retorno a página
localizados no canto principal.

61
superior esquerdo da
página principal?

Questões Recomendações N/A SIM NAO Páginas com


problemas
Navegação
Onde estou
41. Os níveis de Permite que o usuário
estrutura de interaja com as páginas que
navegações são compõem o site.
demonstrados em
todas as páginas do
site?
Onde estive
42. Existe link de Auxiliam o usuário a
retorno aprender a estrutura do site
para a página e evitam que gastem tempo
principal indo a mesma página
em todas as páginas? diversas vezes.
Aonde posso ir
43. Links absolutos? São eficientes e apontam
para uma localização fora
da página do site
agregando novos
conteúdos.
44. Links Relativos? São eficientes e apontam
para um outro documento
dentro do site.
Estrutura do site

62
45. Mapa do site? Colabora para a orientação
do usuário.
46. Barras de navegação Menus em apenas uma
são alinhadas direcção são eficazes.
verticalmente?
47. Barras de navegação Menus alinhados em
são alinhadas apenas uma direção
horizontalmente? são eficazes.
48. Barras de navegação Menus alinhados em duas
são alinhadas direções opostas diminuem
verticalmente e a visibilidade da página.
horizontalmente?
Carregamento da página
49. A página principal Estudos comprovaram
demora mais que dez que páginas que carregam
segundos para ser em mais que dez segundos
carregada? ocasionam a desistência
por parte do usuário.
50. Da página principal Estudos comprovaram que
para páginas páginam secundarias que
secundárias o tempo carregam em mais que
de carregamento é cinco segundos ocasionam
maior que 5 a desistência por parte do
segundos? usuário.
Mecanismos de busca
51. O site oferece mais Dois ou mais mecanismos
de um tipo de busca de busca proporcionam
(pesquisas em bases resultados mais
de dados, catálogos satisfatórios.
ou no próprio site)?
Desenho da URL

63
52. As Urls das páginas Urls extensas ocasionam
são extensas? erros de entrada no site
pelo usuário.
53. As Urls refletem a Urls que não refletem a
estrutura estrutura organizacional na
organizacional da qual a biblioteca e o seu
instituição website estão localizados
mantenedora do ocasionam desinteresse nos
site? sites dos outros órgãos da
instituição.
Acessibilidade e flexibilidade de uso para usuários de websites Universitárias
54. Informações sobre a Permite a visibilidade
instituição são da instituição.
disponibilizadas
(missão, histórico,
objetivos?
55. O site disponibiliza Aumenta a visibilidade do
conteúdo em outros site em épocas de
idiomas? globalização
56. Sugestões e criticas? Demonstra compromisso
da site para com
o usuário.
57. Informações sobre o Demonstra a posição clara
copirraite do site são do website em relação
disponibilizadas? aos direitos de seus
desenvolvedores e
projetistas.
58. São disponibilizados Demonstra interesse
serviços de da biblioteca em
informação para atingir todos os seus
portadores de usuários.

64
necessidades
especiais?
59. Dados Demonstra que
desatualizados, a site não tem uma equipe
como convites para que trabalha com a
eventos já realizados atualização do conteúdo no
estão site.
disponibilizados no
site?
60. Quando da Quando não
realização de tarefas Disponibilizados
erradas o website ocasionam a
propicia mensagens desistência do usuário.
de erro?

65
ANEXO III: AVALIAÇÃO DE GRAU DE VIABILIDADE PARA A IMPLEMENTAÇÃO
DA PROPOSTA DO PROJECTO

66
APÉNDICE

APÉNDICE I- GUIÃO DE ANÁLISE NA PERSPECTIVA DE USUÁRIOS NO WEBSITE


ACTUAL DA UNIVERSIDADE ZAMBEZE

Objectivo: Medir o grau de satisfação dos usuários, em relação ao website da Universidade


Zambeze.

Curso:_______________________________________________________________________

Ano:__________________________________________________________________________

Género: Masculino Feminino

Responda com clareza as questões que se seguem, o seu contributo é de muita importância,
pelo que desde já agradeço pela participação. Assinale com X para a opção que melhor se adaptar
à tua resposta. Para cada questão escolha apenas uma alternativa.

1. Na Pagina inicial é possível identificar o que a instituição faz!


Concordo Discordo Indeciso

2. Usar esse site é frustrante!


Concordo Discordo Indeciso

3. O site ajuda me a resolver todos meus problemas sempre que o acesso!


Concordo Discordo Indeciso

4. A velocidade de execução do site é suficiente!


Concordo Discordo Indeciso

5. A organização do menu e da informação parece-me lógica!


Concordo Discordo Indeciso
6. Aprender como usar as funcionalidades do site é muito difícil!

67
Concordo Discordo Indeciso
7. Existem muitos passos demais para conseguir terminar uma actividade no site!
Concordo Discordo Indeciso
8. O site nunca faz o que eu estou esperando!
Concordo Discordo Indeciso
9. E relativamente fácil navegar de uma pagina para outra no site!
Concordo Discordo Indeciso
10. Baixar os documentos do site é relativamente difícil!
Concordo Discordo Indeciso
11. Eu sempre tenho que procurar ajuda para executar alguma actividade no site!
Concordo Discordo Indeciso
12. Antes de clicar em um link, sempre sei para que pagina será direccionada!
Concordo Discordo Indeciso

13. O título da página corresponde ao item clicado!


Concordo Discordo Indeciso

14. Os títulos das páginas caracterizam seu conteúdo!


Concordo Discordo Indeciso

15. O tamanho do texto na página é legível!


Concordo Discordo Indeciso

16. O site se adapta ao seu monitor!


Concordo Discordo Indeciso

17. O fundo da página chama mais atenção do que as informações!


Concordo Discordo Indeciso

18. Nas mensagens de erros há sempre orientações para a sua correcção!

68
Concordo Discordo Indeciso

19. O site proporciona acesso rápido as informações!


Concordo Discordo Indeciso

20. O site tem uma apresentação gráfica atractiva!


Concordo Discordo Indeciso

21. O site prove informações de notícias e eventos da Universidade!


Concordo Discordo Indeciso

22. O site deveria oferecer mecanismos para apresentação de críticas e sugestões!


Concordo Discordo Indeciso

23. O site prove informações relacionadas a bolsas de estudos!


Concordo Discordo Indeciso

24. E fácil lembrar como despenha-se as actividades do site sempre que volto a acessar!
Concordo Discordo Indeciso

25. O site facilita o estudante na escolha do curso!


Concordo Discordo Indeciso

26. O site explica claramente como ingressar na universidade!


Concordo Discordo Indeciso

27. O site dá acesso as novidades cientificas e inovações tecnológicas!


Concordo Discordo Indeciso

69
28. O site usa procedimentos burocráticos!
Concordo Discordo Indeciso

29. O site motiva-me a voltar!


Concordo Discordo Indeciso

30. O site inspira-me confiança!


Concordo Discordo Indeciso

31. Recomendaria o site para um amigo!


Concordo Discordo Indeciso

32. Escreve no máximo 10 linhas sobre o qual é seu critério do site.

Por favor certifique-se que assinalou todos os itens!

Muito Obrigada

70
AVALIAÇAO FINAL - PARECER DO ORIENTADOR

Dr. C. Eng°José Alberto Vigueras Moreno, docente na Faculdade de Ciências e Tecnologias da


Universidade Zambeze, vem na qualidade de orientador da Monografia de Licenciatura submetida
por Vívian Luísa Machindano, com o tema “PROPOSTA DE RESTRUTURAÇÃO DO
SISTEMA WEB ATRAVÉS DA AVALIAÇÃO DE USABILIDADE NA UNIVERSIDADE
ZAMBEZE-BEIRAˮ, declarar que o trabalho apresentado pelo aspirante reúne qualidade científica
e condições necessárias para que o estudante seja submetido à prova de defesa para obter o grau
de Licenciatura em Engenharia Informática.

Beira, aos ___ de ____________2015


_________________________________________
(Dr. C. Eng°José Alberto Vigueras Moreno)

71

Das könnte Ihnen auch gefallen