Prof.RonaldoBarbosa-rbarbosa2@metrocamp.edu.brTexto_Aula1.1DefiniçõeseimportânciadeIHC(InterfaceHumano-Computador)1-IntroduçãoBem-vindoaonossoestudodeinterfaceseinteraçãohumano-computador(IHC)!É um assunto fascinante que ajudará você a projetar sistemas de informaçãomais interessantes e commuito mais qualidade. Mesmo que ainda não estejalidando com ferramentas de programação e desenvolvimento, conhecer asdiretrizes,padrõeseconceitosdeIHCjálhedaráumapercepçãomuitoavançadadoquesignificamasinteraçõesdaspessoascomsistemasdecomputador.Vamos começar a estudar interfaces observando alguns objetos comuns donossodia-a-dia.Em casa estamos cercados de objetos e utensílios com diferentes formas etamanhos e que possuem seus próprios mecanismos de funcionamento: umatorneira,umliquidificador,umacalculadora,umcelular.Àsvezessabemoscomooperarumaparelhosódeolharparaeleporquetemosexperiências com aparelhos parecidos, às vezes temos dúvidas básicas naoperaçãodeumnovoprodutoqueacabamosdeadquirireprecisamosrecorreraomanualdeinstruções.Oproblemaéqueomanualnemsempreestáacessívelou os desenhos e as explicações neles contidos não são satisfatórias: comoregularaalturaeencostodeumacadeiradeescritoriopodesercomplicadoparaalgumaspessoasmesmoquetenhamomanualemmãos,oprópriomanualpodenãoserclaro.Podeacontecertambémdoobjetoserbanalemesmoassimgerarproblemasemsuautilização.Pensenoformatodeumamaçaneta:seformuitolisaoupequenademais (isso depende do tamanho da mão do usuário!) pode escorregar dasmãosenosfazerpensarquefechamosaportadecasaquandosaímosmasnãoafechamosdefato.Umfornodemicroondasouumageladeiramodernapossuempaineisdebotõesnem sempre de compreensão imediata. Note que os botões possuem formas,coreseposiçõesquejápodemdarumaideiadecomoosistemafunciona.Maisumavezestacompreensãovaidependerdasexperiênciasanterioresdousuário,seelejálidoucomoaparelhoantes,porexemplo.

Painel de controle de um forno demicroondashttp://www.inventivadesign.com.br/portfolio.asp?cat=5

Paineldecontroledeumageladeirahttp://www.brastemp.com.br

Omesmo vale para um controle remoto de uma TV: não importa amarca doaparelho,amaioriadaspessoastemumaideiadecomoligar,decomomudaroscanais e de como aumentar ou diminuir o volume. O botão de liga/desligageralmenteestánapartedecimaetemcorvermelha.Háoutrosinúmerosexemplosdeinteraçãocominterfaces…Ao entrarmos pela primeira vez em um novo modelo de carro, o tempo quelevamosparadescobrirondeligamososfaróisouosom,temtotalrelaçãocomoprojetodeinterface.Emumasituaçãodeemergência,quedemandeumamanobrabruscadoveículo,o esforço necessário paramovimentar o volante ou acionar o pedal dos freiospode salvar vidas, o que torna o tempode reação tambémassuntoda área deinterfaces.Ultimamente vemos na imprensa reportagens sobre veículos que dirigemsozinhos…mais uma vez as interfaces aparecem, assim como numerososacidentes de trânsito com pessoas que estão falando ao celular enquantodirigem.Quando operamos um computador, lidamos o tempo todo com questões deinterface. Às vezes nos damos conta disso, às vezes, não. Pense em como aentradaUSB(UniversalSerialBus)érecursocomumemcomputadores.Oproblema é saber qual o lado corretoqueoplugdeve ser inseridonaportaUSB,principalmenteseeleestivernaverticaleatrásdamáquina.

https://commons.wikimedia.org/wiki/File:A_Micro-A_USB_port.jpeg

https://upload.wikimedia.org/wikipedia/commons/1/15/Mini-VGA_cropped.jpg

ComosaberqualoladocertodeinseriroplugUSBquandoaportaestáatrásdocomputador?O ladocertode inseriroplugnaentradaUSBéumproblemadeinterfacecomum.Outro exemplo relacionado a computadores (existem infinitas situações…):quandovocêenviaumdocumentoparaaimpressoraeoprocessodemoramaisdo que o habitual, como saber se ele foi enviadomesmo ? E se a impressoraestiveremoutrasala?Eemoutroandardopredio?Grandes empresas de tecnologia da década de 1980 (Microsoft, Apple...) temdificuldadeemcompetircomempresasmaisnovas(Facebook,Google...)quandooassuntoéInternetesabeporqueissoacontece?Umadasexplicaçõeséqueasempresasdetecnologiamaisnovasnasceramcomotemainterfacenocentrodasatençõesdeseusprodutos!Nestemomentoumaprimeiraideiaimportanteéaseguinte:quemprojetaosistemadecomputadorprecisapensaremquemvaiutilizarosistema!2-AlgumasdefiniçõesiniciaisParanavegarmosnaságuasdeIHCprecisamosconhecerumaseriedeconceitosmuitoimportantes,sempremencionadas.Aplicaçãoousistema interativocorrespondeaoambientenoqualassoluçõesdeInterfaceHomem-Computador(IHC)sãoimplementadas.Sistema (interativo) refere-se não somente ao hardware (equpamentos) e osoftware (programas de computador) mas a todo o ambiente que afeta ou éafetadopelousodatecnologiacomputacional.Chamamos deprotótipo uma aplicação ou sistema ainda em fase de testes edesenvolvimento. Produto é a evolução de um protótipo, já ao alcance dousuário.

Chamamos de design o projeto do sistema interativo: aparência,funcionalidades, menus, navegação, facilidade de operação, deaprendizado...Porém, design tem uma infinidade de outros significados, naindústria, por exemplo, design está em uma fronteira entre a aparência e afuncionalidadedosobjetoseequipamentos.DonaldNorman, importantepesquisadordaáreadedesign, usaoexemplodeuma maçaneta de porta (sim voltamos a esse exemplo): uma maçaneta bemprojetadacomunicaaosseususuáriosseaportadeveserpuxadaouempurrada.Jáumamaçanetamalprojetadanãodánenhumadica!Graçasaodesigndiferenciado,osprodutosdaApplesãoaceitosmundialmente,emborasejammaiscarosenãonecessariamentemelhoresdoqueosprodutosconcorrentes. Desenhando produtos atraentes, Steve Jobs, da Apple, sebeneficiou de um aspecto da alma humana que se sente seduzida por coisasbelas,eexatamenteporcausarprazereadmiração,parecemfuncionarmelhor.Chamamos de designer, o profissional envolvido diretamente com odesenvolvimento da interface do sistema. Ele pode ser um especialista emprogramaçãooudaáreadeTecnologiadaInformação(TI)maspodesertambémumprofissional comdomínioemoutrasáreascomoComunicaçãoePsicologia,alémdeTI.Chamamosderequisitos, asnecessidadesdosusuários em relação ao sistemaque está sendo desenvolvido. A extração de requisitos é uma das tarefasmaisdesafiadorasnaáreadedesenvolvimentodesistemaseporissoéumatemadenossadiscussão.Exemplos:umcaixaeletrônicoparapessoascombaixopoderdevisão;opainelde controle de um reator nuclear; um simples editor de textos. Para extrairrequisitos do cliente, é necessário um grande esforço conforme veremosmaisadiante.Interação é um processo pormeio do qual, o usuário formula uma intenção,planeja suas ações, atua sobre a interface, percebe e interpreta a resposta dosistemaeavaliaseoseuobjetivofoialcançado.Portanto, Interação é um processo de comunicação e troca entre pessoas esistemas ou entre pessoas via sistemas. Interação é também a ponte entre ousuárioeosistema,istoé,aformacomoousuáriosecomunicacomosistema.Interfaceétodaaporçãodosistemacomaqualousuáriomantémcontatofísicoou perceptivo durante a interação. É o meio de contato entre o usuário e osistema.Affordanceéotermodefinidoparasereferiràspropriedadespercebidasereaisdeumobjeto,quedeveriamdeterminarcomoelepodeserusado.Exemplos:umacadeiraéparasentaretambémpodeserfacilmentedeslocadadelugar.Vidroéummaterial transparenteedáuma ideiade fragilidade.Botões sãoparagirar,enquanto teclas para pressionar, tesouras para cortar, etc. Quando se tem apredominânciadaaffordance,ousuáriosabeoquefazersomenteolhando,nãonecessita de figuras, rótulos ou instruções. Quando os elementos necessitamrótulosouinstruçõeséporqueodesigntemproblemasefalhaemaffordance.3-Oprocessodeinteraçãohumano-computador(IHC)Elementosenvolvidosemumprocessodeinteraçãohumano-computador(IHC)podemsersintetizadosnafiguraseguinte.Observequeemumdadocontexto,o

usuário temumobjetivoequeparaatingi-lonecessita interagircomosistemapormeiodainterface.

Elementosenvolvidosemumprocessodeinteração.Barbosa(2010).Valeapenalembrarquedeumaformaououtra,quasetudoanossavoltapossuiinterfaces,algumasfuncionambem,outrasnemtanto.Dependendodocontextoasnecessidadesdeinterfacepodemvariarmuito.IHC é a disciplina voltada para o design, avaliação e implementação desistemas computacionais interativos para serem usados por sereshumanos.4-OparadoxodatecnologiaAtecnologiaoferecepotencialparatornarnossavidamaissimpleseagradávelecadanovatecnologiatrazmaisbenefícios.Mas aomesmo tempo adiciona tamanha complexidade na operação dos novosaparelhos que faz aumentar nossa dificuldade e frustação em usar a própriatecnologia.Esse é o chamado paradoxo da tecnologia, que justifica porque precisamosestudar diretrizes e padrões IHC e seguir diretrizes e padrões em nossosdesenvolvimentos.Quantosbotõesdeveriamteroscelularesparatorná-losmaisfáceisdeaprendereoperar?Oproblemaéquesemprequeonúmerodefunçõesexcedeonúmerodecontroles,odesigndeixadesernaturaleficaaindamaiscomplicado.Em outras palavras, a mesma tecnologia que simplifica a vida provendo ummaior número de funcionalidades a um objeto, também a complica tornandomuitomaisdifícilaprendereusaromesmoobjeto.

Bibliografia:BARBOSA, S.D.J. Interação humano-computador. Rio de Janeiro: Elsevier,2010.ROCHA,H.V.;BARANAUSKAS,M.C.DesigneAvaliaçãodeInterfacesHumano-Computador.Campinas,SP:NIED/UNICAMP,2003.