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