Ex Diretrizes

8/17/2019 Ex Diretrizes

1/10

UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁCAMPUS PONTA GROSSAEXERCÍCO DE INTERAÇÃO HUMANO-COMPUTADORProf. Ger !"o R #$%&'

No'e( E"& r"o C r) !%o Ne* RA(+, , /

DIRETRIZES PARA DESENVOLVIMENTO DEINTERFACES

1. Discutir e sintetizar a importância das diretrizes (para cada categoria), descrevendo suainfluência no projeto da interface usuário (opinião do grupo).

R

!egundo "!#neiderman ($%)&, e'istem três categorias de diretrizes aplicadas ao projeto deinterfaces, são elas ntera*ão +eral, 'i-i*ão de nforma* es e ntradas de Dados.

/s diretrizes da I#$er 01o Ger ! são a-rangentes e -astante a-stratas, são elas 2o#*3*$4#23nouso de formatos nas escol#as de menus, entrada de dados e outras fun* es 0ue ocorrem em umainterface feedback *35#3f32 $3)ona 0ual proporciona um feedback visual e auditivo(comunica*ãoentre usuário e a interface) )er3f32 01o "e 6& !6&er 01o "e*$r&$3) #1o-$r3)3 !como por e'emplo se o usuário 0uer e'cluir um ar0uivo mandar uma mensagem do tipo 2você tem certeza dee'cluir este ar0uivo34 tam-5m deve estar dispon6vel a f723! re)er*1o " ' 3or3 " * 08e* emtoda aplica*ão interativa re"&93r 6& #$3" "e "e 3#for' 08e* 6&e "e)e' *er 'e'or39 " *como por e'emplo uma lista de nomes ou n7meros ser ef323e#$e "e "37!o5odei'ando de umaforma -em clara para usuário : 'o)3'e#$o e r 23o2;#3o o$r $ 'e#$o "e erro como por e'emplose um campo de sen#a 5 o-rigat8rio e o usuário dei'ou em -ranco, o sistema deve avisá9lo so-reesse erro a "3)3*1o " * fe* e or5 #39 01o "e 5eo5r f3 " $e! o projetista deve esfor*ar9se para o-ter um padrão tam-5m deve ter f 23!3" "e* "e 301o "e3#for' 08e* 6&e *e< ' re!e) #$e* o 2o#$e=$o $& !o usuário não deve ter de vagar por dados,menus e gráficos estran#os D3'3#&301o " 6& #$3" "e "e " "o*:usar formato de apresenta*ão0ue fácil de entender : &*o "e r?$&!o*devem ser consistentes, as >re)3 08e* devem ser padronizadas e as 2ore* @re)3*;)e3* Me#* 5e#* "e erro*devem ser significativas, deve manter um padrão para mensagens de erros 5 muito importante &* r < #e! * @ r "3)3"3r "3fere#$e*$3@o* "e 3#for' 08e* como por e'emplo janela s8 para cadastro, janela para consulta e etcindica9se usar display #7! 5o* 6&e *e< ' ' 3* f723! "e e#$e#"3'e#$o 2o#*3"er r 5eo5r f3"e $e! "e e=3>301o:no caso 0uando tiverem muitas janelas sendo usadas, deve #aver umaespa*o entre elas.

/ maior parte do tempo gasto pelo usuário 5 proporcionando entrada ao sistema. ;uitas aplica* escomo o teclado, mouse, a digitalizadora e etc. /s D3re$r39e* "e E#$r " "e D "o*focalizam asseguintes indica* es se poss6vel deve se '3#3'39 r o #B'ero "e 08e* "e e#$r " "o &*&7r3oem 0uantidade de digita*ão, pode ser feito usando9se mouse dentre conjuntos pr59definidos eusando macros 0ue possi-ilita um 7nico to0ue tam-5m 5 #e2e**7r3o " @$ 01o "o &*&7r3o:como por e'emplo o campo deve conter somente n7meros deve9se tam-5m "e* $3) r 2o' #"o* 6&e #1o *e< ' &$3!39 "o* #o 2o#$e=$o como por e'emplo campo c8digo 7nico dousuário 0ue não pode ser alterado deve ter um 2o#$ro!e "e f!&=o* @e!o &*&7r3ocomo por e'emplo passar a seguinte a* es desnecessárias, recuperar os dados caso o programa fec#e eetc ee!3'3# r * e#$r " * 6&e @o** *erdefault um e'emplo -em claro cadastro de clientealguma campo não pode estar em -ranco tipo o .


2/10

?. ;ostrar e'emplos ( @ para cada categoria) da aplica*ão das diretrizes no projeto de umainterface desktop (podendo ser 0ual0uer aplicativo AindoBs ou Cinu').

R

INTERAÇÃO GERAL

'emplo 1 da categoria ntera*ão +eral / janela primária geralmente cont5m um n7meroar-itrário de o-jetos com os 0uais o usuário interage. ormalmente, o usuário interage com osistema selecionando primeiro um ou vários o-jetos, ou seja, clicando neles e escol#endo umaopera*ão (por e'emplo, atrav5s de um menu) 0ue 5 e'ecutada em todos os o-jetos selecionados.


3/10

Figura 2 " Exemplo Janela #ecundária do Microsoft Word 2 1!

'emplo F% da categoria ntegra*ão +eral / figura F% mostra uma)er3f32 01o "e 01o "e*$r&$3)#1o-$r3)3 !, na 0ual o usuário tenta sair do sistema sem salvar o documento. a figura F% mostra0ue uma mensagem apareceu, isso mostra 0ue teve uma verifica*ão antes 0ue o softBare fec#e

uma verifica*ão antes 0ue o softBare fec#e.

Figura ! " Exemplo de $erifica%&o de a%&o n&o"tri'ial do Microsoft Word 2 1!


4/10

'emplo FI da categoria ntegra*ão +eral / figura I mostra um e'emplo de "3)3*1o " * fe*e or5 #39 01o "e 5eo5r f3 " $e! :um menu pull"do(n 0ue tem capacidade de organizarcomandos.

Figura ) – Exemplo di'is&o das fun%*es e organi+a%*es de geografia da tela do #ublime ext

'emplo F@ da categoria ntegra*ão +eral / figura I mostra a fo "e*f 9er . ste recurso 5muito 7til. le permite 0ue os usuários aprendam mais rápido, pois não ficam com receio de destruir o tra-al#o. ste recurso tam-5m reduz o risco de perda de informa* es.


5/10

Figura - " Exemplo Fun%&o desfa+er do Microsoft Word 2 1!

EXI IÇÃO DE INFORMAÇ ES

'emplo F1 da categoria 'i-i*ão de nforma* es este e'emplo (figura FJ) vemos uma2o#*3"er 01o " 5eo5r f3 "3*@o#;)e! " $e! e &*o ef323e#$e " 'e*' :na fira FJ tem três janelas sendo usadas e tem um espa*o entre elas.

Figura . " Exemplo /onsidera%&o de geografia dispon0'el do #ublime ext


6/10

'emplo F? da categoria 'i-i*ão de nforma* es a figura FK podemos ver um e'emplo de usode < #e! * @ r "3)3"3r $3@o* "e 3#for' 08e*.

Figura " Exemplo 3so de 4anela para di'idir tipos de informa%*es do #5M

'emplo F% da categoria 'i-i*ão de nforma* es a figura L mostra um e'emplo de 'e#* 5e'"e erro *35#3f32 $3) .a figura L mostra um error 1$%@, em algum lugar deve ter uma e'plica*ãodo error 1$%@.

Figura 6 " Exemplo mensagem de erro significati'a do soft(are 7mpressora 8P

'emplo FI da categoria 'i-i*ão de nforma* es :utro e'emplo 5 e=3>301o "e3#for' 08e* 6&e *e< ' re!e) #$e* o 2o#$e=$o $& !. a figura F$ podemos o-servar 0ueinforma* es estão separados em Dados =essoais e Dados >uncionais.


7/10

Figura 9 " Exemplo exibi%&o de informa%*es #oft(are :PEPre'

'emplo F@ da categoria 'i-i*ão de nforma* es este e'emplo mostramos o &*o "e>re)3 08e* @ "ro#39 " *. a figura 1F mostra uma a-revia*ão (6sica) e < =M (


8/10

Figura 11 " Exemplo minimi+a%&o do n


9/10

Figura 1! " Exemplo de elimina%&o de entrada com 'alor default

'emplo FI da categoria ntradas de Dados :utro e'emplo 5 e#$r " "e " "o*atrav5s de "3*@! :veja a figura 1I. !e o usuário clica no 6cone calendário e ira aparecer formato de calendário.

Figura 1) " Exemplo entrada de dados displa>

'emplo FI da categoria ntradas de Dados a figura 1@ mostra um e'emplo 0ue#e2e**7r3o " @$ 01o " e#$r " o &*&7r3o. : usuário deve digitar o nascimento doformato 0ue pede ao lado ( ascimento ddNmmNaa).


10/10

Figura 1- " Exemplo ;ecessidade adapta%&o da entrada ao usuário

% ;ostrar em 0uais partes da interface as diretrizes foram aplicadas apontando9as e justificando9as.

O>*er) 08e*(

1. : e'erc6cio poderá ser resolvido em e0uipes de no má'imo ?(dois) componentes e entregueem ( pdf )

?. 'erc6cios com solu* es iguais serão desconsiderados.%. : e'erc6cio não será rece-ido ap8s a data estipulada no /m-iente Eirtual (;oodle)

Referencia

Diretrizes nterface do Osuário(+eral). Dispon6vel emP#ttp NNBBB.Bt#ree'.comNrupNprocessNmodguideNmdQuig.#tmG. /cesso em F?NFIN?F1J.
http://www.wthreex.com/rup/process/modguide/md_uig.htmhttp://www.wthreex.com/rup/process/modguide/md_uig.htm

Documents

Ex Diretrizes