Faculdade de Tecnologia de Sorocaba

Tecnologia em Anlise e Desenvolvimento de Sistemas

INTERAO HUMANO-COMPUTADOR: Guidelines
ATIVIDADE 3
Prof. Sergio oraes
Disci!lina" Intera#$o %umano&'om!utador
(uil)erme Vieira da Silva **3*+,-3--*.*
Sorocaba
ar#o/.*-3
Introduo
(uidelines s$o essenciais !ara 0ual0uer interface. 1este trabal)o a!resentaremos
as , regras de ouro !ro!ostas !elo autor 2en S)neiderman3.**+4 0ue servir$o de
au56lio !ara desenvolvedores de interfaces7 veremos tamb8m alguns e5em!los de
guidelines desenvolvidas !or em!resas tanto da rea de T.I. como de outras reas
dei5ando claro 0ue o conceito de ter diretri9es n$o !ertencente a setores de
informtica.
(uidelines s$o orienta#:es 0ue devem ser consideradas na elabora#$o e avalia#$o
de um soft;are. 'onsistem em uma cole#$o de regras de design es!ec6ficas e em
!rinc6!ios dos 0uais derivam as regras. S$o mais comuns nas guidelines de
determinados fabricantes7 !ara definir a identidade visual da interface e garantir
consist<ncia tanto no !roduto 0uanto entre !rodutos de um determinado fabricante.
As guidelines s$o criadas !rinci!almente7 a !artir do senso comum e da e5!eri<ncia
na elabora#$o de outros !ro=etos de soft;are. >s guidelines !ro!orcionam uma
valiosa e !rtica ferramenta !ara a a!lica#$o de conceitos de interface voltada !ara
o usurio7 em um !ro=eto de soft;are. > uso de guidelines n$o deve ser entendido
como uma ?receita de design@7 mas sim como um con=unto de !rinc6!ios norteadores
do design.
Oito Rer!s de Ouro de Desin de Inter"!#e
$% Es"or#e-se &!r! '!nter ! #onsist(n#i!%
Se0u<ncias consistentes de a#:es deve ser e5igido em situa#:es semel)antesA
terminologia id<ntica deve ser usado em !rom!ts7 menus e telas de a=uda7 e de cor
consistente7 laBout7 ca!itali9a#$o7 fontes e assim !or diante deve ser em!regado !or
toda !arte. E5ce#:es7 como a confirma#$o necessria do comando de e5clus$o ou
n$o ecoa de sen)as7 devem ser com!reens6veis e em nCmero limitado.
)% Atender ! us!*ilid!de uni+ers!l%
Decon)ecer as necessidades dos diversos usurios e design !ara !lasticidade7
facilitando a transforma#$o de conteCdo. 1ovice Es diferen#as de !eritos7 as fai5as
etrias7 defici<ncias e diversidade tecnolFgica cada enri0uecer o es!ectro de
re0uisitos 0ue orienta design. Adicionando recursos !ara os novatos7 como
e5!lica#:es e recursos !ara es!ecialistas7 como atal)os e ritmo mais r!ido7 !ode
enri0uecer o design da interface e mel)orar a 0ualidade do sistema !ercebido.
,% O"ere#er "eed*!#- in"or'!ti+o%
Para cada a#$o do usurio7 deve )aver um feedbacG do sistema. Para a#:es
fre0uentes e menores7 a res!osta !ode ser modesto7 en0uanto 0ue !ara a#:es
es!ordicas e grandes7 a res!osta deve ser mais substancial. A!resenta#$o visual
dos ob=etos de interesse fornece um ambiente conveniente !ara mostrar as
mudan#as de forma e5!l6cita.
.% Di/loos de desin &!r! &rodu0ir en#err!'ento%
Se0u<ncias de a#:es devem ser organi9adas em gru!os com in6cio7 meio e
fim. Dealimenta#$o Informativa a!Fs a conclus$o de um con=unto de a#:es d aos
o!eradores a satisfa#$o de dever cum!rido7 uma sensa#$o de al6vio7 um sinal !ara
soltar os !lanos de conting<ncia de suas mentes7 e um indicador !ara se !re!arar
!ara o !rF5imo gru!o de a#:es. Por e5em!lo7 sites de e&commerce mover usurios
de selecionar os !rodutos !ara o c)ecG&out7 terminando com uma !gina de
confirma#$o clara de 0ue conclui a transa#$o.
1% E+it!r erros%
Tanto 0uanto !oss6vel7 !ro=etar o sistema de tal forma 0ue os usurios n$o !odem
cometer erros graves7 !or e5em!lo7 cin9a !ara fora os itens de menu 0ue n$o s$o
a!ro!riados e n$o !ermitem caracteres alfab8ticos em cam!os num8ricos. Se um
usurio comete um erro7 a interface deve detectar o erro e oferecer instru#:es
sim!les7 construtivas e es!ec6ficas !ara a recu!era#$o. Por e5em!lo7 os usurios
n$o devem ter 0ue redigitar uma forma nome&endere#o com!leto7 se digitar um
cFdigo !ostal invlido7 mas deve ser orientada !ara re!arar somente a !arte
defeituosa. A#:es errHneas deve dei5ar o estado do sistema inalterado7 ou a
interface deve dar instru#:es sobre como restaurar o estado.
2% Per'it! "/#il re+erso de !3es%
Tanto 0uanto !oss6vel7 as a#:es devem ser revers6veis. Este recurso alivia a
ansiedade7 = 0ue o usurio saiba 0ue os erros !odem ser desfeitas7 e incentiva a
e5!lora#$o de o!#:es descon)ecidas. As unidades de reversibilidade !ode ser uma
Cnica a#$o7 uma tarefa de entrada de dados7 ou um gru!o com!leto de a#:es7 como
a entrada de um bloco de nome&endere#o.
4% Controle interno%
Isurios e5!erientes dese=am fortemente a sensa#$o de 0ue eles est$o no
comando da interface e 0ue a interface res!onde Es suas a#:es. Eles n$o 0uerem
sur!resas ou mudan#as no com!ortamento familiar7 e eles est$o incomodados com
se0J<ncias tediosas de entrada de dados7 a dificuldade na obten#$o de informa#:es
necessrias7 e inca!acidade de !rodu9ir o seu resultado dese=ado.
5% Redu0ir ! #!r! de 'e'6ri! de #urto &r!0o%
Kimitada ca!acidade dos seres )umanos !ara o !rocessamento de informa#$o na
memFria de curto !ra9o 3a regra de ouro 8 0ue !odemos nos lembrar de Lsete mais
ou menos dois !eda#osL de informa#$o4 e5ige 0ue os designers evitar as interfaces
em 0ue os usurios devem se lembrar de informa#:es a !artir de uma tela e7 em
seguida7 usar 0ue as informa#:es sobre uma outra tela. Isso significa 0ue os
telefones celulares n$o devem e5igir re&entrada de nCmeros de telefone7 locais ;eb&
site deve !ermanecer vis6vel7 com vrias !ginas e5ibe devem ser consolidados7 e
tem!o de treinamento suficiente deve ser alocado !ara se0J<ncias com!le5as de
a#:es.
Estes !rinc6!ios devem ser inter!retados7 refinado7 e estendido !ara cada
ambiente. Eles t<m as suas limita#:es7 mas eles fornecem um bom !onto de !artida
!ara dis!ositivos mFveis7 desGto! e ;eb designers. >s !rinc6!ios a!resentados nas
se#:es seguintes se concentrar em aumentar a !rodutividade dos usurios7
fornecendo !rocedimentos sim!lificados de entrada de dados7 dis!laBs
com!reens6veis e r!ido retorno informativo !ara aumentar os sentimentos de
com!et<ncia7 dom6nio e controle sobre o sistema.
E7e'&los de Guidelines
Em!resa" (oogle
Diretri0es de #onte8do e desin d! Goole
'rie um site com uma )ierar0uia clara e linGs de te5to. 'ada !gina deve ser
acessada a !artir de !elo menos um linG de te5to esttico.
>fere#a um Sitema! a seus usurios com linGs 0ue a!ontam !ara as !artes
im!ortantes de seu site. Se o Sitema! tiver muitos linGs7 conv8m dividi&lo em
vrias !ginas.
Itili9e um nCmero ra9ovel de linGs !or !gina.
'rie um site Ctil7 com muitas informa#:es e !ginas 0ue descrevam de forma
clara e !recisa seu conteCdo.
Pense nas !alavras 0ue os usurios digitariam !ara encontrar suas !ginas e
verifi0ue se elas a!arecem em seu site.
Con#luso
Re"er(n#i!s 9i*lior/"i#!s
IniversitB of Mas)ington & S)eneidermanNs LEig)t (olden Dules of Interface DesignL.
3.**+4
Department of Computer ScienceUniversity of Maryland,College Park. Dis!on6vel em
O)tt!"//;;;.cs.umd.edu/Pben/goldenrules.)tmlQ Acesso em" *, mar#o .*-+.
(oolgle7.*-+. Dis!on6vel em" O)tt!"//su!!ort.google.com/;ebmasters/bin/ans;er.!BR)lS!t&
2DTans;erS3UVWXY-Q Acesso em" *, mar#o .*-..
De u'! ol:!d!
neste lin-
http://www.trabalhosfe
itos.com/ensaios/Guide
lines-Ihc/549071.html