Texto_Aula6.1VisualizaçãodeinformaçõeseCores1–IntroduçãoRepresentarinformaçõesdeformagráficaexigeumdomíniodelinguagemvisualque não é imediato dominar. Nesta aula iremos estudar alguns exemplos derepresentaçãode informações ede como issopode influenciar a percepçãodousuário em relação às informações. Benyon (2011) faz uma interessanteintrodução ao assunto: segundo ele, aodesenvolver umesquemadedesigndeinformaçãoemumdeterminadocontexto,designersdevementenderqueestãodesenvolvendo“linguagensvisuais.Osdesignersirãoutilizarcores,formaselay-outs com significados para que as pessoas possam entender rapidamente. Odesigndeinformaçõeséumadisciplinadedesign.2–ApresentaçãodeinformaçõesAapresentaçãodeinformaçõesécadavezmaisimportantenamedidaemquetemosumvolumeimensodenovasinformaçõescujatotalidadeéimpossívelacessar.Reparenafiguraabaixo,quecontémumarepresentaçãodatransformaçãodedadosbrutosparainformaçõesdeinteressegerencial.
Comdesenhosemformassimplesecores,ofluxotransmiteaideiadequeinformaçõesúteissãooriginadasapartirdaorganizaçãoeseleçãodedadosbrutoss.Robbins(2005).Asfigurasabaixorepresentamasmesmasinformaçõesdeformadiferente.Ambasapresentamdadosdeclientes:cidade,hotel,códigodeárea,telefone,valoresdediáriaparasolteirosecasais.
Afiguradaesquerdaapresentaosdadosmisturados,oquedificultaavisualização,enquantoafiguradadireitamostraosdadosorganizadosoquepossibilitafácilentendimentoelocalizaçãodeinformações.Softwaresdeapresentaçãosãovoltadosexatamenteparafacilitaraapresentaçãodeinformações.NocasodaferramentaPowerPoint,existemdiferentesformasdevisualizaçãocomofuncionalidadedaprópriaferramenta,oquevisafacilitaraelaboraçãodeapresentaçõesporpartedousuário,conformefiguraabaixo.
DiferentesformasdevisualizaçãofacilitamotrabalhodeediçãodeapresentaçõesemferramentacomooPowerPoint.Afiguranapartesuperiorfacilitaatchecagemdasequênciaetrocadeordemdeapresentaçãodosslides,porexemplo.Naparteinferior,avisualizaçãoparaediçãodeumúnicoslide.
Apresentadasdeformadiferente,amesmainformaçãopodelevaradiscussãoderesultados completamente diferentes. As figuras abaixo apresentamosmesmopontos,emboraasligaçõesentreessespontosapresentemoutrasredes.
IdeiasdePaulBaranadaptadodehttps://pt.wikipedia.org/wiki/Paul_Baran3–SignificadodascoresnacomunicaçãoUma das ideias mais importantes sobre o estudo das cores, é que elastransmiteminformaçõesporsimesmas.Poressemotivo,aescolhacorretadecoreséumdospassos fundamentaispaaacertarainterface.Nateladocomputadorascoressãocombinaçõesdetrêstiposbásicos:verde,vermelhoeazul,conformeafiguraaseguir.
Combinaçãodevermelho,azuleverdepossibilitaobtençãodeoutrascores.http://webserver2.tecgraf.puc-rio.br/~mgattass/fcg/trb13/IanHerszterg/Todasascoresnateladocomputadorresultamdacombinaçãodessestrêscomponentesdecores.
Ascoresnateladocomputadorsãocombinaçõesdoscomponentesbásicos:verde,azulevermelhocomintensidadesindividuaiscodificadasquevariamde0a255.Ferramentasdeprogramaçãopermitemaescolhadecoressegundocaixasdediálogocomoaapresentadaàdireita.Reparequeotomdeverdeobtidoresultadamisturadevermelho25comverde178eazul115.http://www.flextool.com.br/tabela_cores.htmlAsmarcasdeprodutosexplorammitobemosignificadodascores.Issotambémpodeserconsideradorelevanteemprojetosdeumanovainterface.
Interpretação emocional de cores segundo Farina (1999) Afiguraabaixomostracomoasmarcasdeapropriamdascoresemseuslogotipos.
http://www.mulhergorila.com/webportfolio/cores-marketing-publidade/
BibliografiaBARBOSA,S.D.J.Interaçãohumano-computador.RiodeJaneiro:Elsevier,2010.BENYON,D.Interaçãohumano-computador.SãoPaulo:PearsonPrenticeHall,2011.FARINA,Modesto.PsicodinâmicadasCoresemComunicação.5.ed.SãoPaulo:EdgardBlucher,1999.)PREECE,J.,Rogers,Sharp,H.,Benyon,D.,Holland,S.,Carey,T.Designdeinteração:alémdainteraçãohumano-computador.PortoAlegre:Bookman,2013ROBBINS,S.P.Administração:mudançaseperspectivas.SãoPaulo:Saraiva,2005.ROCHA,H.V.;BARANAUSKAS,M.C.DesigneAvaliaçãodeInterfacesHumano-Computador.Campinas,SP:NIED/UNICAMP,2003.http://www.tipografos.net/ebooks/tipos-e-fontes.html