Upload
ngothuy
View
216
Download
0
Embed Size (px)
Citation preview
ResumoAulaAnterior
AnálisedeU8lizadoresOqueé?Porquê?Oquequeremossaber?
TiposdeU8lizadoresPrincipiantes;Principiantesavançados;Executantescompetentes;Peritos
RequisitosdeUsabilidadeObjeHvos,MedidaseCritériosdeUsabilidade
MétodosdeRecolhaAUT
ErrosComunsdeAUT
Sumário
ModeloConceptualComponentesCaracterísHcasUmExemplo
DoModeloConceptualparaoprojeto
CenáriosdeA8vidades
ModeloMental
ConceberSoluções
ProtoHparSoluçõesAvaliarProtóHpos
AnalisarNecessidades
JáFizemos
AnálisedeTarefasRequisitosfuncionaisTarefas
AnálisedeU8lizadoresPerfisdeuHlizadores
Respostasàs11perguntas
ModeloConceptualnoCicloIteraHvo
ConceberSoluções
Proto8parSoluções
AvaliarProtó8pos
AnalisarNecessidades
ObjecHvos
ResolvermapeamentoConceitosIU<->conceitosdomíniodoproblema
DarvisãofuncionamentosistemaFacilitarcriaçãoModeloMental
CaracterísHcas
Simples(“Menosémais!”)Tãosimplesquantopossível,mascomfuncionalidade
Ex.“Vireàdireita”emvezde“VireNNE”.
FocadonaTarefaMapeamentodiretooperaçõessistema<->tarefa
16
Decisõessãoimportantes!
Emfunçãodaescolha
UHlizadorespensamnascoisasdiferentemente
Osobjetosserãodiferentes
Asoperaçõesdisponíveisserãodiferentes
AinteraçãodouHlizadorserádiferente
Resumindo:ModeloConceptual
DescreveapenasOqueaspessoaspodemfazerConceitosqueprecisamperceber
Refere-seapenasObjetos,atributoseoperaçõesdodomíniodatarefa
FerramentadedesenhodosdesignersArrumarideiasantesdodesigndaIU
Componentes
Metáforaseanalogias
Conceitos
Objetos
Atributos
Operações
Relaçõesentreconceitos
Mapeamento
Metáforas
Elementocentral
Explicamsituaçõesnãofamiliaresporcomparaçãocomalgoquesejafamiliaroumaisfácildeperceber
DescriçãousadaparasugerirsemelhançaEx.Átomo=SistemaSolar
MetáforasdeInterface
NovosistemaSemelhanteaumjáconhecido.
ExploramconhecimentofamiliarCompreendero“nãofamiliar”
PapeldasMetáforas
Facilitaraprendizagemcriaçãodomodelomental
Novosistema=algojáconhecido
Nãousarmetáfora->Problemas
EscolheraMetáfora
Nãoéfácil
Deveserfeitocomcuidado
Afetapercepçãodefuncionamento
Atençãoaosu8lizadoresDevemperceber
PodemosusarmaisqueumaMascuidado!
Comoescolher?
DefiniçãofuncionalComovaifuncionarosistema
Iden8ficaçãodeproblemasdosu8lizadoresPartesmaisproblemáHcas
Criarmetáforasparaajudar
GeraçãodemetáforasUsadasnadescriçãodastarefas
FamiliaresaouHlizador
Comoavaliar?
Forneceestrutura?Temestruturafamiliar.Ex.Livro
Quepartessãorelevantesparaoproblema?IdenHficaroquepodeenganar.
Éfácilderepresentar?ElementosvisuaiseaudiHvos
Iráserpercebida?PerfildosuHlizadores
Éextensível?
ResumoMetáforas
Disposi8vosdeorientaçãofamiliares
Aprendizagemdenovossistemasmaisfácil
Ajudamaaprendermodeloconceptual
Simplificamdescriçãodosistema
Podemserinovadoras
Conceitos
NãoestánomodeloconceptualNãosepodeexigirqueouHlizadorestejaapardele
Novosconceitos(nãoexistemnodomíniodatarefa)ApenassetrouxeremgrandesbenegciosCustominimizadoatravésdebomdesenhodaIU
RelaçõesentreConceitos
Ligaçãoentreconceitos
Iden8ficaçãodeoperaçõespar8lhadas
MesmaIUparaaçõesdediferentesobjetos
Iden8ficaçãodeclassesehierarquias
Ex.ContaaprazoéumHpodeConta
Modeloconceptualcommenosconceitos
Maissimples;Maisfácildeperceber;Maiscoerente
RelaçõesentreConceitos
ImportânciasdiferentesConceitosmaisfrequentesqueoutros
Importânciarela8vaajudafocardesenhoIUÉimportantetornarasoperaçõesfrequentesfáceisMesmosacrificandoasmenosfrequentes
MapeamentoentreConceitos
Correspondênciaentreconceitos
Conceitosdomodeloconceptual
Conceitosusadosnodiaadia(arealizarastarefas)
InterfacemaisfamiliarMenostempodeaprendizagem
Exemplo:Máquinavendabebidas
Metáfora:CabineTelefónicaComprarumabebidaécomofazerumachamadatelefónica
Conceitos(Objetos/Atributos/Operações):Bebida,Preço,Troco,Código,Escolher,Pagar,etc.
RelaçõesUmabebidatemumpreçoUmabebidatemumcódigo
MapeamentosBebida<->BebidaPagar<->Pagar
Exemplo:Organizadordefotos
Metáfora:ÁlbumdefotografiasOrganizarfotosécomocolocá-lasnumálbum
Objetos(Atributos):Fotos(data,legenda);UHlizador(nome);Evento(local,data);Arquivo
(parHlhado);etc.
Operações:Inserirfoto;Apagarfoto;Criarlegenda;Apagarlegenda;ParHlhar
arquivo;etc.
RelaçõesentreConceitos:Arquivotemfotos;Eventotemfotos;UHlizadorpodeacederaarquivo
parHlhado;etc.
Mapeamento:Fotonosistema<->Fotoreal;legendanosistema<->Comentário
escrito;Apagarfoto<->ReHrarfoto;etc.
BenegciosdoModeloConceptual
LéxicoLéxicodetermosausarnaaplicaçãoenadocumentação
CenáriosdeA8vidadeInformaçãodoMCpermitecriarcenários
ApenasterminologiadoMCfazpartedocenário
InterfaceU8lizadorMCdáideiamaisclaradoquedeveaparecernaIU
BenegciosdoModeloConceptual
ImplementaçãoSemelhançacomanálisedeobjetosObjetos=classes;Atributos=propriedades;Operações=métodos
DocumentaçãoExplicarosconceitosdoMC
ProcessodeDesignPontodecoordenaçãocentralEvitaralteraçõesunilaterais
ConceberSoluções
ProtoHparSoluçõesAvaliarProtóHpos
AnalisarNecessidades
AlteraçõesaoModeloConceptual
Podeseralterado
Nãotemqueficar“congelado”
AtualizadoeconsistentecomaIU
Resumo:ModeloConceptual
BoasinterfacescomeçamcomumMCLimpo,simpleseorientadoàtarefa
MCéoesqueletodaIUDesigneimplementaçãobaseadonoMCSendocentral,todosdevemconcordarcomeleNãoEsquecer!
Conceberoqueosistemaé,nãocomoseapresenta
Cenários
Históriasdepessoasedassuasa8vidadesUmcontexto;umoumaisatoresDescreveraçõesdosatoresUm“enredo”comaçõeseacontecimentos
ColocarênfaseNauHlização;necessidades;açõesereações
Reu8lizaratoreseartefactosAumentacoerênciaatravésdosvárioscenários
CenáriosdeAcHvidades
Criadoscomomodeloconceptual
Descrevemu8lizadoresarealizaremtarefas
Novasfuncionalidades(incluídasnoMC)
Umcenárioparacadatarefa/funcionalidade
DescriçãoindependentedasoluçãodaIU
ExemploCenárioAHvidade
OJoãoacaboudechegardassuasfériasnasCaraíbas,ondeestevecomosseusamigos.Chegadoacasa,oJoãoHrouasuanovamáquinadigitaldosacoefoilogopassarasfotografiasparaoBiblioPhoto,oseuprogramaparaorganizareparHlharfotografias.DepoisdeseautenHcarnosistema,oJoãotransferiuas1047fotografias,comtodososmomentosdealegriaeconfraternização,eaindaofamosomergulhodoAntónio.Inseridasasfotosnaaplicação,oJoãocomeçaaorganizá-lasporarquivoseaclassificá-lasacrescentandolegendasacadauma.Terminadaaclassificação,oJoãoselecionaumconjuntodefotosedisponibiliza-asnumarquivoparHlhado,paraqueaAnaeoAntóniopossamtambémvê-las.
ModeloMental
Modocomoumapessoapensaqueumsistemafunciona
Criadopelosu8lizadores
U8lizadoresdiferentesModelosmentaisdiferentes
ParaqueServem
ExplicarOqueestouaveragora?Oqueéqueosistemaacaboudefazer?Oqueéqueeufizparaelefazeraquilo?
PreverOquepossofazeraseguir?Oqueacontecesefizeristo?Oquefaráosistema?Oquevereicomoresultado?
Resumo
ModeloConceptualMetáfora;Conceitos;Relações;MapeamentosSimples;FocadonatarefaOqueéeNãoé
MetáforasEscolher;Avaliar
DoModeloConceptualparaoprojeto
CenáriosdeA8vidades
ModeloMental