Hamilton Fernandes de Moraes JuniorEngenharia de Usabilidade para sistemas webhamilton@ime.usp.brhamilton.mjunior@fatec.sp.gov.brProf. Me. Hamilton Fernandes de Moraes Junior47Sites Interessantes2 UXPA(User Experience Professionals Association)http://www.uxpasaopaulo.com.br/ Nielsen Norman Grouphttp://www.nngroup.com/Conferncia sobre Design de Interao http://isa.ixda.org/2014/Prof. Me. Hamilton Fernandes de Moraes Junior473Prof. Me. Hamilton Fernandes de Moraes Junior474Prof. Me. Hamilton Fernandes de Moraes Junior475Prof. Me. Hamilton Fernandes de Moraes Junior476Prof. Me. Hamilton Fernandes de Moraes Junior477Conceitos sobre engenharia de usabilidade e design de interaoAula 1Prof. Me. Hamilton Fernandes de Moraes Junior47Contedo do dia8 Motivao Interao Humano Computador Ergonomia e Usabilidade Engenharia de Usabilidade Panorama atual Consideraes FinaisProf. Me. Hamilton Fernandes de Moraes Junior47Motivao9Prof. Me. Hamilton Fernandes de Moraes Junior4710Motivao Usurio cada vez mais exigente Interface uma parte fundamental no sucesso de um sistema Entender o impacto das interfaces junto a: Usurios; Tarefas; Organizaes;Prof. Me. Hamilton Fernandes de Moraes Junior4711Interao Humano ComputadorProf. Me. Hamilton Fernandes de Moraes Junior4712Interao Humano Computador o canal de comunicao entre o homem e ocomputador, atravs do qual interagem, visandoatingir um objetivo comum. o conjunto de comandos de controle dousurio + respostas do computador, constitudospor sinais (grficos, acsticos e tcteis)Interface AplicaoUsurioSistemaaointerpretaoProf. Me. Hamilton Fernandes de Moraes Junior4713 Porque necessrio estabelecer um bom nvel de conversaoentre o usurio e o sistema computacionalCONFORTO (Confiabilidade)DESEMPENHO(Custo do trabalho)Interao Humano ComputadorProf. Me. Hamilton Fernandes de Moraes Junior4714HistricoPrimeiros programasProf. Me. Hamilton Fernandes de Moraes Junior4715PassadoHistricoProf. Me. Hamilton Fernandes de Moraes Junior4716PresenteHistricoProf. Me. Hamilton Fernandes de Moraes Junior4717Futurohttp://takethewheel.nissan.com.au/http://www.baixaki.com.br/info/2279-uma-selecao-de-aplicacoes-de-realidade-aumentada-para-voce-mesmo-experimentar.htmHistricoProf. Me. Hamilton Fernandes de Moraes Junior4718Estilos de Interface What You See Is What You Get (WYSIWYG)A imagem de manipulao da interface a mesma que a aplicao cria . Ex: Editores de texto do tipo Word da Microsoft. Manipulao diretaWindows Explorer (mover arquivo/ diretrio, ...)jogos Windows, Icons, Menus and Pointers (WIMP)Permite a interao atravs de componentes de interao virtuais denominados widgets. Estilo Menu Logs de comando Formulrios e Linguagem naturalProf. Me. Hamilton Fernandes de Moraes Junior4719Ergonomia e UsabilidadeErgonomia visa proporcionareficcia e eficincia, alm dobem estar e sade do usurio,por meio da adaptao dotrabalho ao homemProf. Me. Hamilton Fernandes de Moraes Junior4720Ergonomia e UsabilidadeErgonomia fsicaErgonomia cognitivaErgonomia organizacionalProf. Me. Hamilton Fernandes de Moraes Junior4721Ergonomia e UsabilidadeSegundo a ISO 9241: Eficcia: A capacidade oferecida para alcanar seus objetivosem nmero e com a qualidade necessria. Eficincia: A quantidade de recursos necessrios que os sistemassolicitam aos usurios para a obteno de seus objetivos com osistema. Satisfao: A emoo que os sistemas proporcionam aosusurios em face dos resultados obtidos e dos recursosnecessrios para alcanar tais objetivos.Prof. Me. Hamilton Fernandes de Moraes Junior4722Ergonomia e UsabilidadeUsabilidade Medida daqualidade da experincia dousurio ao interagir com umsistemaProf. Me. Hamilton Fernandes de Moraes Junior4723Ergonomia e UsabilidadeEngenharia de UsabilidadeDesenvolve o projeto da lgica de utilizaoObservao dasestratgias de uso dosistema pelo usurioEngenharia de SoftwareDesenvolve oprojetodalgica do funcionamentoIdentificam requisitosfuncionais queosistemadeve implementarProf. Me. Hamilton Fernandes de Moraes Junior4724Ergonomia e Usabilidade Fceis de aprender Fceis de lembrar Maximizam a produtividade Minimizam erros Maximizam satisfaoUsabilidade associada a 5 atributos:Prof. Me. Hamilton Fernandes de Moraes Junior4725Ergonomia e UsabilidadeModelo de atributos de aceitabilidade do sistema (Nielsen)Prof. Me. Hamilton Fernandes de Moraes Junior4726Ergonomia e UsabilidadeEnquanto a usabilidade medida, a ergonomia dainterface s pode serinspecionada e/ou avaliadaProf. Me. Hamilton Fernandes de Moraes Junior4727Ergonomia e UsabilidadeEfeitos de um problema de usabilidade: Sobrecarga Cognitiva; Sobrecarga Perceptiva; Sobrecarga Fsica;Prof. Me. Hamilton Fernandes de Moraes Junior4728Engenharia de UsabilidadeProf. Me. Hamilton Fernandes de Moraes Junior4729Prof. Me. Hamilton Fernandes de Moraes Junior4730 30Prof. Me. Hamilton Fernandes de Moraes Junior4731Prof. Me. Hamilton Fernandes de Moraes Junior4732Ergonomia e UsabilidadeThe three main dimensions on which users' experience differsProf. Me. Hamilton Fernandes de Moraes Junior4733Usurios IniciantesProf. Me. Hamilton Fernandes de Moraes Junior4734Usurios IntermediriosProf. Me. Hamilton Fernandes de Moraes Junior4735Usurios AvanadosProf. Me. Hamilton Fernandes de Moraes Junior4736Ergonomia e Usabilidade O foco dos projetistas a funcionalidade, eficincia e custoPorm se tudo funciona comoespecificado, por que os usuriosno se satisfazem com muitossistemas?Porque importante considerar maisque a funcionalidade?Funcionalidade X UsabilidadeProf. Me. Hamilton Fernandes de Moraes Junior4737Ergonomia e UsabilidadeProf. Me. Hamilton Fernandes de Moraes Junior4738Engenharia de UsabilidadeConhecer o usurioConhecer suas caractersticas individuais;Conhecer a tarefa desempenhada pelo usurio;Anlise funcional;A evoluo do usurio e seu trabalho;Anlise de produtos semelhantes;Definir prioridade de usabilidadeAnalise do impacto financeiro;Design paralelo;Design participativo com o usurio;Design coordenado de toda a interface;Aplicao de guidelines e anlise heurstica;Prototipao;Teste Empirico;Design interativo;Coleta de feedback do usurio.Prof. Me. Hamilton Fernandes de Moraes Junior4739Engenharia de Usabilidade Tcnicas de anlise; Tcnicas para implementao;Prof. Me. Hamilton Fernandes de Moraes Junior4740Avaliao de UsabilidadeO modelo estrela criado por Hix e HartsonProf. Me. Hamilton Fernandes de Moraes Junior4741Avaliao de Usabilidade Automtica: Softwares comparam as especificaeslistadas para a interface analisada com o resultadofinal; Emprica: Por meio de observao, a usabilidade dainterface verificada a partir de testes com usuriosreais; Formal: Atravs de modelos e frmulas a usabilidade medida; Informal: A avaliao realizada atravs deheursticas e da experincia, conhecimentos ehabilidades do avaliador.Prof. Me. Hamilton Fernandes de Moraes Junior4742Avaliao de Usabilidade Tempo utilizado para a realizao de uma tarefa; Nmero de cliques ou comandos efetuados; Razo entre interaes de sucesso e erro; Freqncia de uso de manuais de ajuda; Nmero de vezes que o usurio expressou frustrao; Taxa de tarefas completadas;Mtricas de UsabilidadeProf. Me. Hamilton Fernandes de Moraes Junior4743Avaliao de UsabilidadeDentre as pesquisas realizadas na rea podemos dividi-las em4 grupos: Estudo sobre metodologias de desenvolvimento; Estudo das tcnicas de avaliao; Estudo de usabilidade; Estudo sobre mtricas de usabilidade;Prof. Me. Hamilton Fernandes de Moraes Junior4744Consideraes Tcnicas de avaliao so importantes para obter um feedback; Diagnstico prvio traz economia em tempo e dinheiro; A participao do usurio necessrio no processo dedesenvolvimento do site; Quanto melhor a usabilidade maior o sucesso;Prof. Me. Hamilton Fernandes de Moraes Junior4745Projeto do SiteParaestaatividadedeve-seentregar umdocumentodoword,seguindo as normas ABNT, e que contenha os seguintes tpicos:IntroduoObjetivos, publico alvo e justificativaO trabalho deve deixar claro como seu projeto ajudar os usurios.Tcnicas de concepo de idias utilizadas (explicar quais foramutilizadas e de que maneira)Estrutura de menus (aqui deve-se mostrar o resultado obtido com ocard sorting na etapa final da atividade)Estudodecores (aqui deve-seapresentar quais cores foramadotadas e porque, para o design do site)Wireframes (aqui deve-se mostrar o layout definido com o uso dascores escolhidas)Avaliao heurstica de um site similarPreparao do roteiro para teste de usabilidadeConcluso e referncias bibliogrficasProf. Me. Hamilton Fernandes de Moraes Junior4746http://restaurantespot.com.br/http://www.roverinformatica.com.br/Atividade 1Entre nos dois sites abaixo e de acordo com sua primeira impresso,anote em um arquivo do google docs(ou similar) o que voc achou bome ruim.De uma descrio da experincia do usurio resultante dessainterao.Prof. Me. Hamilton Fernandes de Moraes Junior4747RefernciasISO9241.Ergonomic requirements for office work with visual displayterminals (VDTs). Part 10: Dialogue principles.Nielsen, J. UsabilityEngineering. SanFrancisco, CA: MorganKaufmann,1993.Hix, D. Hartson.H.R.Developing User Interfaces:Ensure Usability ThroughPoduct and Process. John Wiley and Sons, New York.