Você está na página 1de 12

PONTIFCIA UNIVERSIDADE CATLICA DO PARAN ESCOLA POLITCNICA CURSO DE BACHARELADO EM CINCIA DA COMPUTAO

MARIANNE CRUZ ANDRADE

AVALIAO DE INTERFACES

CURITIBA 2013

MARIANNE CRUZ ANDRADE

AVALIAO DE INTERFACES

Relatrio de Pesquisa apresentado ao Curso de Cincia da Computao Interao Humano-Computador I da Pontifcia Universidade Catlica do Paran. Orientador: Prof. Dr. Edson Jos Pacheco.

CURITIBA 2013

1) Considere a Avaliao Heurstica Aplicada em IHM, prepare resenha crtica sobre o assunto e aplique as regras bsicas para avaliao das interfaces dos sites: a) Hering.com.br Visibilidade do estado do sistema: Para receber a newsletter do site situado na pgina principal do site, o feedback do status representado por um cursor no campo da escrita cujo indica a localicao do clique do usurio naquele campo, entretanto o site possui diversas animaes em flash cujas ao serem clicadas redirecionam o usurio a uma nova pgina ou mesmo abrem uma nova aba e algumas delas o fazem sem deixar explicito para o usurio para onde ele ser direcionado.( Nota: 8.0) Mapeamento entre o sistema e o mundo real: Linguagem atual com termos voltados para o pblico-alvo utilizando termos como lookbook que so fcilmente compreendidos.( Nota: 9.0) Liberdade e controle ao usurio: Na pgina inicial cabe ao usurio escolher para a rea desejada do site sendo redirecionado para ela, porm ao acessar o lookbook h uma certa dificuldade inicial em sair do zoom dado nos produtos tornando-se pouco intuitivo nesse aspecto e dificultando o cancelamento da ao, uma opo que se adotada poderia melhorar esse aspecto utilizar os cliques do mouse para dar o zoom e tirar do zoom.(Nota: 9.0) Consistncia e padres: O site segue uma padronizao utilizando cores onde cada uma representa um setor, o que facilita a localizao do usurio e a velocidade do aprendizado do mesmo para a utilizao do site .(Nota: 9.0) Preveno de erros: A preveno de erros realizada atravs da mudana da cor para vermelho dos campos se feita alguma tentativa de entrar em contato com o site no preenchendo os campos devidamente, porm mesmo aps o preenchimento correto a tentativa de envio passa a ser frustrada com o aparecimento da seguinte mensagem: {"Message":"There was an error processing the request.","StackTrace":"","ExceptionType":""} o que definitivamente no nada intuitivo. (Nota: 3:0) reconhecer ao invs de lembrar: As cores utilizadas no site facilitam o reconhecimento pelo usurio de em qual rea ele se situa no momento. (Nota: 9:0) flexibilidade e eficincia de uso: Os atalhos contidos nas animaes em flash facilitam muito a vida dos usurios experientes, aumentando a velocidade de interao. (Nota: 7:0) design esttico e minimalista: O design do site lembra o windows 8, sendo necessario na maioria apenas o uso de botes para alcanar o desejado entretanto poderia ter um visual mais clean com menos animaes. (Nota: 8:0) suporte para o usuario reconhecer,diagnosticar e recuperar erros: O tratamento de erros poderia ser melhor, alm de no tratar o caso de pginas invlidas tambm envia mensagens de erro no compreensiveis para o usurio.( Nota: 3:0)

ajuda e documentao: O site analisado simples e o suficiente para sequer precisar de ajuda ou documentao para navegar por ele, porm a pgina de contato com o site no funciona corretamente. (Nota: 3:0)

b) Greenpeace.org Visibilidade do estado do sistema: A pgina principal do site possui uma aba horizontal cuja indica em qual parte do site o usurio se situa e tambm uma aba secundria cuja possibilita a escolha entre notcias, fotos, vdeos, publicaes e a compilao de todos esses dados.( Nota: 10:0) Mapeamento entre o sistema e o mundo real: Informaes apresentadas na pgina utiliza linguagem informal possibilitando o entendimento de qualquer tipo de pblico. Liberdade e controle ao usurio: Caso o usurio clique em alguma aba por engano, ele pode voltar para a pgina anterior simplesmente clicando em algum hipertexto do caminho mostrado em tela.( Nota 8:0) Consistncia e padres: utilizado um padro de listas acessadas por meio de abas, e a cor verde para indicar a seleo de qualquer aba, talvez o site pudesse se tornar mais intuitivo caso houvesse diferentes tons de verde indicando onde o usurio se situa com um contraste maior de cores (Nota: 7:0) Preveno de erros: Utiliza da troca da cor para vermelho de campos cujos esto causando o impedimento de um cadastro (Nota: 8:0) Reconhecer ao invs de lembrar: Nas aes efetuadas no site, no necessrio que lembre o que voc acessou antes para conseguir chegar at a pgina pois ela mesma indica qual o caminho percorrido at chegar ali.(Nota: 8:0) Flexibilidade e eficincia de uso: A navegao no site padronizada para todos os tipos de usurios, no havendo diferenciao entre usurio leigo e avanado. (Nota: 6:0) Design esttico e minimalista: O site mostra de maneira clara quais so os objetivos dele , entretanto hyperlinks raramente utilizados, tornando-se at mesmo desnecessrios so colocados no rodap da pgina(Nota: 9:0) Suporte para o usuario reconhecer,diagnosticar e recuperar erros: Caso o usurio porventura escreva a url com alguma pgina inexistente, uma mensagem amigavel e divertida retornada em uma pgina que possibilita a redigitao da url ou a busca por alguma palavra-chave facilitando o contorno de situaes onde haja esse tipo de erro, entretanto h uma situao desagradavel ao clicar no Feed RSS presente no rodap h um redirecionamento para uma pgina com cdigos xml (Nota:8:0) Ajuda e documentao: O site possui um FAQ cujo esclarece dvidas frequentes a respeito do greenpeace, e um mapado site cujo lista os contedos apresentados em hyperlink (Nota: 8:0)

c) Microsoft.com Visibilidade do estado do sistema: A pgina principal do site possui uma aba cuja lista as possveis opes do usurio, entretanto ao redireciona-lo para outro site no indica de onde o mesmo veio, causando uma sensao desagradavel. (Nota 7:0) Mapeamento entre o sistema e o mundo real: utiliza de uma linguagem simples que visa alcanar os mais diversos tipos de usurios (Nota: 9:0) Liberdade e controle ao usurio: A partir do momento que o usurio comea a utilizar o site, percebe que no possvel desfazer algumas aes e retornar a estados anteriores sem utilizar a barra de endereos (Nota: 5:0) Consistncia e padres: Preveno de erros: Reconhecer ao invs de lembrar: O usurio precisa lembrar das aes realizadas pois no nada que indique de onde ele veio por exemplo (Nota: 5:0) Flexibilidade e eficincia de uso: Design esttico e minimalista: Design simples, com aparncia grfica atrativa e sem contedos desnecessrios preenchendo a pgina. ( Nota: 9:0) Suporte para o usuario reconhecer,diagnosticar e recuperar erros: Caso haja a digitao de uma url invlida, o usurio redirecionado para uma pgina cuja contem uma mensagem de desculpas e um campo para efetuar uma pesquisa pelo bing, o que acaba no sendo muito til. (Nota 6.0) Ajuda e documentao: No rodap da pgina mostrado desde a opo de falar com os integrantes do site e retirar dvidas at a poltica de privacidade. (Nota: 9:0)

d) Mcdonalds.com.br Visibilidade do estado do sistema: o histrico no armazenado no navegador indicando a pgina em que o usurio se encontra no momento, apesar de indicar as paginas anteriores e a atual atravs de um caminho listado. (Nota: 7:0) Mapeamento entre o sistema e o mundo real: linguagem simples e concisa, procurando se comunicar por meio das imagens dos produtos servidos mais do que por palavras em si. (Nota: 9:0) Liberdade e controle ao usurio: Caso o usurio clique em alguma aba por engano, ele pode voltar para a pgina anterior simplesmente clicando em algum hipertexto do caminho mostrado em tela.( Nota 8:0) Consistncia e padres: Alguns botes do menu so clicveis e outros no, os que so clicveis em alguns dos casos abre uma nova aba ao invs de efetuar o redirecionamento, o histrico no armazenado no navegador. (Nota:6:0) Preveno de erros: a preveno de erros no contato/cadastro no site utiliza o padro da cor vermelha para indicar alguma inconsistncia com

o requerido. (Nota: 9:0) Reconhecer ao invs de lembrar: Nas aes efetuadas no site, no necessrio que lembre o que voc acessou antes para conseguir chegar at a pgina pois ela mesma indica qual o caminho percorrido at chegar ali.(Nota: 8:0) Flexibilidade e eficincia de uso: A navegao no site padronizada para todos os tipos de usurios, no havendo diferenciao entre usurio leigo e avanado. (Nota: 6:0) Design esttico e minimalista: O site no tem uma interface carregada de informaes irrelevantes que causam poluio visual e desviam o foco principal do objetivo principal. (Nota: 9:0) Suporte para o usurio reconhecer,diagnosticar e recuperar erros: O site no se preocupou em tratar casos em que alguma url inexistente seja digitada no browser fornecendo apenas o clssico error 404 cujo no auxilia em nada ao usurio (Nota: 1:0) Ajuda e documentao: O site no possui nenhuma documentao disponivel que auxilie na navegao. (Nota: 0:0)

e) Java.sun Visibilidade do estado do sistema: possvel ao usurio se localizar no site atravs do caminho cujo indica em que rea do site ele est e de onde ele veio, e tambm pelo cursor do mouse cujo indica caso a rea de pesquisa tenha sido clicada (Nota: 9:0) Mapeamento entre o sistema e o mundo real: tendo em vista o publico alvo como sendo profissionais da rea de TI, a linguagem utilizada no site altamente tcnica oferecendo grande dificuldade para outro tipo de usurio(Nota: 8:0) Liberdade e controle ao usurio: Caso o usurio clique em alguma aba por engano, ele pode voltar para a pgina anterior simplesmente clicando em algum hipertexto do caminho mostrado em tela.( Nota 8:0) Consistncia e padres: O site utiliza um padro de listas para navegar pelo sistema, separando os dados em 7 categorias distintas. (Nota: 7:0) Preveno de erros: No cadastro do site eles previnem futuros erros atravs de mensagens explicativas em conjunto com x em vermelho ao lado do problema. (Nota 7:0) Reconhecer ao invs de lembrar: o usurio deve reconhecer exatamente os termos relacionados ao que deseja. (Nota: 5:0) Flexibilidade e eficincia de uso: como o site voltado para pessoas tecnicamente experientes no h muitas opes que otimizam a navegao. ( Nota 5:0) Design esttico e minimalista: O site possui um visual bastante carregado, mesmo com o publico alvo no dependendo de uma interface simples, poderia ser melhorada e de alguma maneira simplificada. (Nota: 7:0) Suporte para o usuario reconhecer,diagnosticar e recuperar erros: Na tentativa de acessar uma url inexistente o site oferece as opes de voltar para a pgina anterior, navegar at a lista de produtos, ir para o

mapa do site ou procurar o desejado no site (Nota: 9:0) Ajuda e documentao: h uma aba about no site cuja apresenta diversas caracteristicas a respeito da oracle, desde eventos ate informacoes a respeito da compania, porm devido ao fato de o publico alvo ser mais experiente, no h documentao alguma mostrando como utilizar o site e as diversas abas que o compe (Nota: 5:0)

2) Verifique as interfaces abaixo. Comente sobre erros e acertos de cada uma. a)

Anlise: A interface apresentada no outlook simples e concisa dividiando os e-mails para que a visualizao dos mesmos seja facilitada, procura agradar o usurio com as mensagens apresentadas apesar de no caso apresentado na imagem no ter muita utilidade; esta interface pobre e nada atraente para os usurios devido a tal simplicidade citada acima. b)

Anlise: A cor vermelha quando aparece em sistemas tem como padro e apontamento de erros, no caso desta interface alm do problema evidenciado na cor utilizada que deveria aparecer apenas se no fosse possvel salvar o jogo, a mensagem mostrada deveria ser algo como Save game? e a ordem dos botes save, cancel eliminando o boto ok cujo desnecessrio para esta interface pois isso influi na facilidade e padronizao na utilizao da mesma. c)

Anlise: A messageBox apesar de explicar ao usurio detalhadamente qual foi

o ocorrido tentando chamar a ateno do mesmo com o smbolo da exclamao de advertencia, porm acaba desmotivando o usurio de ler-la devido ao fato de ser muito longa . d)

Anlise: O design grfico do sistema muito agradvel pois apresenta uma grande quantia de cores, imagens e cones bem distribudos, porm a parte de download e converso poderiam ser separados em abas para diminuir a quantidade de informaes contidas na pgina. Alm disso a verso do sistema e o autor poderiam ser incluidos no boto de ajuda. e)

Anlise: A interface do programa atinge o ponto ideal da usabilidade necessaria para o usurio, pelo fato de ser bastante intuitiva e simples. f)

Anlise: Essa interface se preocupa com a aparncia grfica utilizando imagens coloridas para a demonstrao dos casos, separao do contedo por abas e diviso dos assuntos em tpicos, entretanto ainda assim simples demais grande parte das vezes fazendo o usurio procurar ajuda online atravs de vdeos ou at mesmo apostilas. g)

Anlise: Interface com uma boa aparncia, tem como principais funcionalidades compactar e descompactar arquivos e sendo assim ela poderia ser muito mais simples, entretanto possui diversas outras funes que acabam no sendo utilizadas como por exemplo excluir arquivos, o usurio opta por atalhos como a tecla delete.

h)

Anlise: Aparencia grfica agradvel, permite ao usurio se situar no programa atravs das abas inseridas na parte superior da tela, imagens dos botes muito bem utilizadas, o que permite haver um reconhecimento da funcionalidades ao invs da necessidade de se lembrar da funcionalidade do mesmo, facilidade em colocar as margens na pginas atravs de uma regua no canto esquerdo da tela e na parte superior da mesma, entre diversas outras vantagens que esse layout utilizado apresenta. 3) Avaliao de softwares de Cloud Computing considerando a regra dos 10 minutos e Avaliao Heurstica a)Thumba (http://www.thumba.com.br/): o thumba um editor de imagens com o grande diferencial de rodar direto do navegador, possui a opo de carregar uma imagem da webcam, do computador ou alguma url(nesse caso sendo necessria a instalao do software do Thumba), por apresentar as funcionalidades similares a de editores bsicos conhecidos no so necessrios os 10 minutos para o aprendizado do mesmo. Nota : 9.0 b)BeFunky (http://www.befunky.com/): BeFunky um editor de fotos online onde possvel edita-las e colocar efeitos dos mais diversos tipos, permitindo em seguida o compartilhamento dessas imagens, alm de boa aparencia ele possui fcil navegao, caractersticas que contribuem muito para o aprendizado rpido do usurio. Estima-se que em cerca de 5 minutos ou menos j seja possvel utilizar o sistema corretamente. Nota : 8.0 c)Zoho ( http://www.zoho.com/ ): Zoho um servio online que permite aos usurios cadastrados gerenciar projetos online utilizando diversos recursos como compartilhamento de arquivos, grficos de acompanhamento, tarefas,

metas, calendrio e diversas outras funes. Ao aplicar a regra dos 10 minutos, percebe-se que o sistema no algo complexo de compreender para um usurio da rea, entretanto possivelmente possa ser um tanto quanto confuso para outros tipos de usuarios. Nota : 8:0

Você também pode gostar