InterfacesPessoa

Máq

uina

ModelosConceptualeMental

06

Cap.6–ConceptualizaçãodaInteração

MelhorePior?

MelhorePior?

ResumoAulaAnterior

AnálisedeU8lizadoresOqueé?Porquê?Oquequeremossaber?

TiposdeU8lizadoresPrincipiantes;Principiantesavançados;Executantescompetentes;Peritos

RequisitosdeUsabilidadeObjeHvos,MedidaseCritériosdeUsabilidade

MétodosdeRecolhaAUT

ErrosComunsdeAUT

Perguntas

Porquêestudarosu8lizadores?(Cap.5)

Emqueetapadeu8lizaçãotemosmaisu8lizadores?(Cap.5)

Sumário

ModeloConceptualComponentesCaracterísHcasUmExemplo

DoModeloConceptualparaoprojeto

CenáriosdeA8vidades

ModeloMental

01MODELO

CONCEPTUAL

ConceberSoluções

ProtoHparSoluçõesAvaliarProtóHpos

AnalisarNecessidades

JáFizemos

AnálisedeTarefasRequisitosfuncionaisTarefas

AnálisedeU8lizadoresPerfisdeuHlizadores

Respostasàs11perguntas

EAgora?

Oquesefazaseguir?

OPassoErrado!

Desenhar

Caixasdediálogo

Ecrãs

OPassoCerto!

Criaro

ModeloConceptual

SequênciaCerta!

Oqueosistemaé(ModeloConceptual)

Comoosistemaseapresenta

(ProtoHpagem)

ModeloConceptualnoCicloIteraHvo

ConceberSoluções

Proto8parSoluções

AvaliarProtó8pos

AnalisarNecessidades

ModeloConceptual

Descriçãodealto-nível

decomoumsistema

estáorganizadoefunciona

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

Exemplodeumsite

Decisõessãoimportantes!

Emfunçãodaescolha

UHlizadorespensamnascoisasdiferentemente

Osobjetosserãodiferentes

Asoperaçõesdisponíveisserãodiferentes

AinteraçãodouHlizadorserádiferente

NãoescolheréMAU

EscolheréBOM!

Criarestruturaedepoisenchê-la!

SistemaResultante

Maissimples

Maiscoerente

Maisfácildeaprender

Resumindo:ModeloConceptual

DescreveapenasOqueaspessoaspodemfazerConceitosqueprecisamperceber

Refere-seapenasObjetos,atributoseoperaçõesdodomíniodatarefa

FerramentadedesenhodosdesignersArrumarideiasantesdodesigndaIU

ModeloConceptualNãoÉ

InterfaceU8lizador ModeloMental

CenáriosA8vidade ArquiteturaSistema

02COMPONENTES

MODELOCONCEPTUAL

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áforas

MetáforasdeInterface

NovosistemaSemelhanteaumjáconhecido.

ExploramconhecimentofamiliarCompreendero“nãofamiliar”

PapeldasMetáforas

Facilitaraprendizagemcriaçãodomodelomental

Novosistema=algojáconhecido

Nãousarmetáfora->Problemas

ExemplodeMetáfora

ExemplodeMetáfora

ExemplodeMetáfora

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?

Desvantagensdasmetáforas

InterpretaçãodemasiadoliteralCalculadoragsicajáeramá

Desvantagensdasmetáforas

ViolamregrasculturaiseconvençõesCaixotedolixonotampodasecretária?

Desvantagensdasmetáforas

ConflitocomprincípiosdedesenhoDisquetenolixo?

Mámetáfora

Mámetáfora

ResumoMetáforas

Disposi8vosdeorientaçãofamiliares

Aprendizagemdenovossistemasmaisfácil

Ajudamaaprendermodeloconceptual

Simplificamdescriçãodosistema

Podemserinovadoras

Conceitos

Listadeconceitosexpostospelosistema

Objetos

Atributosdosobjetos

Operaçõessobreobjetos

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.

03DOMODELO

PARAOPROJETO

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

04CENÁRIOSATIVIDADE

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.

04MODELOMENTAL

ModeloMental

ModeloMental

Modocomoumapessoapensaqueumsistemafunciona

Criadopelosu8lizadores

U8lizadoresdiferentesModelosmentaisdiferentes

CriaçãoModeloMental

Documentação Formação

Observação U8lização

ParaqueServem

ExplicarOqueestouaveragora?Oqueéqueosistemaacaboudefazer?Oqueéqueeufizparaelefazeraquilo?

PreverOquepossofazeraseguir?Oqueacontecesefizeristo?Oquefaráosistema?Oquevereicomoresultado?

RelaçãoentreModelos

MáCorrespondência

Metáfora?

Metáfora?

Metáfora?

67

Resumo

ModeloConceptualMetáfora;Conceitos;Relações;MapeamentosSimples;FocadonatarefaOqueéeNãoé

MetáforasEscolher;Avaliar

DoModeloConceptualparaoprojeto

CenáriosdeA8vidades

ModeloMental

TPC–ProtoHpagem

LerCap.7doLivro