UNIVERSIDADE FEDERAL DE SERGIPE

CENTRO DE CINCIAS EXATAS E TECNOLOGIA

DEPARTAMENTO DE COMPUTAO






ADEMIR JNIOR
ANNE CAROLINE
MIKE FARIAS
THAUANE MOURA






Avaliao Interface Humano-Computador
Objeto Portal do Tribunal de Justia de Sergipe

















SO CRISTOVO SE,2013.







1. JUSTIFICATIVA

Por definies a heurstica pode ser entendida como sendo o mtodo de ensino que consiste
em que o educando chegue verdade por seus prprios meios. Ou seja, um conhecimento prtico,
que vem da experincia cotidiana continuada.
A avaliao heurstica em IHC um mtodo de avaliao de usabilidade onde um avaliador
procura identificar problemas de usabilidade numa interface com o usurio, atravs da anlise e
interpretao de um conjunto de princpios ou heursticas.
Para realizar nossa avaliao, iremos utilizar dez heursticas de Jakob Nielsen, apresentadas
a seguir:
1. Feedback (ou visibilidade de status do sistema): Os usurios devem ser constantemente e
sem demora informados sobre o estado em que o sistema est.
2. Relacionamento entre a interface do sistema e o mundo real: Os conceitos, termos,
vocabulrio, tarefas e procedimentos adotados na interface do sistema devem ser to
prximos quanto possvel da realidade do usurio no domnio de atividade a que o sistema
se refere.
3. Liberdade e controle do usurio: A interface deve ser mais reativa do que ativa (deixar o
usurio controlar o sistema). E como ao exercer este controle, o usurio pode
ocasionalmente incorrer em erro, ela deve oferecer a possibilidade de desfazer o(s)
ltimo(s) comando(s) para o usurio retornar rpido ao (a um) estado anterior.
4. Consistncia: Palavras, signos, interaes semelhantes ou relacionados devem ter em
comum significados semelhantes ou relacionados (e vice-versa). Caso a plataforma em que
o sistema est rodando tenha padres estabelecidos, a interface deve adot-los.
5. Preveno de erros: A interface do sistema deve informar/sinalizar claramente ao usurio
os efeitos e consequncias de suas aes, para evitar enganos. Sempre que possvel, deve
evitar erros se puder detectar que as pr-condies para uma ao no esto satisfeitas, ou
que a ao no cabvel no contexto corrente.
6. Reconhecimento ao invs de lembrana: A interface no deve exigir que o usurio decore a
forma de acionar o sistema. Ao contrrio, deve apresentar claramente as alternativas de
ao, de modo que baste o usurio bater o olho e reconhecer a ao a executar.
7. Flexibilidade e eficincia de uso: As aes de interface devem ter diferentes formas de ser
acionadas, dispor de teclas aceleradoras associadas a elas e tambm deve ser possvel
customizar as interfaces para acionar aes frequentes.
8. Esttica e design minimalista: A interface deve ter a quantidade de informao necessria
s o relevante, com ponto de acesso para mais, se o usurio quiser. Alm disto, o layout da
interface deve ser agradvel, bonito e leve.
9. Ajude os usurios a reconhecer, diagnosticar e sanar erros: O sistema deve ter mensagens
de erro claras e informativas, que ajudem o usurio a entender o que houve e reparar o erro.
10. Ajuda e documentao: O sistema deve oferecer ajuda para o usurio em todas as aes e
atividades. O acesso deve ser claro e rpido, o contedo informativo e contextualizado,


contemplando (organizadamente) os diferentes perfis de usurios a quem o sistema se
destina. Hoje em dia tambm muito importante oferecer suporte online eficiente e eficaz.

De acordo com BARANAUSKAS andd ROCHA (2003), em 1998 cerca de trs bilhes de
dlares deixaram de ser ganhos na WEB norte-americana por causa de design mal feito de pginas,
criando empecilhos na compra ao invs de ajudar. Esses dados leva a seguinte questo: Qual a
importncia da usabilidade na WEB?
Uma pesquisa realizada pela empresa inglesa Necraft em dezembro de 2011, aponta que
existe cerda de 366.848.493 de sites na web. Isso mostra a variedade de escolhas que o usurio tem
para navegar na internet, alm do que o nmero de usurios vem aumentando sem parar.
Usabilidade assumiu uma importncia na economia da Internet como nunca teve antes
(Nielsen, 1999 apud BARANAUSKAS and ROCHA). Tradicionalmente, o usurio compra o
produto antes de experiment-lo. Com a WEB ocorre o inverso, o usurio experimenta a
usabilidade de um site antes de se comprometer a us-lo e antes de ter gasto qualquer dinheiro com
potenciais compras ou seja, os usurios experimentam a usabilidade antes e pagam depois.

2. METODOLOGIA

Em linhas gerais, a rea de Interface Humano-Computador investiga o projeto (design),
avaliao e implementao de sistemas computacionais interativos para uso humano, juntamente
com os fenmenos associados a este uso (Hewett et al., online).
Os estudos relacionados ao projeto de IHC se referem a como construir interfaces com alta
qualidade. Para isto, so definidos mtodos, modelos e diretrizes. Os estudos relacionados
avaliao de IHC, por sua vez, buscam avaliar a qualidade de um projeto de interface, tanto ao
longo do processo de desenvolvimento como quando o software est pronto.
Dentro da rea de Interface Humano-Computador (IHC) existem vrios mtodos e tcnicas
disponveis para a avaliao do site do Tribunal de Justia de Sergipe (TJ-SE). Elas podem ser
aplicadas em qualquer parte do ciclo de vida de desenvolvimento do site TJ-SE.
A escolha das tcnicas e mtodos ser definida pelo avaliador de acordo com as
necessidades impostas pela avaliao, que especifica quais medidas e comparaes devem ser
feitas de acordo com os resultados esperados. Por isso uma parte importantssima no planejamento
da avaliao de a deciso do avaliador sobre qual ou quais mtodos e tcnicas sero mais
apropriados para realizar sua avaliao dependendo da natureza da avaliao planejada, e decidir
tambm como e quando aplic-las.
A metodologia utilizada que usamos para a avaliao da interface foi confrontar a
experincia do uso do mesmo com o que disposto nas Heursticas de Jakob Nielsen, que constitui
com a viso metodolgica. De modo que os erros e acertos presentes na interface sero
delatados.
Como parmetro de avaliao, os avaliadores colocaram-se no lugar dos usurios para
classificar os objetos destacados de acordo com nveis de severidade, onde:



timo No foi considerado um problema;
Bom Problema pequeno de usabilidade ou cosmtico;
Ruim Problema grande, importante realizar ajustes;
Pssimo Problema catastrfico, necessidade imediata de ajustes.

3. RESULTADOS

3.1 Visibilidade do estado do sistema

Na pgina inicial do portal temos uma tima apresentao visual, podendo encontrar as
principais opes de forma clara, com cores que destacam bem a localidade de cada uma. O acesso
a cada opo bem prtica, no encontramos algum problema em relao ao tempo. O tempo
relativo gasto ao selecionar as principais opes em mdia 1 s. O tempo suficiente para que o
fluxo de pensamento do usurio no seja interrompido, mas suficiente para que o usurio perceba
que no instantneo.

Figura 3.1.1
Opes disponveis com menos importncia em relao aos servios oferecidos,
informaes adicionais, quando escolhidas so visualizadas em uma nova aba, mantendo a
disposio do usurio as principais funcionalidades do portal.
Um problema cosmtico encontrado so as distribuies dos itens encontrados nas opes
do menu seriam melhor visualizadas caso fossem tabeladas.



Figura 3.1.2

3.2 Correspondncia entre Sistema e Mundo Real

Um problema cosmtico encontrado no momento de consultar um processo. No campo
para preencher o Processo, no existe outro termo alm deste que indique o processo composto
por uma srie de nmeros e permite que sejam digitados outros caracteres. Trata-se de um
problema cosmtico por que facilmente corrigido caso no sejam digitados nmeros tanto por
janelas de erros como com a opo ajuda prximo ao campo de preenchimento do campo
Processo, apresentado na figura 3.2.1.



Figura 3.2.1

Uma soluo simples seria a adio do termo Nmero do antes do termo j existente,
formando Nmero do Processo, o qual podemos encontrar no menu de consultas processuais. Ou
utilizar o mesmo mtodo encontrado na pgina de autenticao de documentos, onde o campo
Documento no aceita a entrada de um caractere diferente de nmeros.
Os demais termos so simples e no oferece problemas a usurios. Alguns termos jurdicos
so necessrios e em grande parte so destinados a pessoas qualificadas nesta rea, ou seja, no
encontram dificuldades para utiliz-las.



Figura 3.2.2

3.3 Liberdade e controle do usurio

A liberdade e controle do usurio considerada boa, pois o principal problema referente ao
controle do usurio, considerado um problema cosmtico e no afetar a funcionalidade do
portal. Ao selecionar uma opo do menu principal, como por exemplo Institucional mostrado
na figura abaixo, no possvel retornar ao estado anterior. As opes ficam disponveis na tela at
que o usurio selecione outra opo do menu principal ou alguma outra funcionalidade do portal.



Figura 3.3.1

As demais situaes de controle e liberdade so consideradas tima e no apresentam
algum tipo de problema ao usurio. Alguns links, que possuem um padro diferente do portal, so
exibidos em uma nova aba, matendo disponvel o estado do site. Nas demais situaes o padro
mantido facilitando o controle do usurio, como podemos ver na figura 3.3.2.



Figura 3.3.2

3.4 Consistncia

Ao selecionar opes como Dirio de Justia, CIT Catlogo Telefnico, Manifeste-
se Ouvidoria Geral, entre outros links, visualizamos uma pgina fora do padro encontrado em
grande parte do portal. Porm, essas pginas so abertas em uma nova aba e no afeta de forma
direta a usabilidade do portal.

Figura 3.4.1



Figura 3.4.2

No entanto possvel afirmar que a maior parte do site utilizou a mesma lngua o tempo todo
sempre utilizando da mesma simbologia, tratando coisas similares, da mesma maneira, facilitando a
identificao do usurio.

Figura 3.4.3



Figura 3.4.4

3.5 Preveno de erros

Um erro encontrado no site a tentativa de acessar o campo Dirio de Justia ou o
Boletim Jurdico aps certo tempo no portal. Inicialmente o problema tratado de maneira
correta exibindo a seguinte mensagem: Para sua segurana a sesso expirou por inatividade
!!! .

Figura 3.5.1
Logo abaixo da mensagem aparece a opo clique aqui para retornar que deveria retornar


para a pgina anterior, mas retorna uma pgina do identificada como Poder Judicirio - Tribunal
de Justia e logo abaixo a solicitao de login e senha, sem uma especificao da utilidade desta
pgina.

Figura 3.5.2

qualificado de acordo com os nveis de severidade como bom, ou seja, considerado um
problema pequeno. Quanto qualificao do problema, no frequente, acontece uma nica vez
quando o tempo entre o acesso inicial ao site e o acesso ao Dirio de Justia e ao Boletim
Geral considerado grande pelo sistema. Inicialmente, pode gerar um impacto considervel em
usurios leigos e desatentos. O termo encontrado na mensagem de erro ocorreu exclusivamente
devido ao tempo, deixando implcito que o usurio dever acessar novamente. Sendo assim, no
persistente.
A soluo seria no apresentar esta pgina pelo fato de no ser selecionada pelo usurio e
no apresentar algo que esteja de fato relacionado ao que foi solicitado. O correto seria retornar
para a pgina onde foi selecionada a opo Dirio de Justia A nica sada disponvel para o
usurio fechar a aba e retornar para a pgina do portal utilizada posteriormente ao problema com
o tempo.
Outro erro desta vez com um nvel de severidade pssimo, catastrfico, pois o usurio no
consegue alcanar seu objetivo, encontrado ao selecionar o campo Compras eletrnicas.



Figura 3.5.3

Vrias opes deste campo simplesmente no funcionam em um navegador que no seja o
Internet Explorer ou o Firefox com extenso IE Tab. Mas surge outro problema: No h essa
informao quando o usurio est utilizando o Google Chrome, e no Firefox s h caso seja
selecionada a opo abrir em uma nova aba.

Figura 3.5.4

A soluo seria a criao de uma nova aba para identificar tanto o contedo como a
informao referente ao navegador utilizado.
Os demais erros so bem tratados e o nvel de severidade considerado timo, no
apresentam qualquer tipo de problema aos usurios. Alguns so apresentados a seguir:

No h um preveno eficiente, mas eficaz devido ao tratamento do erro:



Figura 3.5.5
Bom tratamento de erro:

Figura 3.5.6

3.6 - Reconhecimento ao invs de memorizao

O site no exige que o usurio decore nenhuma forma de acionar o sistema. Pelo
contrrio, apresenta claramente as alternativas de ao, de modo geral que baste o usurio bater o
olho e reconhecer a ao necessria para realizar determinada tarefa.
3.7 - Flexibilidade e eficincia no uso

Ao navegar pelo site sem o uso do mouse, percebeu-se que a tecla de maior importncia


para navegao a TAB, com ela foi possvel navegar por todo o site como mostra a figura 3.7.1.

Figura 3.7.1

Porm, se o usurio deseja voltar um ponto anterior, ele precisa percorrer todo o contedo
da pgina em que se encontra para chegar ao ponto desejado, como mostra a figura 3.7.2. Esse
problema classificado como ruim. Observou-se tambm que as teclas SETA PARA ESQUERDA
e SETA PARA DIREITA, no possuem utilidade. Como sugesto, essas teclas poderiam auxiliar a
tecla TAB, ou seja, avanar voltar para os links desejados



Figura 3.7.2

As teclas SETA PARA CIMA e SETA PARA BAIXO servem, somente, para a rolagem da
pgina, no havendo problema ou sugesto, classificando-se como timo.
Como auxlio na navegao, o site disponibiliza um Menu Pessoal, mostrado na figura
3.7.3, onde possvel arrastar os links mais usados pelo usurio, isso facilita a navegao,
classificando-se como timo .

Figura 3.7.3

De forma geral o site possui boa facilidade e eficincia no uso. Para testar todos esses
critrios foram utilizados os navegadores Google Chrome, Mozilla Firefox e Internet Explorer,
todos apresentaram os mesmos resultados

3.8 - Design esttico e minimalista



O site bem objetivo em relao a busca de seu contedo, por exemplo, se um usurio for
consultar processos ou um advogado entrar em seu portal, ele visualizar facilmente esses links,
como mostra a figura 3.8.1, classificando como timo.

Figura 3.8.1

Logo do site est bem posicionado nas pginas principais, encontrando-se no lado superior
esquerdo, porm algumas algumas figuras dele no so bem visualizadas e sua Tagline fica ilegvel
como mostra a figura.
Outras caractersticas do site, mas que mudam ao acessar o link Portais:
Contraste entre texto e fundo adequado, baseando-se principalmente nas cores verde e
branco e tendo estilos e
Tamanho de fonte / espaamento facilita a leitura
Flash usado somente na pgina inicial, mostrando notcias e outros fatos importantes;
Estilos e cores so consistentes - o site segue um padro de fontes e cores, sendo as
cores cinza e preto
nfase (bold, sublinhados, itlicos, etc) usado de forma moderada e adequada em
menus principais e ttulos de textos
Nesses pontos abordados, o site segue um padro, porm ao acessar o link dos portais ele
foge do padro como mostra a figura 3.8.2, calssificando como ruim. A sugesto que o padro
seja estabelecido para todas a pginas.



Figura 3.8.2

3.9 - Ajuda para reconhecer, diagnosticar e remediar erros

A partir da anlise do site foi possvel chegar a concluso de que o site de uma maneira
geral ajudou os usurios a reconhecer, diagnosticar e sanar erros atravs de mensagens de erro
claras e informativas, como pode se ver nos exemplos abaixo.

Figura 3.9.1





Figura 3.9.2

No entanto houve momentos em que o site se mostrou ineficiente ao tentar realizar uma
determinada tarefa. Por exemplo, ao tentarmos realizar o cadastramento/recadastramento de
Fornecedor, o site nos direcionou a uma pgina, cujas as informaes se mostraram incapazes de
nos auxiliar na resoluo do problema, como pode ser visto na figura abaixo.




Figura 3.9.3

Figura 3.9.4



3.10 - Ajuda e Documentao

O site no oferece um bom conjunto de documentao de ajuda para orientar o usurio em
caso de dvida. No entanto o site possui um atalho que funciona como um mapa que pode ser
acessado pelo usurio quando ele se sentir desorientado em meio a tantas informaes e smbolos.



Figura 3.10.1


O site ainda disponibiliza suporte online atravs do Portal do Servidor, onde o usurio pode
enviar suas duvidas atravs do Fale Conosco.





Figura 3.10.2

4. CONCLUSES

O site de modo em geral bom, cumprindo com os anseios populares. fcil de utilizar e
bastante leve, gil , possui uma boa organizao, tanto na parte esttica quanto na parte estrutural.
A interface, navegao e padronizao visual, contedo geral e especfico, relao com o cidado,
transferncia de arquivos, mecanismos de busca, segurana e privacidade parecem estar dentro dos
padres. O site tambm possui uma tima velocidade, no seria um site pesado e no possui nele
muitas animaes GIFS, flash e etc., s imagens e palavras.
Avaliamos que o site seja ruim em apenas algumas das heursticas, sendo como um todo,
um bom site. Consideramos que com o ajuste dos erros mencionados, o site poderia ser
considerado timo.





5. REFERENCIAS BIBLIOGRFICAS

BARANAUSKAS, Maria Ceclia Calani and ROCHA, Helosa Vieira. Disponvel em:
<http://pan.nied.unicamp.br/download_livro/livro-design-aval.zip>. Acesso em 05 de Abril de
2013

IMMICH, Leandro Sidnei.Avaliao heurstica da usabilidade do website do IBGE : Instituto
Brasileiro de Geografia e Estatstica. Disponvel em: <http://hdl.handle.net/10183/36882>. Acesso
em 05 de Abril de 2013

MENONCIN, Karin Lorien. A usabilidade no site do Superior Tribunal de Justia : uma anlise a
partir do comportamento de busca dos usurios e das heursticas. Disponvel em:
<http://hdl.handle.net/10183/37552>. Acesso em 05 de Abril de 2013

RAPOSO, Alberto Barbosa. INF1403 Introduo a Interao Humano-Computador (IHC).
Disponvel em: <http://www.inf.puc-rio.br/~inf1403/docs/alberto2012-1/06_AvHeuristica.pdf>.
Acessado em: 05 de Abril de 2013.

Disponvel em: <http://www.moneyma.com/tech-news/internet/total-number-of-websites-in-this-
world/>. Acesso em 05 de Abril de 2013

Disponvel em: <http://www.usereffect.com/topic/25-point-website-usability-checklist>. Acesso
em 05 de Abril de 2013