Transcript

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


Top Related