Gramado

RS
De 30 de setembro a 2 de outubro de 2014
A AVALIAO HEURSTICA APLICADA AO PLANO DE SUPERFCIE NO
MTODO DE PROJETO CENTRADO NO USURIO,
DE JESSE JAMES GARRETT
HEURISTIC EVALUATION APPLIED TO SURFACE PLAN, ON
USER-CENTERED DESIGN METHOD, BY J. J. GARRETT

Airton Jordani Jardim Filho

Universidade do Estado de Santa Catarina
airtonjordani@gmail.com

Sandra Regina Ramalho e Oliveira
Universidade do Estado de Santa Catarina
ramalho@floripa.com.br

Flavio Anthero Nunes Vianna dos Santos
Universidade do Estado de Santa Catarina
flavioanvs@hotmail.com
Resumo: O objetivo deste artigo propor a aplicao da tcnica de
avaliao heurstica de interface j na etapa de Superfcie, antes mesmo do
projeto ser disponibilizado ao usurio final, no mtodo de projeto de
interfaces web centrado no usurio de Jesse James Garrett, em funo da
provvel reduo do retrabalho e, por consequncia, do custo de
desenvolvimento de projeto, de uma maneira geral.

Palavras-chave: Avaliao, heurstica, interface, mtodo e projeto.

Abstract: This paper aims to propose the application of heuristic evaluation
technique on the Surface Plan, of Jesse James Garretts user-centered
design method for web based interfaces, likely due to the reduction of
rework and the cost of project development as well.

Key-words: Evalutation, heuristic, interface, method, project.

2
1. INTRODUO
Cada vez mais, a usabilidade torna-se um requisito bsico para o
desenvolvimento de projetos de interfaces digitais. Segundo LYNCH & HORTON (2008,
p.52),
o mtodo mais comum para atingir a usabilidade o chamado design
centrado no usurio (UCD). UCD inclui mtodos orientados ao
usurio, tais como anlise de tarefas, grupos focais, e testes de
usurio para entender suas necessidades e refinar projetos
baseando-se no retorno que o usurio fornece.

A partir de uma anlise do mtodo User-Centered Design for the Web, de J. J.

Garrett (2003), para o desenvolvimento de projetos dgito-virtuais, percebemos que
este mtodo, apesar de bastante aceito e utilizado, pode receber contribuies com o
intuito de ampli-lo para seu uso tanto no ensino do projeto de interfaces, quanto no
seu uso prtico do dia-a-dia.
Prova disso foi a proposta de insero de uma sexta etapa, intitulada Execuo,
por Heli Meurer e Daniela Szabluk, em artigo publicado nos Anais do 9. ERGODESIGN |
9. USIHC (2009) e na Revista Ao Ergonmica, da ABERGO (2010).
O Projeto E, segundo seus autores (2010, p. 2) objetiva guiar e otimizar o
desenvolvimento de projetos de interfaces grficas amigveis para diferentes sistemas
e produtos interativos dgito-virtuais e tem sua estrutura baseada no mtodo de
Garrett.
No entanto, a avaliao da interface gerada pelo quinto plano de GARRETT
(2003) no abordada, detalhadamente, por nenhum dos autores. MEURER &
SZABLUK (2009), inclusive, recomendam que o momento em que o produto deve
passar por uma avaliao heurstica e testes com usurios se d posteriormente sua
fase de acabamento, com todas as suas ferramentas e funcionalidades ativas, para
identificar e corrigir possveis erros programacionais e de usabilidade.

2. O MTODO DE PROJETO DE GARRETT E MEURER & SZABLUK
Garrett props o mtodo no livro The Elements of User Experience: User-
centered design for the web (2003). Sua popularidade se deve, provavelmente, sua
simplicidade, fcil adaptao e, sobretudo, pioneirismo. O autor prope cinco planos
(ou etapas) para o processo de produo de um website: estratgia, escopo, estrutura,
esqueleto e superfcie.

3
Figura 1 - Os cinco planos da metodologia de J.J. Garrett (2003)

A ideia construir o website usando uma abordagem de baixo para cima
(bottom-up), comeando com conceitos abstratos e chegando a definies concretas,
cada vez mais ricas em detalhes. O prprio diagrama se assemelha a um prdio, cujas
etapas seriam os andares. A etapa de estratgia, por exemplo, seria a fundao do
prdio e uma alterao nela teria efeitos drsticos nos demais andares. A mudana no
escopo afeta a estrutura e assim por diante.
Isso no significa que cada deciso sobre um plano tem que ser
necessariamente feita antes que se comece a definir o plano subsequente. Em certos
momentos, necessrio reavaliar decises anteriores e mudar o rumo do projeto. Por
isso, importante que o projeto entre em um ciclo constante de avaliao para que se
identifiquem desvios antes que seja tarde demais para mudar.

2.1 Estratgia
Desta forma, o primeiro passo para o desenvolvimento do projeto justamente
traar a estratgia a ser adotada. Define-se o qu e para quem se quer comunicar.
Envolve entender as necessidades do usurio (influncia externa) e os objetivos do site
(influncia interna). Segundo GARRETT (2011, p. 21),
esta estratgia incorpora no apenas o que as pessoas que dirigem o
site querem dele, mas o que os usurios querem, na verdade. As
necessidades dos usurios so conhecidas a partir da definio dos
objetivos do site atravs da anlise das caractersticas do pblico-
alvo. J os objetivos do site so conhecidos atravs da definio do
que se quer comunicar atravs do site e qual o propsito do seu
desenvolvimento.

2.2 Escopo
O passo seguinte a definio das caractersticas do produto. Aqui se
estabelecem quais sero, efetivamente, os contedos do site. De que forma sero
supridas as necessidades do usurio. Cabe ressaltar que to ou mais importante do
que deixar claro aquilo que faz parte do projeto, definir o que no faz.
Quando definimos o escopo de nosso projeto definimos o foco de nosso
trabalho, deixando absolutamente claro aquilo que ser includo e aquilo que ser
excludo, por sua vez. Um escopo malfeito pode acarretar retrabalho ou prejuzo para
quem est desenvolvendo o projeto, uma vez que quando no existem fronteiras bem
definidas, damos margem especulao e dvida.

2.3 Estrutura
Segundo a proposta de metodologia de trabalho de Garrett, planejar a
estrutura nada mais do que organizar a hierarquia de pginas, os caminhos entre
elas. Normalmente descrita atravs de um organograma ou de um fluxograma, a
estrutura da uma viso geral do website.
Aqui entra o trabalho da Arquitetura da Informao, atuando no planejamento
estrutural do espao reservado informao no site, de forma que se crie uma
maneira intuitiva de acesso ao contedo. Arquitetura de informao, para BRINK,
GERGLE e WOOD (2002) apud SANTA ROSA & MORAES (2008, p. 24), se refere

4
estrutura da organizao de um website, especialmente como as diferentes pginas do
site se relacionam entre si. Ela envolve aspectos tais como anlise e planejamento,
organizao das pginas, rotulagem, tcnicas de busca, projeto da navegao e d
dicas para ajudar os usurios a se orientarem.

2.4 Esqueleto
O esqueleto nada mais do que o desenho estrutural das telas, dos menus e
formulrios. Essa etapa da metodologia se preocupa em erguer o esqueleto da pgina,
sua estrutura ssea. Por trs da superfcie, que a prxima e ltima etapa da
metodologia, est o esqueleto que d a sustentao pgina.
No esqueleto, surge uma bifurcao conceitual: o design de navegao e o de
informao. O design de navegao trata da disposio dos elementos da interface de
forma a facilitar a navegao do usurio atravs da arquitetura da informao. J o
design da Informao define como apresentar a informao de forma a facilitar o
entendimento por parte do usurio. O mtodo de desenho do esqueleto, para que
este possa ser representado graficamente chama-se wireframe.

2.5 Superfcie
A quinta e ltima etapa da metodologia chamada de superfcie. Aqui entra,
efetivamente, o trabalho do design visual.
No topo do modelo dos cinco planos, foca-se nos aspectos do site
que nosso usurio vai perceber de imediato: o design visual. Aqui,
contedo, funcionalidade e esttica unem-se para produzir um
design bem-acabado que supre os Objetivos de todos os outros
quatro planos. (GARRETT, 2003, p. 133)

A superfcie nada mais do que o fechamento, a partir de um trabalho em

design visual, dos elementos que compem o site como um todo. A comunicao
visual exerce, ento, um papel importante no planejamento de qualquer website, pois
responsvel pela primeira impresso que o usurio tem de todo o trabalho de
projeto e planejamento, uma espcie de porta de entrada.

2.6 O Projeto E, de Meurer & Szabluk
Segundo BOMFIM (1995, p. XX), os mtodos em design apresentam trs
grandes fases: a fase analtica, a fase criativa e a fase executiva. Na fase analtica
definido o problema. Os requisitos do projeto so traados e onde surge o conceito
do projeto. A fase seguinte, que o autor chama de criativa, onde as alternativas so
geradas, sendo selecionadas as melhores e depuradas at que se chegue quela mais
adequada soluo. Por fim, a terceira seria a fase executiva, onde se faz o
detalhamento do projeto para a execuo e o acompanhamento da produo. Assim
sendo, o mtodo de Garrett poderia incluir em suas etapas um ltimo plano destinado
execuo, uma vez que o mtodo original restringe-se apenas ao projeto e no
execuo. Nesse sentido, o Projeto E, de MEURER & SZABLUK (2009) faz importantes
contribuies ao mtodo. Definida pelos seus autores como uma metodologia
constituda de conceitos, definies, mtodos e processos de autores consagrados em
design, estruturados de acordo com as etapas sugeridas por Garrett, sua proposta
acrescenta uma sexta etapa ao mtodo, chamada de etapa de execuo.

Figura 2 - Diagrama do Projeto E, contemplando uma sexta etapa na proposta inicial
de GARRETT (2003), por MEURER & SZABLUK (2009)

A aplicao do Projeto E contribui para a potencializao dos recursos da world
wide web ou de interfaces diversas. Alm disso, o mtodo incentiva o profissional a
preocupar-se com aspectos ergonmicos, de usabilidade e de acessibilidade,
imprescindveis aos projetos dgito-virtuais e muitas vezes considerados menos
importantes.

3. A AVALIAO HEURSTICA
Uma importante tcnica para avaliao de interfaces a chamada avaliao
heurstica. Segundo SALMON (2004), uma grande vantagem do uso da anlise
heurstica consiste na simplicidade e no fato de que pode ser conduzida, tambm,
durante o processo projetivo, em suas diversas etapas.
A avaliao Heurstica surge em 1990, a partir do trabalho de Jakob Nielsen e
Rolf Molich. A ideia era criar um mtodo de inspeo para encontrar problemas em
uma interface do usurio (SANTA ROSA & MORAES, 2008)
A partir de uma lista de princpios reconhecidos e, preferencialmente,
executada por um grupo de avaliadores o que minimiza o risco da subjetividade
excessivamente individual interferir de forma que invalide a avaliao tem-se uma
avaliao bastante completa da situao de determinada interface do ponto de vista
de sua usabilidade.
Apesar de apresentada por NIELSEN & MOLICH no incio dos anos 1990, desde
ento diversos autores e tericos apresentaram sua viso particular a respeito da
avaliao heurstica. O prprio Jakob Nielsen revisitou suas heursticas algumas vezes,
em diferentes publicaes, ratificando ou retificando-as em funo da ampliao dos
tipos de interface passveis de serem avaliadas e da popularizao e evoluo da
prpria internet, sua estrutura e seus recursos tecnolgicos.
A avaliao heurstica, constitui-se em uma tcnica de inspeo de
usabilidade em que especialistas, orientados por um conjunto de
princpios de usabilidade conhecidos como heurstica, avaliam se os
elementos da interface com o usurio esto de acordo com os
princpios. (PREECE, ROGERS & SHARP, 2005, p. 430)

6
Existem diversos outros autores que so referncia em critrios ergonmicos
para avaliao de interfaces. A seguir so apresentados, de forma resumida, alguns
dos principais expoentes no assunto e suas tcnicas propostas para avaliao de
interface.

3.1 Dominique Scapin e Christian Bastien
Ainda no princpio dos anos 1990, dois pesquisadores de lngua francesa,
Dominique Scapin e Christian Bastien, ligados ao INRIA (Institut National de Recherche
en Informatique et en Automatique) da Frana apresentaram uma lista de critrios
para avaliao de interfaces, denominada de critrios ergonmicos.
Esses autores mostraram que seus critrios proporcionam o aumento da
sistematizao dos resultados das avaliaes de usabilidade de uma dada interface.
Isto , quando diferentes especialistas empregam esses critrios como ferramenta de
avaliao, eles obtm resultados mais parecidos. Eles diminuem assim, um dos
inconvenientes das avaliaes por especialistas, especificamente a falta de
sistematizao nos resultados.
So oito critrios principais, por vezes, divididos em subcritrios, conforme
SANTA ROSA & MORAES (2008):
1. Conduo Capacidade da interface em oferecer oportunidade ao usurio para
a aprendizagem. Permitir que ele saiba, em tempo real, onde est naquela
sequncia interativa. Subdivises: 1.1. Presteza; 1.2. Agrupamento/Distino de
Itens;
1.2.1.
Agrupamento/Distino
por
Localizao;
1.2.2.
Agrupamento/Distino por Formato; 1.3. Feedback Imediato e 1.4.
Legibilidade.
2. Carga de Trabalho - Quanto maior for a carga de trabalho ou a complexidade da
tarefa, maior ser a probabilidade do usurio de cometer erros. Quanto menos
a ateno do usurio for desviada por informaes desnecessrias, melhor ele
se sair na execuo de suas tarefas. Quanto menos aes so necessrias,
mais rpidas sero as interaes. Subdivises: 2.1. Brevidade; 2.1.1. Conciso;
2.1.2. Aes Mnimas e 2.2. Densidade Informacional.
3. Controle Explicito Controle do usurio tanto sobre o processamento das
aes realizadas pelo prprio usurio, quanto ao controle do usurio sobre o
processamento de suas aes pelo sistema. Subdivises: 3.1. Aes Explicitas e
3.2. Controle do Usurio.
4. Adaptabilidade a capacidade do sistema (ou interface) de reagir conforme o
contexto e, tambm, as necessidades e preferncias do usurio. Subdivises:
4.1. Flexibilidade e 4.2. Experincia do Usurio.
5. Gesto de Erros Dispositivos do sistema que visam evitar ou diminuir a
ocorrncia de erros. Se ocorrerem, que o sistema possibilite que o usurio
facilmente os corrija. Subdivises: 5.1. Proteo erros; 5.2. Qualidade das
Mensagens de erros e 5.3. Correo erros.
6. Homogeneidade / Consistncia Forma na qual as opes na concepo da
interface so mantidas idnticas em contextos idnticos e diferentes para
contextos diferentes.
7. Significado de Cdigos Conformidade entre o objeto ou informao
apresentados ou solicitados e sua referncia. Termos pouco expressivos para o

7
usurio podem ocasionar problemas de conduo onde ele pode ser levado a
selecionar uma opo errada.
8. Compatibilidade Acordo que possa existir entre as caractersticas do usurio
(memria, percepo, hbitos, competncias, idade, expectativas, etc.) e as
tarefas, de uma parte, e a organizao das sadas, das entradas e do dilogo de
uma dada aplicao, de outra. Coerncia entre diferentes ambientes e
aplicativos.

3.2 Patrick Jordan
Patrick W. Jordan (1998), autor e consultor britnico, com slida formao em
psicologia, que escreve sobre estratgia em design, marketing e branding , tambm,
uma referencia na avaliao de interfaces e apresenta seus dez princpios para design
com usabilidade:
1. Coerncia Respeitar a conveno de que caractersticas similares devem
ser realizadas da mesma forma. Incoerncias levam o usurio a cometer
erros.
2. Compatibilidade Projetar para que o produto corresponda expectativa
do usurio, sem deixar de lado o conhecimento que o usurio tem do
mundo real.
3. Considerao sobre a habilidade do usurio Levar em conta a habilidade e
a experincia pregressa do usurio.
4. Retorno das aes / feedback A interface deve oferecer reaes claras
com relao s aes que o usurio realiza.
5. Preveno de erro e recuperao A interface pode ser projetada para
minimizar a ocorrncia de erros e o usurio recuperar, de forma rpida e
fcil, qualquer erro que cometa.
6. Controle do usurio O usurio dever ter o mximo de controle o possvel
sobre as interaes que realiza com o sistema.
7. Clareza visual A informao (incluindo rtulos e feedback) deve ser
acessada fcil e rapidamente, sem obstculos.
8. Priorizao da funcionalidade e da informao Se o produto ou sistema
fornece muitas informaes, deve-se priorizar algumas caractersticas ao
projetar a interface, conforme a frequncia de uso ou a importncia da
funo.
9. Transferncia adequada de tecnologia O uso de tecnologias que foram
desenvolvidas para um fim e que acabam sendo aplicadas para outro
podem ser teis e benficas. Mas se utilizadas sem o devido estudo e
cuidado, podem gerar problemas ao produto ou sistema.
10. Explicitao Quanto mais explicita e simples a forma de operar um
produto, melhor.

3.3 Jakob Nielsen
Como demonstrado anteriormente, dentre os autores que trabalham a
avaliao heurstica pode-se ressaltar o trabalho de Jakob Nielsen, que por mais de
duas dcadas tem pesquisado e divulgado seu trabalho como especialista em
usabilidade, especialmente usabilidade na web. Como precursor da avaliao

8
heurstica, Nielsen no apenas cunhou este termo, ainda nos anos 1990, mas tambm
tornou a principal referncia no assunto.
Em seu artigo How to conduct a Heuristic Evaluation (1995), Nielsen afirma que
a anlise heurstica um mtodo rpido e barato para avaliar a usabilidade de um
sistema. Segundo o autor, recomenda-se que a anlise seja realizada por especialistas
em usabilidade, porm nada impede que usurios estudem os critrios de avaliao e
realizem a anlise.
Com relao quantidade de avaliadores, o autor afirma que a tarefa de avaliar
uma interface por meio de heursticas pode ser realizada de forma individual, mas a
experincia indica que os resultados so mais pobres neste caso.
Estudos indicaram que avaliadores individuais encontram, em mdia,
apenas 35% dos problemas de usabilidade em suas anlises. Isto
porque diferentes avaliadores tendem a encontrar problemas
diferentes - h uma substancial melhora da performance quando se
utiliza vrios avaliadores (NIELSEN, 1995).

As heursticas recomendadas por NIELSEN & MOLICH (1990), segundo o prprio

NIELSEN (1995b) foram desenvolvidas para avaliao heurstica, em colaborao com
Rolf Molich em 1990. Desde ento, elas foram refinadas com base em uma anlise
fatorial de 249 problemas de usabilidade para derivar um conjunto de heursticas com
o mximo poder explicativo, resultando num conjunto revisto de heursticas.
Assim, devido a diferena entre a lista das heursticas apresentadas por autores
como SANTA ROSA & MORAES (2008) e SALMON (2004), apresentam-se aqui as
heursticas descritas pelo prprio NIELSEN (1995b), em seu artigo 10 Usability
Heuristics for User Interface Design. So elas:
1. Visibilidade do status do sistema O sistema deve, sempre, manter o usurio
informado sobre o que est acontecendo, fornecendo um feedback apropriado,
num tempo razovel.
2. Equivalncia entre o sistema e o mundo real O sistema deve falar a linguagem
do usurio, com palavras, frases e conceitos familiares a ele, ao invs de utilizar
termos tcnicos orientados ao sistema. Seguir convenes do mundo real,
fazendo com que a informao seja exibida em sua ordem lgica e natural.
3. Controle do usurio e liberdade Usurios frequentemente escolhem
erroneamente funes do sistema, e necessitaro uma clara e demarcada
sada de emergncia para sair de um estado indesejado sem a necessidade
de passar por um caminho extenso e complexo. O sistema deve oferecer
suporte para aes como: desfazer e refazer.
4. Consistncia e padres Usurios no tem que adivinhar quando palavras,
situaes ou aes diferentes significam a mesma coisa. Siga convenes.
5. Preveno de erros Melhor do que boas mensagens de ero, o cuidado para
prevenir um problema, antes que ele acontea, em primeiro lugar. Solicitar a
confirmao do usurio antes de executar comandos ajuda a evitar diversas
escolhas feitas de forma equivocada.
6. Reconhecimento ao invs de memorizao Minimizar a carga de memria do
usurio, tornando objetos, aes e opes visveis. O usurio no deve ter que
lembrar da informao de uma parte do dilogo para outra. As instrues para

9
usar o sistema devem ser visveis e facilmente localizveis, sempre que
apropriado.
7. Flexibilidade e eficincia de uso Aceleradores de tarefa, invisveis aos usurios
novatos podem oferecer mais rapidez na tarefa para usurios experientes,
assim como o sistema deve atender tanto usurios inexperientes, quanto
experientes.
8. Esttica e design minimalista Dilogos no devem conter informao que no
seja relevante. Cada informao irrelevante compete com as relevantes e
reduzem sua visibilidade.
9. Ajudar os usurios a reconhecer, diagnosticar e recuperar aes erradas
Mensagens de erro devem ser expressas em uma linguagem simples (sem
cdigos), indicando precisamente o problema, e sugerindo, construtivamente,
uma soluo.
10. Ajuda e documentao Mesmo tendo como meta que o sistema deve poder
ser utilizado sem documentao, pode ser necessrio fornecer ajuda e
documentao. Qualquer informao neste sentido deve ser fcil de buscar,
focada na tarefa do usurio, listando passos concretos para ser levada adiante
e sem ser grande demais.

4. COMPARATIVO ENTRE AS AVALIAES HEURSTICAS
A seguir, apresentado um quadro comparativo, a ttulo de ilustrao, entre as
heursticas (ou critrios ergonmicos) descritas pelos principais autores da rea, onde
estas heursticas so agrupadas por similaridade, tomando como referncia as
heursticas de NIELSEN & MOLICH (1990); NIELSEN (1995b).

Quadro 1 - Comparativo das heursticas (critrios ergonmicos), a partir de NIELSEN
& MOLICH (1990), NIELSEN (1995b); SCAPIN & BASTIEN (1993) e JORDAN (1998).
NIELSEN & MOLICH

SCAPIN & BASTIEN

JORDAN

1. Visibilidade do status do
sistema

1. Conduo
3. Controle explcito

4. Retorno das aes /

feedback
7. Clareza visual

2. Equivalncia entre o
sistema e o mundo real

6. Homogeneidade /
consistncia
8. Compatibilidade

2. Compatibilidade

3. Controle do usurio e
liberdade

1. Conduo
3. Controle explcito

6. Controle do usurio

4. Consistncia e padres

6. Homogeneidade /
consistncia

1. Coerncia
9. Transferncia adequada de
tecnologia

5. Preveno de erros

5. Gesto de erros

1. Coerncia
5. Preveno de erro e
recuperao

6. Reconhecimento ao invs
de memorizao

2. Carga de trabalho
7. Significados de cdigos

3. Considerao sobre a
habilidade do usurio
10. Explicitao

7. Flexibilidade e eficincia de
4. Adaptabilidade
uso

3. Considerao sobre a
habilidade do usurio

10
8. Priorizao da
funcionalidade e da
informao
8. Esttica e design
minimalista

1. Conduo
2. Carga de trabalho

7. Clareza visual

9. Ajudar os usurios a
reconhecer, diagnosticar e
recuperar aes erradas

5. Gesto de erros

5. Preveno de erro e
recuperao

10. Ajuda e documentao

4. Adaptabilidade

10. Explicitao

Tal quadro pode e ser aprofundado, em pesquisas posteriores, no que tange
relao entre os autores. No entanto, mesmo nesta breve comparao, possvel
perceber - ao listar algumas das heursticas (ou critrios ergonmicos) mais utilizadas
na avaliao de interfaces que so elencados itens bastante similares, apresentando
preocupaes semelhantes no tocante interao entre o usurio e a interface.
Qualquer uma das tcnicas apresentadas, ainda que resumidamente, neste
artigo seriam uma ferramenta bastante adequada ao que se prope nesse trabalho.
Assim, utilizar-se-o as heursticas de Jakob Nielsen, como referncia e por
conveno para compor a proposta deste artigo. No entanto, no h, de forma
alguma, impedimento para que se utilize qualquer outra referncia, em termos de
tcnica e/ou autor para se realizar a avaliao proposta.

5. COMO AS HEURSTICAS PODEM CONTRIBUIR COM OS MTODOS BASEADOS EM
GARRETT
Na tabela a seguir, uma proposta de relacionamento entre as recomendaes
de GARRETT (2003) para o plano Superfcie e onde as heursticas de NIELSEN &
MOLICH (1990); NIELSEN (1995b) podem ser inseridas como avaliao da interface
ainda na fase projetual - conforme sugere SALMON (2004):

Quadro 2 - Resumo da aplicao das heursticas ao mtodo de Garrett, a partir de
NIELSEN & MOLICH (1990), NIELSEN (1995b) e GARRETT (2003).
Recomendaes de
GARRETT (2003)
para o plano Superfcie

Heursticas de NIELSEN & MOLICH (1990); NIELSEN (1995b) que

podem ser aplicadas para verificao e/ou aprimoramento

Follow the eye

(Siga o olho)

3. Controle do usurio e liberdade

5. Preveno erros

Contrast and uniformity

(Contraste e
uniformidade)

2. Equivalncia entre o sistema e o mundo real

4. Consistncia e padres
8. Esttica e design minimalista

Internal and external

consistency
(Coerncia interna e
externa)

1. Visibilidade do status do sistema

2. Equivalncia entre o sistema e o mundo real
4. Consistncia e padres
6. Reconhecimento ao invs de memorizao
7. Flexibilidade e eficincia de uso
9. Ajudar os usurios a reconhecer, diagnosticar e recuperar aes
erradas

Color Palettes and

4. Consistncia e padres

11
Typography
(Paletas de cores e
tipografia)

8. Esttica e design minimalista

Design Comps and Style

Guides
(Prottipos e guia de
estilo)

2. Equivalncia entre o sistema e o mundo real

4. Consistncia e padres
8. Esttica e design minimalista
10. Ajuda e documentao

Alm de incluir um plano de execuo no mtodo original, MEURER & SZABLUK
(2009) tambm redesenharam alguns processos da metodologia original. Em relao
etapa de Superfcie, por exemplo, os autores a rebatizaram de Esttica e, de fato,
pautaram suas recomendaes em questes de cunho essencialmente esttico-formal,
deixando de lado abordagens ligadas avaliao da interface propriamente dita:



Quadro 3 - Resumo da etapa Esttica, a partir de MEURER & SZABLUK (2009)
Estudo e definio
das malhas

O Projeto E indica o uso de malhas diagramacionais para elaborao do

leiaute das telas. Elas so oriundas das mais diferentes teorias
filosficas e geomtricas, e podem at mesmo ser geradas por
aplicativos na world wide web.

Composio e
diagramao

Devem ser feitas sempre em concordncia com as exigncias e

restries fsicas s quais a IGA (interface grfica amigvel) ser
submetida. No caso da world wide web, variaes de configurao e
resoluo de tela devem ser consideradas sempre, para que o layout
possa se adaptar facilmente a grandes diferenas de configurao

Identidade grfico-
visual

Durante a composio do layout das telas de um produto dgito-virtual,

os elementos da identidade grfico-visual devem ser criteriosamente
desenhados e introduzidos na interface. Os elementos que definem o
padro visual da IGA so: (a) Logografia; (b) Cromografia; (c) Tipografia;
(d) Pictografia e (e) Iconografia.

Assim, para o mtodo proposto por MEURER & SZABLUK, a Avaliao Heurstica
pode ser aplicada nesta etapa integralmente, com o intuito tornar o resultado da
etapa mais confivel, uma vez que est estar baseada em uma tcnica de avaliao
consolidada e no somente nas impresses subjetivas do grupo de desenvolvedores
daquele projeto.

6. CONCLUSO
Embora bastante difundido e utilizado, o mtodo de projeto centrado no
usurio de J. J. Garrett pouco refere-se uma avaliao sistematizada, em especial em
sua etapa plano de Superfcie. Ainda que este no seja o objetivo e nem o escopo
proposto pela metodologia em questo, faz-se necessrio refletir a respeito do ganho
que se pode ter ao aliar o referido mtodo de projeto com uma tcnica de avaliao de
interface consolidada.
A ideia de ganho surge ao propor a aplicao de tcnica de avaliao de
interface para a etapa de Superfcie, em GARRETT (2003) - ou Esttica, em MEURER &
SZABLUK (2009) em funo da provvel reduo do retrabalho e, por consequncia,

12
do custo de projeto, de uma maneira geral. Adotando uma tcnica consolidada de
avaliao, conforme exposto anteriormente, obtm-se uma garantia de muitos desses
problemas que seriam percebidos apenas mais adiante, quando o sistema estivesse
sendo utilizado pelos usurios finais do produto, poderiam ser antecipados ainda na
fase de projeto.
Para tanto, sugere-se que a tcnica utilizada seja a chamada Avaliao
Heurstica proposta por NIELSEN & MOLICH (1990). Entre as vantagens do uso desta
tcnica, esto aquelas citadas por SALMON (2004), sejam elas: a simplicidade e a
velocidade de aplicao, resultados relevantes e de uso imediato, uso de recursos
extremamente baixo e a possibilidade de uso durante todo o processo projetivo.
provvel que, se movermos a avaliao da interface para dentro do processo projetivo,
possamos antecipar problemas de usabilidade que no tenham sido detectados pelos
projetistas, muito em funo de sua proximidade do objeto projetado, inclusive.
Desta forma, antecipar a deteco de erros e problemas na interface, alm de
uma provvel economia de recursos de desenvolvimento como sugerido
anteriormente, pode, ainda, evitar que muitos problemas de projeto, que deterioram a
usabilidade de determinada interface, cheguem ao produto acabado, acessvel ao
usurio final. Menos problemas na interao com o usurio final representa menos
frustrao de uso. Menos frustrao no uso representa menos constrangimento
ergonmico. Menos constrangimentos significa um usurio realizando sua tarefa de
forma mais eficiente.

REFERNCIAS
BASTIEN, C.; SCAPIN, D.. Ergonomic Criteria for the Evaluation of Human Computer
Interfaces. INRIA, 1993.
BOMFIM, G. A.. Metodologia para o desenvolvimento de projetos. Joo Pessoa: Ed.
Universitria/UFPB, 1995.
GARRETT, J.J.. The Elements of User Experience. New York, NY USA: AIGA
American Institute of Graphic Arts, 2003.
_______. The Elements of User Experience: User-Centered Design for the Web and
Beyond. 2nd Ed. Berkeley: New Riders. 2011.
JORDAN, P. W. An Introduction to Usability. Londres: Taylor & Francis, 1998.
KALBACH, J.. Design de Navegao Web: Otimizando a experincia do usurio. Porto
Alegre: Bookman, 2009.
LABIUTIL. Laboratrio de Utilizabilidade da Informtica / Universidade Federal de
Santa Catarina. Disponvel em: <http://www.labiutil.inf.ufsc.br/>. Acesso em: 14 nov.
2013.
LYNCH, P.J.; HORTON, S.. Web Style Guide: basic design principles for creating web
sites. Kendallville: Yale University, 2008.
MEURER, H.; SZABLUK, D.. Projeto E: aspectos metodolgicos para o desenvolvimento
de projetos dgito-virtuais. In: 9 ERGODESIGN | 9 USIHC, 2009, Curitiba. Anais do 9
ERGODESIGN | 9 USIHC, 2009.
_______. Projeto E: aspectos metodolgicos para o desenvolvimento de projetos
dgito-virtuais. Ao Ergonmica, v. 5, p. 1-10, 2010.
NIELSEN, J.; MOLICH, R. Heuristic evaluation of user interfaces. In J. C Chew & J.
Whiteside (eds). Empowering people: CHI 90 Conference Proceedings (pp. 249 - 256)
Monterey, CA: ACM Press, 1990.

13
NIELSEN, J. How to conduct a Heuristic Evaluation (Jan, 1995). Disponvel em:
<http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/>. Acesso
em 6 out 2013.
NIELSEN, J. 10 Usability Heuristics for User Interface Design (Jan, 1995). Disponvel em
<http://www.nngroup.com/articles/ten-usability-heuristics/>. Acesso em 14 nov 2013.
PREECE, J.; ROGERS, Y.; SHARP, H.. Design de interao: alm da interao homem-
computador, Porto Alegre, RS: Bookman, 2005.
SALMON, P. Human Factors Design and Evaluation Methods Review. Southampton:
HFi DTC, 2004.
SANTA ROSA, J.G.; MORAES, A. Avaliao e projeto no design de interfaces.
Terespolis, RJ: 2AB, 2008.