Você está na página 1de 49

1 RevistadeDesigndeInterao|Edio03|Dezembro,2010

RevistadeDesigndeInterao
Edio03 Dezembro,2010

www.designdeinteracao.com.br

2 RevistadeDesigndeInterao|Edio03|Dezembro,2010

SobreaRevista
Nestapublicaoprocuramosreuniroquedemelhorfoiproduzidopelosalunosaolongodo curso.umprazereumasatisfaochegarmosterceiraediocomtrabalhosdetamanha qualidadeemantendoaperiodicidade(anual)darevista. Paraestaedioselecionamostrabalhosrelevantesproduzidospelosalunosdaterceira turmadocursodepsgraduaoemDesigndeInteraodoIECPUCMinasemdiferentes formatos:artigo,ensaioemonografia. NaesperanadequeestasejaumacontribuiorelevanteparaacomunidadedeDesignde InteraodoBrasil,oferecemosestaseleodetrabalhos.Boaleitura. CaioCesarGianniniOliveira SimoneNogueira
CoordenadoresdocursodeDesigndeInterao/IECPUCMinas

www.designdeinteracao.com.br

3 RevistadeDesigndeInterao|Edio03|Dezembro,2010

ndice
Artigo:DesignCentradonousurioeseusprincipaismtodos...........................................................................04 Artigo:PropostaderecomendaesdeusabilidadeparaTVDigitalInterativabaseadonaexperinciados usurioscomocelular.......................................................................................................................................... 09 Ensaio:InteractionDesign+DesignThinking=ummundomaishumano?.......................................................19 Ensaio:DesignemocionalnoNexusOne............................................................................................................. 24 Monografia:Propostadeframeworkdedesenvolvimentoparaportaiscolaborativosdeacessomassivo:Estudo decasosobreaempresaStudioSolLtda.esuaexperinciaimplantandodiretrizesmistasdeDesignCentrado noUsurioeDesenvolvimentogil...................................................................................................................... 27

www.designdeinteracao.com.br

4 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Artigo:DesignCentradonousurioeseusprincipaismtodos
LeonardoNoburoShibuya shibuyaln@gmail.com Resumo OtermoDesignCentradonoUsuriofoicriadonolaboratriodepesquisadeDonald NormannaUniversityofCaliforniaSanDiego(UCSD)epopularizadoapsapublicaodo livroUserCenteredSystemDesign:NewPespectivesonHumanComputerInteraction. DesignCentradonoUsurio(DCU)odesenvolvimentodedesignsqueatendamas necessidadeseinteressesdousurioatravsdodesenvolvimentodeprodutos compreensveisefceisdeusar.ParaqueoDCUsejaefetivo,ousuriodeveserenvolvido noprocessododesign.Esseenvolvimentosedaatravsdediferentesmtodosesuas tcnicas.Paraessetrabalhoserocomentadoscincomtodos:designiterativo,avaliaode usabilidade,anlisedetarefa,revisoinformalporespecialistaeestudosdecampo. Palavraschave DesignCentradonoUsurio,DesigndeInterao,Mtodos 1OqueDesignCentradonoUsurio OtermoDesignCentradonoUsuriofoicriadonolaboratriodepesquisadeDonald NormannaUniversityofCaliforniaSanDiego(UCSD)epopularizadoapsapublicaodo livroUserCenteredSystemDesign:NewPespectivesonHumanComputerInteraction escritoporNormaneStephenW.Draperem1986(Abras,KrichmarePreece,2004,p.1). DeacordocomNorman,DesignCentradonoUsurio(DCU)odesenvolvimentode designsqueatendamasnecessidadeseinteressesdousurioatravsdodesenvolvimento deprodutoscompreensveisefceisdeusar(Norman,2006,p.222),ainterface,sejaela deumsistemacomputacionalouno,devemapoiarousurioaatingirsuameta,eno frustrlo. ParaqueoDCUsejaefetivo,ousuriodeveserenvolvidonoprocessododesign.Esse envolvimentosedaatravsdediferentesmtodosesuastcnicas,queobservamo comportamentodousurioounecessitamdesuaparticipaodiretanodesenvolvimento, esseenvolvimentopodeaconteceremdiferentesfasesdoprojeto(Rubin,1994).

www.designdeinteracao.com.br

5 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Napesquisa:AsurveyofUserCenteredDesignPratice(Vredenburgetal,2002),foipedido aosentrevistadosquefizessemumrankcomoscincomtodosmaisusadosparaavaliaros produtosdesuasempresas,oresultadocompeumatabelacom13mtodos.Paraesse trabalhoserocomentadososcincomaisvotados,soeles:designiterativo,avaliaode usabilidade,anlisedetarefa,revisoinformalporespecialistaeestudosdecampo.Os mesmosserodescritosaseguir. 2Mtodos 2.1Designiterativo Designiterativoummtodoempricoemqueodesigncriadoetestadojuntoausurios paraidentificarproblemasdeusabilidade,modificadodeacordocomosproblemas encontradosetestadonovamente,esseprocessoserepeteatquesechegueaum resultadosatisfatrio(EduardoLoureiro,2008,p.15). NodesenvolvimentodoOlympicMessageSystem(Gouldetal,1984.p.762),umsistema quepermitiaoenviodemensagensentreatletasefamiliaresnomundotodoedesenvolvido paraasolmpiadasde1984nosEUA,relataqueoOMSpassoupelocicloiterativopor200 vezesduranteoseudesenvolvimento,snasuaversonalnguainglesa. Problemasdeusabilidadesseronotadosseosistemaforusado.Localizadosos problemas,estespodemsercorrigidospreparandoosistemaparasernovamentetestado, garantindoqueosproblemasdodesignanteriorforamcorrigidoseavaliandosistemapara averiguarsehnovosproblemasdeusabilidade(Nielsen,1993). 2.2AvaliaodeUsabilidade Usabilidadeacaractersticaquedeterminaseainterfacepodeserusadadeformafcil, eficienteeagradveldopontodevistadousurio(Preece,RogerseSharp,2002). Paraseavaliarausabilidadedeumainterfacepodeseusartcnicascomootestede usabilidade.Otestedeusabilidadeaobservaodousurioemumambientecontrolado, ondepedidoparaqueesteuseerealizetarefasnosistema.Oobjetivoquesejam localizadasfalhas,equeserecolhaminformaes,eimpressesdousurio.Otestede usabilidadeaindaumimportantecomponentedodesigniterativopoisatravsdeseus resultadosproporcionaodesenvolvimentodosistema(Loureiro,2009,p.20). 2.3Anlisedetarefa Aanlisedetarefaestvoltadoaoentendimentodotrabalhofeitopelousurioemum

www.designdeinteracao.com.br

6 RevistadeDesigndeInterao|Edio03|Dezembro,2010

sistemainterativo.Saberseousurioatingeoobjetivodeumatarefaatravsdocaminho projetadoouseeleachaoutrassoluesnoprevistaspelodesigner,conhecerosmodelos mentaisdousurionousodosistemaeotempoqueelegastaparadesempenharatarefa. ParaPreece,RogerseSharp(2002,p.251)ummtodoqueabrangediferentestcnicas parainvestigaraspectoscognitivoseaesdetalhadasdousurio. 2.4Revisoinformalporespecialistas Nessetipodeavaliao,nohenvolvimentodosusurios,aavaliaodainterfacefeita porprofissionaisespecializadosemusabilidade.Essetipodeavaliaocostumaserrpida eterumcustoreduzido(Preece,RogerseSharp,2002,9.363). Umadasprincipaistcnicasempregadasparaessetipodeavaliaoaavaliao heurstica,comessatcnica,especialistasemusabilidadeinspecionamainterfaceguiada porheursticas,eobservamseainterfaceobedecemessasorientaes. ParaSalgado,BimeSouza(2006,p.159),aavaliaodeveserfeitaporumnmerode3a 5especialistas,eainterfacedeveseravaliadapornomnimo2vezes.Aprimeiravezpara umentendimentodo"fluxodeinteraoeoescopogeraldosistema".Dasegundavezo avaliadoranalisa"elementosespecficos".Oresultadogeraumumrelatriocomos problemaseprincpiosdeusabilidadenoatendidosnodesign.Osavaliadoresaps geraremseusrelatriosserenemparadiscutirsuasavaliaes.Apsaconfrontaremsuas descobertas,osavaliadoresgeramumnovorelatriocominformaesquepodemser usadasparaoredesigndainterface. 2.5Estudosdecampo Oestudodecampousadoparacoletarinformaesdosusuriosemseusambientes atravsdaobservaodeseucomportamento.Comoabasedoestudodecampoacoleta deinformaesdosusurios,estemtodousadonoinciodoprojeto,osdadosobtidos dessaobservaopodemserimportantesguiasparaodesigndosistemainterativo,pois podeseprojetarosistemadeacordocomomodelomentaleanecessidadedo usurio(Wixonetal,2002,p.880). Contudoestudosdecampostemumcustoaltoeapesardetersuaeficinciaeimpactono projetoreconhecido,poucousado(Vredenburgetal.2002).

www.designdeinteracao.com.br

7 RevistadeDesigndeInterao|Edio03|Dezembro,2010

3Concluso Projetarumsistemainterativocentradonousuriodependedousodevriosmtodos,de comousareintegraressasmtodoseousurionodesenvolvimento.Osresultadosobtidos sosistemaseprodutosinterativosqueatendemousuriodemaneirasatisfatria. Contudo,naleituradediferentesartigosemesmonodeVredenburgetal,quefoioguianos tpicosdessetrabalho,oquesepodeobservaraeternalutapeladiminuiodecustono desenvolvimentodosprodutos. Emboratestesdeusabilidadesejaumatcnicapoucousadasdevidoaoseualtocusto,Krug (2002),apresentasoluesdecomofazerumlaboratriodeusabilidadeporttilusandouma cmeradevdeoeumsoftwaredereconhecimentodetela.Omesmovaleparaosestudos decampo,Millen(2000),discuteformasdesefazerestudosetnogrficodeformarpidae consequentementecomcustoreduzido. Osdoismtodoscitadosacima,sodoisdosmaisapontadoscomresultadosdealto impactonodesenvolvimentodequalquerprojetodeprodutoesistemainterativo,emesmo assimsodoisdomtodosmenosusados. Criarpadresparamediraeficinciadaaplicaodessesmtodoseoretornode investimentotornasetoimportantequantonodesenvolvimentodastcnicasparaa difusoeaimplementaodoDCU. Bibliografia ABRAS,Chadia,KRICHMAR,DianeMaloney,PREECE,Jenny.User_CenteredDesign. 2004.Disponvelem:<www.ifsm.umbc.edu/~preece/Papers/User centered_design_encyclopedia_chapter.pdf>Acessoem:05mai.2009. GOULD,JohnD.etal.The1984OlympicMessageSystem:ATestofBehavioralPrinciples ofSystemDesign.1987.Disponvelem: <http://portal.acm.org/citation.cfm?id=30401.30402&coll=ACM&dl=ACM&CFID=33884385&C FTOKEN=14700921>Acessoem:06mai.2009. KRUG,Steve.Nomefaapensar:umaabordagemdebomsensousabilidadenaweb. RiodeJaneiro:AltaBooks,2006. LOUREIRO,Eduardo.DesignCentradonoUsurioeasLimitaesdoMercadode

www.designdeinteracao.com.br

8 RevistadeDesigndeInterao|Edio03|Dezembro,2010

ProdutosInterativos:Pesquisaeanlisesobreindicadoresparaumaconciliaoentre pesquisaemercado.2008.Dissertao(PsGraduao)PontifciaUniversidadeCatlica deMinasGerais,ProgramadePsGraduaoemDesigndeInterao.Disponvelem:< http://eduardoloureiro.com/EduardoLoureiro_DesignDeInteracao_2008.pdf>Acessoem:05 mai.2009. MILLEN,DavidR.RapidEthnography:TimeDeepeningStrategiesforHCI FieldResearch..Disponvelem:< http://portal.acm.org/citation.cfm?id=347642.347763&coll=ACM&dl=ACM&CFID=33884385& CFTOKEN=14700921>Acessoem:06mai.2009. NIELSEN,Jakob.IterativeUserInterfaceDesign.1993.Disponvelem:< http://www.useit.com/papers/iterative_design/>Acessoem:05mai.2009. NORMAN,Donald.ODesigndodiaadia.RiodeJaneiro:Rocco,2006. PREECE,Jennifer,ROGERS,Yvonne,SHARP,Helen.DesigndeInterao:almda interaohomemcomputador.PortoAlegre:Bookman,2005. RUBIN,Jeffrey.Handbookofusabilitytesting:howtoplan,design,andconducteffective tests.NewYork:JohnWiley&Sons,1994. SALGADO,LucianaCardosodeCastro,BIM,SlviaAmlia,SOUZA,ClarisseSieckenius de.ComparaoentreosMtodosdeAvaliaodeBaseCognitivaeSemitica.2006. Disponvelem:< http://portal.acm.org/citation.cfm?id=1298023.1298045&coll=ACM&dl=ACM&CFID=33884385 &CFTOKEN=14700921>Acessoem:06mai.2009. VREDENBURG,Kareletal.ASurveyofUserCenteredDesignPractice.2002.Disponvel em:<http://portal.acm.org/citation.cfm? id=503376.503460&coll=ACM&dl=ACM&CFID=33884385 &CFTOKEN=14700921>Acessoem:03mai.2009. WIXON,DennisR.etal.UsabilityinPractice:FieldMethodsEvolutionandRevolution.2002. Disponvelem:<http://portal.acm.org/citation.cfm? id=506443.506646&coll=ACM&dl=ACM&CFID=33884385&CFTOKEN=14700921>Acesso em:04mai.2009.

www.designdeinteracao.com.br

9 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Artigo:PropostaderecomendaesdeusabilidadeparaTV DigitalInterativabaseadonaexperinciadosusurioscomo celular


HarlleyRobertodeOliveira harlley@gmail.com Resumo EsteartigodescrevecomoainteratividadedaTVvemevoluindoaolongodosanosehoje possvelinteragirpelotelefone,SMS,Interneteatpeloprprioaparelhodeteleviso. ExplicacomopossvelaproveitarnaindstriadaTVinterativa,asformasdeinteraoe deusabilidadequeforamestudadaseaprendidasduranteanosnomercadode celulares. Palavraschave Usabilidade,TVInterativa,DesignCentradonoUsurio 1.Introduo Desdesuainveno,aTVsofreuduasgrandesmudanas,aprimeirafoioincioda transmissodasimagensemcores,queatentoseramfeitasempretoebrancoea segundagrandemudanafoiadigitalizaodaTV,queganhouqualidadena transmissodesomeimagemeapossibilidadedotelespectadorinteragirdiretamente comocontedoexibido. Esteartigopretendeapresentarumasntesedahistriaeevoluodainteratividadena televisoeapresentarvriasopesdetecnologiaquejsorealidadeeampliam bastanteaspossibilidadesdeinteratividadecomaTV. Comoaumentodasfuncionalidadesdatelevisosefaznecessrioumestudosobrea usabilidadedestesnovosaparelhosetecnologias,pormpelofatodessaevoluoda televisoserbastanterecente,poucosestudosforamfeitos.Esteartigocomparaaforma deinteraodaTVedoscelularesepropequeseaproveitealgumasrecomendaes deusabilidadefeitaspelaindstriadecelularesnarecenteindstriadeaplicativospara TVqueestseformando. 2.InteratividadenaTV

www.designdeinteracao.com.br

10 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Interatividadepodeserdefinidacomoaextensoemqueosusuriospodemparticipar modificandoaformaeocontedodoambientemediadoemtemporeal.(Primoapud Steuer,1993).AinteratividadenaTVvemevoluindoaolongodosanos,eatualmente comumqueessainteratividadesejafeitapelotelefone,interneteatmesmodiretamente peloaparelhodeteleviso. Existiaumprogramadetelevisonadcadade1950chamadoWinkyDinkquepodeser consideradooprimeiroprogramainterativodateleviso,ascrianasinteragiamcomo programaatravsdeumkitquetinhacanetinhashidrocoreumapelculatransparente paracolocarnateladateleviso.Entoeramexibidasimagenspontilhadasparaqueas crianascompletassemusandoascanetinhascoloridas. NoBrasilumadasprimeirasexperinciasdesucessoenvolvendoainteraodos telespectadorescomumprogramadetelevisofoinadcadade1990naRedeGlobo, comoprogramaVocDecide.Eramexibidaspequenashistriasquenofinalsempre envolviamdecisespolmicasqueospersonagensprecisavamtomar,entoeraaberto umespaodevotaoportelefone,ondeopblicopodiaescolheromelhorfinalparao episdio. Umaoutraexperinciadeinteratividadenatelevisobrasileirainauguradoem1996,tambm pelaredeGlobo,foiumasessodefilmeschamadaIntercine.Duranteointervalodo programa,aemissoraanunciadoisfilmesdosquaisotelespectadorpodeescolherume votarportelefone.Entoofilmemaisvotadoexibidonodiaseguinte. Emalgunsprogramasjornalsticosatualmente,ostelespectadorestemaoportunidadede conversarpelaInternetcomespecialistasqueparticiparamdedeterminadoprogramae aspessoaspodemenviarmensagensevdeosquepodemserexibidosduranteos programas. Outrosucessodeinteratividadenateleviso,queenglobainteratividadeatravsdetelefone, mensagensdetextoeInternetorealityshowBigBrotherBrasil.Neleos telespectadoresdecidemquemsaidojogoeinterferememvriosoutrosaspectosdo programa.Umepisdioqueilustrabemopoderdainteratividadedousuriofoiuma determinadaprovaqueocorreunoprograma,ondeosusuriospodiamdecidirpela Internet,comooambientenojogosecomportavacomosparticipantes.Existiam dispositivosconectadospelaInternet,quesimulavamchuva,vento,temperaturae iluminaodoambiente.

www.designdeinteracao.com.br

11 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Cadaumdosexemploscitadosmostraumtipodeinteratividade.SegundoBordewijkeKaam, JensencitadosporPrimo(2005)existemquatrotiposdeinteratividade:a)interatividade detransmisso,ondeousuriopodeescolherdentrodealgumasopes,ocontedo quedesejareceber;b)interatividadedeconsulta,ousuriopodesolicitarcontedo atravsdemoduplacomoauxliodeumcanalderetorno;c)interatividadede conversao,ondeousuriopodeproduzireenviarsuasprpriasinformaesemum viademodupla;d)interatividadederegistro,queregistrainformaesdousurioe respondesnecessidadeseaesdele. DeacordocomumapesquisafeitapelaNielsenCompany(2009)nosEstadosUnidos,59% daspessoasassistemtelevisoeacessamaInternetaomesmotempo.AquinoBrasil tambmpossvelobservarestemesmocomportamento,principalmentenomicroblog Twitter,ondeaspessoasinteragemcomosseusamigosfazendocomentriossobreo programadetelevisoqueestoassistindonaquelemomento.VriosprogramasdeTV eartistastmumperfilnoTwitterparainteragirdiretamentecomostelespectadores. EnquantomuitaspessoasusamaInternetparainteragircomocontedodaTV,muitas outrasfazemocaminhoinversoeusamaInternetparaacessarcontedosqueatpouco temposestavamdisponveisatravsdeemissorasdeteleviso,operadorasdetva caboelocadoras.OYouTube,sitedecompartilhamentodevdeosnaInternet,exibiu5.5 bilhesdevdeossnomsdeabrilde2009.OservioHulu,queespecializadoem exibirvdeosdemaiordurao,comofilmesesries,emabrilde2009teveum crescimentode490%deexibiesemrelaoaomsdeabrilde2008(Nielsen Company,2009). AInternettambmusadaparabaixarfilmesesriesatravsdeumprotocolode compartilhamentodearquivoschamadotorrent.Umfatoqueevidenciaohbitodos usuriosembaixarfilmesesriespelaInternetorecordedenmerodedownloadsdo ltimoepisdiodasrieLost.Maisdeummilhoemeiodepessoasemtodoomundo baixaramoepisdioemumperodode24horasapsaexibionaTVnosEUA(Portal G1,2010). ObservandoestatendnciadeconvergnciaentreaTVeaInternet,muitasempresas desenvolveramprodutosquetmoobjetivodefazeressaintegraoentreasduas tecnologias.

www.designdeinteracao.com.br

12 RevistadeDesigndeInterao|Edio03|Dezembro,2010

3.TecnologiasqueestotrazendointeratividadeparaaTV AprimeirainiciativadeintegraodaTVcomaInternetfoiaWebTV,umsetupboxqueera ligadonaTVepermitianavegarnaInternetevisualizaremails.FoicriadaporSteve Perlmanevendidaem1997paraaMicrosoft,ondeteveoseunomemudadoparaMSN TV. Em2006,SteveJobs,CofundadordaempresaApple,anunciouaAppleTV,umaparelho eletrnicoquedeveserligadonatelevisoeserveparavervdeosnoYoutubeealugare verfilmesemaltadefinio. Existetambmumaopodecdigolivre.OXBMC(XboxMediaCenter)umsoftwareque podetransformarqualquercomputadoremummediacenterparaverfotos,filmese msicasbaixadosdaInternet.Bastainstalarnocomputadoreconectarocomputadora televiso. OBoxeeBoxdaempresaDlinkumhardwarequejvemcomumsoftwarederivadodo XBMCchamadoBoxee.Elecompostodeumacaixaeumcontroleremotoquetem umadesuasfacesumtecladoqwerty. Mesmosemcomprarohardware,possvelbaixargratuitamenteosoftwareBoxeeeinstalar emqualquercomputadorouAppleTVligadosateleviso. OsconsolesdevdeogamesmaismodernoscomoNintendoWii,Playstation3eXBox360 tambmtmrecursosdeintegraodaTVcomaInternet.Almdenavegaoemsites eorganizarmsicasefotos,possvelbaixarfilmeseseriadosdiretamentedainternet paraacasadousurio.EstesvdeogamestmumaparceriacomaNetflix,maior empresadealugueldevdeosobdemanda,quetemmaisde13milhesdeclientes. EsteservioestdisponvelsomentenoEUA. Almdevdeogames,aNetflixtemparceriacomdiversosfabricantesdeequipamentos comobluerayplayers,hometheatersetelevisores.OsucessodeservioscomoNetflix provaqueosusuriosestocadavezmaisinteressadosemescolherohorrioeo contedoquequeremassistir,comportamentobemdiferentedoqueoferecido atualmentenaTVabertaeTVacabo.NoBrasilaindanotemnenhumservioparecido comaNetflix,provavelmenteporcausadafaltadeinvestimentoeminfraestruturade bandalarga.

www.designdeinteracao.com.br

13 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Estesprodutostmumacaractersticaemcomum:elestrazemcontedodainternetparaa TV,pormelesnosointegradoscomocontedodaTVabertaouacabo.Istosignifica queousuriodeveescolheremassistirocontedovindodainternetouocontedovindo dasemissorasdeTV.Nopossvelacessarosdoistipodecontedoaomesmo tempo.OYahooeaGooglelanaramplataformasdedesenvolvimentodeaplicativosque seintegrammelhorentreocontedovindodasemissoraseocontedoquevemda Internet. OYahooanunciounafeiradetecnologiaCESde2009olanamentodeumaplataformade desenvolvimentodewidgetsparaTV,chamadaYahoo!ConnectedTV.OYahoofez parceriascomSamsung,LGeSony,eestasempresasjdisponibilizaramnomercado televisoreseaparelhosdeblueraycompatveiscomwidgets.Widgetssopequenos aplicativosquetemfunesespecficascomoprevisodotempo,acessoaredessociais, exibiodefotos,entreoutras.umrecursobastanteconhecidoporusuriosde computadorecelulares.ConformeumapesquisafeitapelacomScore(2007),lderglobal demtricasdigitais,cercade177milhesdepessoasusaramwidgetsnawebemabril de2007.Pelasuasimplicidadeenmeroreduzidodefuncionalidades,oswidgetstem grandeschancesdesetornaremumpadrodeexibiodecontedowebnaTV,pois elesocupamapenaspartedateladaTVenoatrapalhamaexibiodocontedoque estsendoexibido. Emmaiode2010,aempresaGoogleemparceriacomempresascomoSony,InteleLogitech anunciaramolanamentodaGoogleTV,quedeveviremalgunsbluerayplayerse televisoresdaSony,almdesetupboxesdaLogitech.OprincipaldiferencialdaGoogle TVemrelaoaosoutrosprodutosrelatadosque,porutilizarosistemaoperacional Android,serpossvelosdesenvolvedorescriaremaplicativosexclusivosparaaTV. Almdisto,elavircomonavegadorGoogleChrome.Istopermitirlevaraosusurios umexperinciamuitoricadaInternetparaostelevisores. AssimcomooscelularesevoluramesetransformaramemSmartphones,tendouma experinciaricadeinterneteapossibilidadedeinstalaodeaplicativos,omesmoest acontecendocomostelevisores,evoluindoparaoquemuitosprofissionaisdetecnologia estochamandodeSmartTV. 4.Interatividadenocanalabertodetelevisobrasileira Nodia26denovembrode2003atravsdodecreton.4.901(DOU,2003)foiinstitudoo SistemaBrasileirodeTelevisoDigitalSBTVB,quetemcomoobjetivomudaropadro

www.designdeinteracao.com.br

14 RevistadeDesigndeInterao|Edio03|Dezembro,2010

detransmissodoscanaisdeTVabertadesinalanalgicoparaosinaldigital. Almda melhoriadaqualidadedeimagemeapossibilidadedeexibiodevdeoemalta definio,osistemabrasileirodeTVdigitalofereceapossibilidadedeenviodedados atravsdocanaldeinteratividade(ABNT,2008).Destaformaserpossvelaosusurios receberemaplicativosatravsdebroadcastpelasemissoraseinteragiremcomas emissorasatravsdocanaldeinteratividade,quefeitopelaInternet,atravsdebanda larga,internetdiscada,3GeatmesmoatravsdeSMSnocasodecelulares compatveiscomoSistemaBrasileirodeTVDigital. Paraseteracessoainteratividade,necessrioqueoconversordigitalsejacompatvelcom atecnologiaGinga,queacamadadesoftwareresponsvelemgarantira compatibilidadeentreohardwaredosdiversosreceptorescomasaplicaesinterativas desenvolvidasparaaTV(SoareseBarbosa,2009). AsaplicaesinterativasdosistemabrasileirodeTVdigitaldependemdasemissoraspara seremdesenvolvidosedistribudosparaosusurios.Oquepodelimitarostiposde aplicaesqueserocriadas,limitandoseaointeressedasemissoras.Estemodelode distribuiodeaplicativoslevadesvantagememrelaoaosmodeloscriadospela GoogleeYahoo. essencialcriarumecossistemadeaplicativosquepossamsercriadosporqualquer empresadesoftwareequefiquemadisposiodosusuriosparainstalaonassuas televises.Seno,podeocorreromesmoqueaconteceucomomercadodeaplicativos paracelularesdoBrasil.Enquantoodesenvolvimentodeaplicativosdependiam exclusivamentedasoperadorasdetelefoniacelular,asofertaseramescassasese limitavamaringtonesejogosmuitosimples. Odesenvolvimentodeaplicativosparacelularesssepopularizoudepoisdeiniciativasde lojasdeaplicativoscomoaAppStoredaAppleeAndroidMarketdoGoogle,onde desenvolvedoresdetodoomundotemapossibilidadededesenvolveraplicativoseos usuriostemumagamaenormedeopesdeaplicativosparainstalarememseus celulares. 5.TVinterativaeausabilidade Oquevimosatagora,mostraqueatelevisoestganhandovriasfuncionalidades,como vdeosobdemanda,instalaodenovosaplicativoseacessoaInternet.Comissosefaz necessrioterumestudomaioremrelaoainteraocomousurio.

www.designdeinteracao.com.br

15 RevistadeDesigndeInterao|Edio03|Dezembro,2010

EmboraaTVestejaevoluindoeagregandocadavezmaisfuncionalidades,existempoucos estudosemrelaoausabilidade.Usabilidadegeralmenteconsideradacomoofator queasseguraqueosprodutossofceisdeusar,eficienteseagradveisdaperspectiva dousurio(Preece,RogerseSharp,2005). ComatelevisoconvergindocomaInternet,comumquesetenteaproveitaraspectosde interaojexistentesnoscomputadores.Pormainteraoentreousurioea televisotemalgunspontosdiferentesemrelaoainteraocomocomputador. Ocomputadorusadogeralmenteporapenasumapessoadecadavezeapoucos centmetrosdedistncia,enquantoqueaTVusadageralmentepormaisdeuma pessoaaomesmotempoeficaauns3metrosdedistnciadosusurios.Enquantono computadorcomumserfeitoumagrandeentradadedadosatravsdoteclado,naTVa principaltarefaassistiraosprogramaseaentradadedadosbemmenordoqueem umcomputador(Nielsen,1997). Almdecompararatelevisocomocomputador,possvelfazeracomparaocomum outrodispositivoqueestcadavezmaispresentenavidadaspessoas,ocelular.Pane Ryu(2009)acreditamqueosestudoseasliesaprendidaspelaindstriadecelulares podemajudarnodesenvolvimentodeinterfacesparaateleviso.Almdisso,amaioria dosusuriosdecelulartambmsousuriosdeteleviso. Ocelularfoicriadoparafazerereceberligaes,oquefezcomqueinicialmentetivesseuma interfacesimples,basicamentenmerosebotesparaatenderecancelarchamadas, muitoparecidacomaqueaspessoasestavamacostumadasnotelefonefixo. Amedidaqueforaminseridasnovasfuncionalidades,comoenviodemensagensdetexto, msica,fotoseacessoaInternet,ainterfacecomeouasetornarmaiscomplexa,coma adiodeteclasdirecionais,menusdenavegaoetecladoalfanumrico.Pelofatode teremficadomaiscomplexosporcausadoaumentodefuncionalidades,ausabilidade passouaserumdiferencialparaosucessodoscelularesedeseusaplicativos(Pane Ryu,2009). Amaioriadoscelulares(comexcessodosquesotouchscreen)temsimilaridadede interaocomocontroleremotodateleviso.Osmenussocontroladosporteclas direcionaisetemteclasespecficasparainteraocomosoftware.Tantoemaplicativos

www.designdeinteracao.com.br

16 RevistadeDesigndeInterao|Edio03|Dezembro,2010

naTVquandonocelular,recomendadoqueseminimizeanecessidadedeentradade textos. Apesardatelevisoterumatelabemmaiorqueocelular,norecomendadoqueeste espaotodosejaocupadopelaexibiodeaplicativosemenus,poispoderiaatrapalhar aprinciapalinteraodousuriocomateleviso,assistil.Porissooformatodewidget (pequenosaplicativos)omaisindicadoparaaTV.Ocelulartambmtemrestriona exibiodemuitocontedoemsuatela,primeiramenteporcausadotamanhodatelae emsegundoporqueousurioprovavelmentevaiestarfazendooutrastarefasenquanto usaoaplicativo.Destaforma,osaplicativostantonaTVquantonocelular,devemser simplesecumprirseusobjetivosrapidamente,semtiraraatenodousurioemsua tarefaprincipal. Considerandoousodewidgetscomoumaboaformadeinteraoentreousurioea televiso,eassimilaridadesentreesteswidgetscomaplicativosparacelulares. possvelaproveitarasboasprticasdedesenvolvimentodeinterfacesdegrandes fabricantesdecelulares. AempresaApple,porexemplosugerevriasdicasemseuiPhoneHumanInterface Guidelines,quepodemseraproveitadosnodesenvolvimentodewidgetsparaaplicativos deteleviso: 1.Mostrarnainterfacesempreumateladecadavez,poisdiferentedosaplicativos paracomputadoresdemesa,ondecomummostrarvriasjanelasaomesmotempo, geralmenteumasobrepondoaoutra,eocupandomaisespaonatela,noaplicativo emformatodewidgetnaTV,oespaolimitado. 2.AinterfacedeveserintuitivaapontodeousurionoprecisardaAjudadoaplicativo paraaprendercomouslo,paraevitarqueousuriopercaofocodesuaprincipal tarefa,verteleviso. 3.Ainterfacedevesempredarfeedbackdasaesacionadaspelousurio, preferencialmenteumfeedbackvisualaoinvsdefeedbacksonoro,pranoatrapalhar osomdoprogramaqueousurioestassistindonaquelemomento. 4.Digitaodetextostomatempoeatenodousurio,recomendadominimizara necessidadedeentradadedadosesempreoptarpelainteraoondeousurio

www.designdeinteracao.com.br

17 RevistadeDesigndeInterao|Edio03|Dezembro,2010

escolheumaopodemenuatravsdasteclasdirecionaisouteclascoloridasdos controlesremotos.Ousuriojestacostumadocomestaformadeinterao,pois amesmaquemenusdeDVDeconfiguraesdamaioriadosaparelhosdeteleviso. 5.Mostrarinformaessucintamente,quandoostextosnainterfacecurtoedireto,o usuriocompreendemaisrapidamenteasaesquedevetomar. 6.Concluso Esteartigoapresentouumbrevehistricosobreainteratividadenatelevisoeastecnologias queestotrazendonovasfuncionalidadesparaaTV.Comesteaumentode funcionalidadessefaznecessrioumestudodausabilidade,paranotornaraTV complicadadeusar.SendoaTVinterativaumrecenteparadigmadeinterao,foram feitospoucosestudosemrelaoaela.Entoapropostadotrabalhofoifazerum comparativodasformasdeinteraoentrecelulareTVesechegouaconclusoque possvelaproveitaraexperinciadosusurioscomcelularesparadesenvolvera interfacedosaplicativosparaTV.Foifeitoalgumasrecomendaesdeusabilidade baseadoemrecomendaesfeitasporumfabricantedecelular,aApple. EstasrecomendaesdeusabilidadeparaTVDigitalInterativabaseadonaexperinciado usuriocomainteraocomocelularaindacarecemdemaioresestudos,ficandocomo recomendaodetrabalhosfuturosoestudoderecomendaesdefabricantesdeoutras marcaseapropostadeumguiacompletoderecomendaesdeusabilidadepara aplicativosparaaTVinterativa. Bibliografia ABNTNBR156071(2008).AssociaoBrasileiradeNormasTcnicas,Televisodigital terrestreCanaldeInteratividade,Parte1:Protocolos,interfacesfsicaseinterfacesde software. Apple(2010)iPhoneHumanInterfaceGuidelines.Disponvelem: <http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/M obileHIG/Introduction/Introduction.html>.Acessoem11deJunhode2010. comScore(2007)WidgetMetrix.Disponvelem: <http://www.comscore.com/Press_Events/Press_Releases/2007/06/comScore_Launches _Widget_Metrix>.Acessoem23deabrilde2010.

www.designdeinteracao.com.br

18 RevistadeDesigndeInterao|Edio03|Dezembro,2010

IBGE(2008)PesquisaNacionalporAmostradeDomiclios2008.Disponvelem: <http://www.ibge.gov.br/home/presidencia/noticias/noticia_visualiza.php? id_noticia=1455>.Acessoem11deMaiode2010. NielsenCompany(2009)TreeScreenReport.Disponvelem: <http://in.nielsen.com/site/documents/3Screens_4Q09_US_rpt.pdf>.Acessoem01de Maiode2010. NielsenCompany(2009)NewsRelease.Disponvelem: <http://blog.nielsen.com/nielsenwire/wp content/uploads/2009/05/nielsenaprilvideocensus.pdf>.Acessoem27deMaiode2010. Nielsen,Jakob.TVMeetstheWeb.AlertboxforFebruary15,1997.Disponvelem: <http://www.useit.com/alertbox/9702b.html>.Acesso:em11dejunhode2010. Pan,Younghwan;Ryu,YoungSam.InsightsfortheTVInterfacefromtheMobilePhone Interface.JournalofUsabilityStudies.Vol.4,Issue4,August2009.Disponvelem: <http://www.upassoc.org/upa_publications/jus/2009august/ryu1.html>.Acesso:em3de junhode2010. PortalG1(2010)FinaldeLostbaterecordededownloadsnainternet.Disponvelem: <http://g1.globo.com/poparte/noticia/2010/05/finaldelostbaterecordededownloadsna internet.html>.Acessoem27deMaiode2010. Primo,Alex.Enfoquesedesfoquesnoestudodainteraomediadaporcomputador. Disponvelem:<http://www.ufrgs.br/limc/PDFs/enfoques_desfoques.pdf>.Acessoem08 dejunhode2010. Soares,L.F.G.;Barbosa,SimoneDinizJunqueira.ProgramandoemNCL.1.ed.Riode Janeiro:ElsevierCampus,2009

www.designdeinteracao.com.br

19 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Ensaio:InteractionDesign+DesignThinking=ummundomais humano?
HumbertoMassaGuimares hmassa@gmail.com Resumo Osdesignersdeinteraotem,pelaprpriacaractersticadonossotempo,umdesafio importanteparavencer:comoprofissionaisquevemparticipandocadavezmaisdoprojeto designdetodoonossomundo,elesprecisamestarpreocupadoscomosaspectos verdadeiramentehumanos,ouhumanitrios,quecercamseutrabalho.Assim,sendoo designumatopolticoedealtoimpactonasociedadenaqualvivemos,restaaosdesigners incorporaraslimitaesdemdioelongoprazonousodosrecursosnaturaisesociais disposiocomoparmetrosadicionais. Palavraschave InteractionDesign,DesignThinking,Sociedade Adefiniodoquedesign,emsi,umassuntoextensoecomplexo.Otermodesign utilizado,geralmente,referindoseatrscoisasdistintas:umprocessoespecficodeprojeto; oresultadodesseprocesso;eumdeterminadoconhecimentooumindsetapoiadosobreesse processo.Comoprocessodeprojeto,oprofissional,designer,aplicaumconjuntode ferramentasparaproduziroumodificarumartefatoouservio,comoobjetivoderesolverum determinadoproblema.Jcomoresultadodesseprocesso,odesigntratasedeuma refernciaformaldoprodutoouservioquedaqueleprocessoresultou:qualsuaforma,como funciona,olookandfeel.nesseltimosentidoqueapalavradesigntosobreutilizada, etomaolugar,nocolquio,dotermomaissimples:forma.Ainda,comoconhecimento,o designummodelomental,umaformadeveromundo,quetomaparasi(egeranaforma detrabalhar)asprincipaiscaractersticasprocessododesign:colaboraocomos stakeholdersdoproblemaaresolver;pensamentoabdutivo,comusoextensodaimaginao edatentativaeerro,experimentaoconstante;envolvimentopessoal;atenoaos detalhes;percepoampla;einterpretaoprofundadoquepercebido. Odesignerdeinterao,emparticular,pelocarterinterativodosartefatoseserviosque
aindaqueoproblemaemtelasejasimplesmenteinovar,ouficarfrentedacompetio...

www.designdeinteracao.com.br

20 RevistadeDesigndeInterao|Edio03|Dezembro,2010

projeta,utilizasemuitasvezesdatcnicadedesigncentradonousurio.Atcnicado design,emgeraledeformaresumida,consisteemumcicloqueiniciaseemumafasede observao,seguidapelaideao,prototipao,avaliao,refinamentoouredesign,e reiniciandoseociclo.Odiferencialdodesigncentradonousurioofoconastarefase usuriosdesdeoprincpiodessaiterao.Nafasedeobservao,procuraseentender quemsoosusurios,estudandosesuascaractersticaseatitudes.Nafasedeideao, focasenoscomportamentosdousuriostpicos,construindosepersonasque incorporemaquelascaractersticaseatitudes,cenriosqueenglobemastarefasqueos usuriosdevemdesempenhar,ecasosdeusoqueenglobemospassosqueosusurios seguemparaexecutaressastarefas.Nafasedeavaliao,utilizamsetcnicasempricas,de modoaobservaremedirasreaeseodesempenhodosusuriosparaoscenrios construdos.Asdecisesdedesignsotomadassempredentrodocontextodosusurios, suastarefaseseuambiente. ODesignThinkingnadamaisqueaaplicaododesign,naformadeseumindsetede todoseuferramental,paraasoluodeproblemasintangveis.Assim,procuraseutilizardas caractersticascolaborativa,abdutiva,prototpica,detalhista,pessoal,perceptiva, interpretativaeiterativadodesignpararesolverproblemascujasoluonoenvolveo projetosimplesmentedeumartefatoouservio.Oexemplotpicoautilizaodesse ferramentalparaoprojetodagestodeumainstituioinvertendoseaposiodegesto dedesignparaodesigndegesto,ondeoprojetistaogestoreogestorumprojetista dofuturodaquelainstituio. ODesignThinkingabarca,ainda,expansesnoescopododesigncentradonousuriopois nohquesefalaremdesigncentradonousurioquandoousurio,porexemplo,deuma hidreltricaumsistemacompostoporconsumidores,distribuidoresdeenergia,entidades governamentaiseregulatriasdediversosnveis.Essasexpansesvodesdeofocodo designnoHumano,contextualizandoseodesignnoaspectosocial,paraalmdousurioe datarefa,atoDesignCentradonaHumanidade. ODesignCentradonaHumanidadetempordiferenciaisoescopoamploeavisosistmica (emcontraposiovisofocadadoDCU).Assim,tododesignassimconcebidodeveser microemacroeconomicamentevivel,socialmentejusto,eambientalmentenoagressivo. importanteressaltarqueoescopodoDesignCentradonaHumanidadetoamploqueele noselimitaaladadaaplicaoaproblemasintangveis.Pelasuaprpriacaracterstica global,elefomentaasustentabilidadesocialeambientalsejaemquesituaoouproblema eleforaplicado.

www.designdeinteracao.com.br

21 RevistadeDesigndeInterao|Edio03|Dezembro,2010

EstenderaprticadoprocessodeDCUparaqueincorporeoDesignCentradona Humanidadeenvolveampliaodoscontextosestudadosduranteoprocessodedesign.

Figura1ExpansodoescopodoDCU

Assim,duranteafasedeobservao,atenoespecialdeverserprestadaaocontexto scioambientaldousuriosdeumpossvelservioouproduto.Suascaractersticassociais, detrabalho,moradiaeambienteseroimportantesnafasedeideao. Duranteafasedeideaodeideaodoartefatoouservio,asquestesde sustentabilidadeiroserlevantadas.Porexemplo,havendonecessidadedaproduodeum artefato,paraaresoluodoproblemaouparasuporteaumservioaserprestado, aplicamseoscincoRs,repensando,reduzindo,reutilizando,reciclandoerecusandona medidadopossvel.Ainda,levaseemconsideraoqueoscincoRsseaplicama aspectossociaisalmdosmateriais:ousodamodeobratemquesercontinuamente repensado;oimpactosobrepopulaes,reduzido;avidadaspopulaesafetadasdever reutilizarereaproveitarosmateriaisetcnicasexcedentesoudescartados;areciclagem deverfazerpartedacadeiaprodutiva;edevemserrecusadosexcessos,msgestes,e abusossobreasociedade.Osfluxosnaturaisdematriaeenergiadevemseremulados; assim,determinamosdeondevemosmateriaiseaenergiautilizadosnosartefatosou servios,ecomonormalmenteseriamrecicladosnanatureza.Nohavendoapossibilidade tcnica,ummecanismodeabsorodosdejetosdeverserconstrudo. Aescolhadosmateriaisetcnicasdeveestarsempredeacordocomconsideraesde sistemaecustos.Asconsideraesdesistemadizemrespeitoaociclodevidadoartefato, seuscomponentes,seussubprodutosedosmateriaisaseremutilizados.Ponderaseseo

www.designdeinteracao.com.br

22 RevistadeDesigndeInterao|Edio03|Dezembro,2010

prazodousonormaldoprodutolongo,casonoqualpodese,porexemplo,incorporarao designmateriaisqueiroadquirircaractersticasdiferenciadascomapassagemdotempo ou,nocasoemqueoprazodousodoprodutocurto,poderseia,aindacomoexemplo, fazlocommateriaisquesedegradamrpidaenaturalmente.Asconsideraesdecusto envolvemaverificaodocustodessesmateriaisetcnicasdiferenciados,mastambma verificaosenohincentivoseconmicoslocaisouregionaisparafazlo,emesmo verificandoseapossvelexistnciadevantagensemutilizarmateriaisalternativos. Assim,oDesignerdeInterao,noprocessodegestoseeleogestoroumembro consultivodagestoousimplesmentenoseuprocessodedesignhabitualdeumartefato ouservio,aplicandooDesignCentradonaHumanidade,irseassegurarqueoprojetono qualtrabalhatemdefinitivasvantagensnareadasustentabilidade.Isso,paraainstituio paraaqualprestaseusserviospodetraduzirseemmenorimpactoambiental,como diferencialdemarketingqueissopodetrazer,emmelhorimpactosocial,emesmoem vantagensmonetriasimediatas,queterosidodetectadasnoprprioprocessododesign. Asociedadehumanaestcadavezmaisconscientedosimpactosambientaisesociaisda cadeiaprodutivatalcomoseapresentahoje.Embuscadeumprocessoprodutivogeral queembarqueasustentabilidadeeobemdahumanidadecomoobjetivosprimrios,os designerstmemmosumferramentalpoderosodeinovaoerenovao,ea influncianecessriaparautilizaremsedesseferramental. Bibliografia CARLOPIO,J.;CHANG,C.;FOTIOS,S.;ETAL.Creatingstrategybydesign.Design PrinciplesandPractices:AnInternationalJournal,v.3,n.5,p.155166,2009.Disponvel em<http://epublications.bond.edu.au/cgi/viewcontent.cgi? article=1188&context=business_pubs>Acessoem14demaiode2010. COSLEY,D.;LAM,S.K.;ALBERT,I.;ETAL.Seeing.Believing?HowRecommender InterfacesAffectUsersOpinions.InProc.ofCHI2003,ACMPress,p.585592,2003. FRASER,H.M.Thepracticeofbreakthroughstrategiesbydesign.JournalofBusiness Strategy,v.28,n.4,p.6674.Emerald,60/62TollerLane,Bradford,WestYorkshire,BD 89BY,UK,2007.Disponvelem <http://www.emeraldinsight.com/Insight/ViewContentServlet? Filename=Published/EmeraldFullTextArticle/Articles/2880280408.html>.Acessoem10de maiode2010.

www.designdeinteracao.com.br

23 RevistadeDesigndeInterao|Edio03|Dezembro,2010

JUNGINGER,S.PartsandWholes:PlacesofDesignThinkinginOrganizationalLife. ead09.org.uk,,n.April,p.239243,2009.Disponvelem <http://www.ead09.org.uk/Papers/167.pdf>.Acessoem27demaiode2010 LOCKWOOD,T.Transition:HowtoBecomeaMoreDesignMindedOrganization.Design ManagementReview,v.20,n.3,p.2837,2009.JohnWiley&Sons.Disponvelem <http://www.dmi.org/dmi/html/publications/news/viewpoints/09203LOC28.pdf>Acessoem 21demaiode2010. MONAT,A.;DECAMPOS,J.L.;LIMA,R.C.Metaconhecimento:Umesbooparaodesigne seuconhecimentoprprio.labcom.ubi.pt,,n.1996.Disponvelem <http://www.labcom.ubi.pt/~bocc/pag/monatcamposlimametaconhecimento.pdf> Acessoem14deabrilde2010. PORTER,M.E.CompetitiveAdvantage:CreatingandsustainingsuperiorperformanceThe Free.NewYork:FreePress,1985. PORTER,M.E.Competitivestrategy:techniquesforanalyzingindustriesandcompetitors. NewYork:FreePress,1980. POTTING,J.CradletoCradleanditsmeaningforlifecyclethinkingandsupplychain management,2009.Disponvelem<http://www.lcm2009.org/presentations/OR53 Potting.pdf>.Acessoem17deabrilde2010 PREECE,J.;ROGERS,Y.;SHARP,H.BeyondInteractionDesign:BeyondHumanComputer Interaction.JohnWiley&Sons,Inc.NewYork,NY,USA,2001.Disponvelem <http://video.yahoo.com/watch/111582/992708>.Acessoem07demaiode2010. MBDC.CradletoCradleDesignGuidelines,2001. STEVENS,J.;MOULTRIE,J.;MOULTRIE,J.;CRILLY,N.Designinganddesignthinkingin strategyconcepts:frameworkstowardsaninterventiontool.InternationalDMIEducation Conference,n.April,2008.

www.designdeinteracao.com.br

24 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Ensaio:DesignEmocionalnoNexusOne
SmaraMendona samarasmendonca@gmail.com Resumo Paracompreenderumamarcadesucesso,precisorelacionarestmuloseexperincias sensoriaisdosusurioscomosprodutos.Soaspessoasasresponsveisporeleger aspectosemocionaiscomodiferencialnummercadotocompetitivocomooatual. Palavraschave DesignEmocional,Google,Celular Gob(2002)definequemarcaemocionalaquelaquesecomunicacomosconsumidores nonveldossentidosedasemoes,forandoosafazeremconexesprofundase duradouras.Mascomoanalisaraprofundidadedessasemoes?Paraisso,Norman(2004) propetrsnveisdeprocessamentoemqueasexperinciassointerpretadasporpessoas, soeles:onvelvisceral,ocomportamentaleoreflexivo. AempresaGoogleumadessasmarcasemocionais.ComseuserviodewebmailGmail esuaferramentadebuscaelaconquistoumuitosusuriosemtodoomundo.Eissos aconteceuporqueoGooglecolocouseususuriosemprimeiroplanoefoiaoencontrodas suasnecessidadesedesejos.Paraampliarsuaatuao,aempresadecidiuentraremoutros mercadoscomoodecelularcomoseuprimeirosmartphonenexusone,quetemcomo sistemaoperacionaloAndroid,tambmdesenvolvidopelaempresaeparceiros. Entreosdiferenciaisdonexusoneestocapacidadedetransformarvozemmensagensde texto,aplicativoscomousodeum"tecladohabilitadoparavoz",navegaopontoapontono GoogleMaps,ousuriotambmpodeacessar,aomesmotempo,mltiplascontasdoGmail, integraocomMicrosoftExchangeparaemails.Aempresatambmpropeaopode gravarfrasesalasercomat50caracteresnapartetraseiradoaparelho,ouseja,apessoa temapossibilidadedepersonalizloe,sonessasenumeraesqueodesignemocional podesermaisbempercebido.Soosaspectosemocionaisacionadosporessesdiferenciais quefazemumprodutoserounoseraceitoebemvendidonomercadoeNorman(2004) corrobora,alegandoqueaemotividadenodesigndeobjetosinfluencianatomadade deciso.

www.designdeinteracao.com.br

25 RevistadeDesigndeInterao|Edio03|Dezembro,2010

OstrsnveiselaboradosporNormansodegrandeimportncianoprocessode desenvolvimentodeprodutos.Nodesigndeproduto,onvelvisceralvoltadoparaa aparnciadoproduto,emqueoimpactodenaturezavisual(processamentoimediato).O comportamental(intermedirio)estligadoaosaspectosfuncionais,cujoprazerest associadoaousoedesempenhodoprodutoemquesto.Joreflexivoserelacionaaos significadosqueosobjetosrepresentamparaousurio. Onexusonenapercepodaformaeaparncia(nvelvisceral)remeteaalgoseguro,srio, sinttico,inspiraconfianaecredibilidade.Issoacontecedevidoaomaterialcomquefeitoo artefato,porseustraosgeomtricoserobustos.Almdascoressbriascinzaepreto. Esseprimeirocontatodecisivoparacompra,poisativamosinteressesdousuriopelo produto. Nonvelcomportamentalocelularrelacionadocomafuncionalidadeeusabilidadedo produto.Enestequesitodeexperinciadeusoonexusonesedestacaporserumproduto fcildeserutilizadoequecumprecorretamenteasfunesparaoqualelefoiconcebido. Como,porexemplo,ocomandodevoz;odisplayquebemntidomesmoduranteodia; navegaopontoapontonoGoogleMapsquefeitadeformasimples,rpidaeeficiente;a iconografiaelegibilidadedasfontesfacilitamaidentificaoe,tambm,ajudaaousurioa chegaraoseudestino;entreoutros. Onvelreflexivo,porsuavez,estligadodiretamentecomasatisfao,amarca,eovalor queousurioagregaaoproduto.Oobjetocarregavaloresnosdelecomodeseu fabricanteeissoocorreemumtempoduradouro.nessenvelqueousuriorefletesobre produtolevando,muitasvezes,emconsideraosuasexperinciaspassadas,interesses pessoais,sociaisecaractersticasculturais.E,semsombradedvidas,oGoogleuma empresaquevalorizaodesignemocionalecolocaseususuriosemfoco,procurando atendersuasnecessidadesedesejos.Eelareconhecidaporisso.Valendodessevalor positivoelalanaonexusonecomseusistemaoperacionaloAndroidcomoobjetivode melhorarainteraoentrehomememquinaetrazernovosvaloresparaessarelao, como:integrao,personalizao,aplicativoscomousodeum"tecladohabilitadoparavoz". Porfim,pormeiododesignemocionalpossvelconquistarconsumidores,tornaroproduto visualmentebelo,funcionalecomumvalorsimblicoforteeassimserumgrandecasode sucesso.PotencialoGoogletemejmostroucomo,porexemplo,comsuaferramentade busca.Onexusonecheganummercadosaturadoeprevisvel,comgrandechancedexito,

www.designdeinteracao.com.br

26 RevistadeDesigndeInterao|Edio03|Dezembro,2010

poispossuifunesinditaseconceitosqueemocionameatendemasnecessidadesde seususurios. Bibliografia GOB,M.Aemoodasmarcas:conectandomarcasspessoas.RiodeJaneiro:Campus, 2002. NORMAN,DonaldA.DesignEmocionalPorqueadoramos(oudetestamos)osobjetosdo diaadia.RiodeJaneiro:EditoraJPA,2004.

www.designdeinteracao.com.br

27 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Monografia:Propostadeframeworkdedesenvolvimentopara portaiscolaborativosdeacessomassivo:Estudodecaso sobreaempresaStudioSolLtda.esuaexperincia implantandodiretrizesmistasdeDesignCentradonoUsurio eDesenvolvimentogil


MarcellodeCamposCardoso mcardoso@gmail.com Resumo Opresentetrabalhoapresentaosresultadosdeumestudoexploratriorealizadonoprimeiro semestrede2010,fundamentadonosprocessosdaempresamineiraStudioSol.Oestudode casoseobjetivouadefinirparmetrosespecficosparaaimplantaodeprincpiosdo DesignCentradonoUsurioeDesenvolvimentogilemumambientedeproduode portaiscolaborativosdeacessoMassivo.Oresultadodestetrabalhosoespecificaese recomendaesexpostasaseguir. Palavraschave DesignCentradonoUsurio,Desenvolvimentogil,Anlisemtrica 1Introduo DesignCentradonoUsurio(DCU)ocampodeestudoquerenemetodologias dedesignnosquaisopblicoalvodeumprodutoouservioinfluenciaasdiretrizesdo sistema(Abras,KrichmarePreece,2004).Ouseja,suapremissacentraladeque(...) produtoseserviosbemprojetadosresultamdoentendimentodasnecessidadesdas pessoasqueosutilizaro.(DesignCouncil,2006). Estaabordagemembasadaemumprocessoiterativodedesenvolvimentonoqual odesigneraplicatcnicasorientadasdescobertaevalidaodasnecessidadesreaisde seususurios.ODCUobjetivaresultaremprodutoseserviosrelevantes,comfocoem qualidade. Demaneirasemelhante,Desenvolvimentogil(DA)apresentaumconjuntodemetodologias direcionadasaodesenvolvimentoiterativo,mascomoescopovoltadoengenharia

www.designdeinteracao.com.br

28 RevistadeDesigndeInterao|Edio03|Dezembro,2010

desoftware(Becketal.,2001;Dubinsky,Hazza,2007). Oobjetivodestemodeloevitarodesperdcioderecursosepotencializaraadequaodos sistemasssuasreaisdemandas,homologandoasdiferentesetapasdedesenvolvimento comseusclientes(Hastie,2009).Apesardeonomesugerirapenasagilidadede desenvolvimento,DApropostocomoummodeloorientadoaqualidadeemprimeira instncia(Patton,2002). DCUeDApossuemaplicaesprticasnodesenvolvimentodesistemasparaInternet devidosuaflexibilidadeemseadequaradiferentescontextos,eporsecaracterizarem comoframeworks,podem(oudevem)seraplicadosdeacordocomosdiferentesrequisitos decadaambientedeproduo. Nestetrabalhoseroapresentadoumestudodecasofundamentadonosprocedimentos realizadosnaempresamineiraStudioSol(2010a)(duranteoperodode2008at2010),e suaexperincianaimplantaodeDAeDCUemummodelodedesenvolvimentocom caractersticasprprias. 1.1Linhadepesquisa EstudodecasoesugestodeFrameworkdedesenvolvimentoparaportaiscolaborativos, embasadonosfundamentosdoDCUeDA. 1.2Problemapesquisa AabordagemdoDCUoferecesubstratoparatcnicasqueauxiliamodesenvolvimentode interfacesdeprodutositerativos(Rubin,1994eCooper,2009)assimcomooDA(Becketal., 2001;Dubinsky,Hazza,2007)ofereceauxlioparaengenheirosdesoftware. Comodesenvolver,avaliaremanteroscomplexosportaisdecontedocolaborativode maneiragileeficiente,conciliandoasduasabordagenssupracitadasegerandoresultados satisfatriosparaanliseestratgica? 1.3Objetivogeral Proporosfundamentosdeumframeworkdedesenvolvimentoiterativoeincremental paraportaiscolaborativosdeacessomassivo,orientadoaousurioeadequadopara equipesmistasdedesignersedesenvolvedores.

www.designdeinteracao.com.br

29 RevistadeDesigndeInterao|Edio03|Dezembro,2010

1.4Objetivosespecficos 1. Proporumaestruturadeplanejamentoadequadaacicloscurtosetestesgeis; 2. Delinearumaestratgiadetrabalhoqueatendasdemandassingularesentre equipesdedesigneengenhariadesoftware; 3. Definirummodeloconcisodecoletadedadosdeuso,considerandoaudincias amplaseplurais; 1.5Justificativa EmpesquisarecentepeloIbope/Nielsen(2010),cercade67,5milhesdebrasileiros acessamaInternet,representandoumaumentode8%em12meses.Estemercado crescenteapresentaaindaoutrascaractersticasformidveis:OBrasillideraorankingde tempomdioconectadoporusurioeestimasequeocomrcioeletrnicotenha movimentado8,2bilhesdereaisem2009. Esteaumentodecapitalemtrnsitonosetorindicaummaiorinvestimentoeanatural conseqnciaoavanoematuraodosprofissionais,produtosemetodologias envolvidas. Umbomexemplodistovemdarespeitvelequipedoportaldenotciaseentretenimento Globo.com:NolivroDesignparaInternet:projetandoaexperinciaperfeita,FelipeMemria (2006)apontaatrajetriadaempresaemimplantarumlaboratriodepesquisasetestes comusurios. Posteriormente,aempresamelhorouseusresultadossubstancialmentecomaadoode metodologiasgeisnoprocesso(Bardusco,2008).DamesmaformaqueaGlobo,portais colaborativosdeacessomassivoexperimentamaaplicaodestasmetodologias supracitadascomrelativosucesso.Classificasedestamaneiraosportaisquepossuemum sistemadeenviodecontedo,queporsuavezarmazenadoeoferecidoparaumescopo maiordeusurios. UmexemplonotrioopopularYouTube:serviopioneiroemstreamingdevdeosonline portantosemummodeloespecficodefuncionamentoprvio(Wikipedia,2010b).Sem modelosmentaissedimentados,atarefadedescobrirpadresdeinteraoconsistentes podeseraindamaisdesafiadora. Ositepossuidiversasfuncionalidades:player,comentrioscontextuais,listasdeexecuo, sistemadeenviodemltiplosarquivos,perfisdeusurio,entreoutros(Youtube,2010).Tais

www.designdeinteracao.com.br

30 RevistadeDesigndeInterao|Edio03|Dezembro,2010

ferramentassocompostasporinteraescomplexasquepressupeumamaiordificuldade tcnicanodesenvolvimento. GrandesempreendimentoscomooYouTubepossuempoucointeresseemdivulgarseus procedimentosinternos,sejaparamanterossegredosdonegciodeseusconcorrentesou apenasparaempregarmelhorseutempodetrabalho.Aindaassim,umrecenteartigo publicadoemseublogoficialdemonstraapreocupaodaempresacomprticasdoDCU (Lubormisky,2009). ComcaractersticassemelhantesaoYouTubeeatmesmoosportaisdaGlobo.com(mas emmenorescala),existemosportaiscolaborativosdesenvolvidospelaempresamineira StudioSolComunicaoltda.(StudioSol,2010a):Letras.mus.br,CifraClubePalcoMP3 (entreoutros),queatingemcercadedoismilhesdevisitantesdiariamenteou330milhes depageviewsporms,segundodadosdeJunhode2010(StudioSol,2010b). Estesportaissofocadosemmsicaeseucontedocompletamenteproduzidoporseus usurios.Comosdesafiosrelacionadosaumaequipeenxuta,forteconcorrnciaeummix deprodutosrazovel,muitasprticasforamexperimentadasaolongodosmeus6anos lidandodiretamentecomacriaoeevoluodestesprodutos. Estetrabalhoaformalizaodestasprticas,sustentadaspelosucessodosprodutos escolhidos,cadaquallderemaudinciaemseusetorespecfico.Comoomercadodeste tipodeveculopossuiarrecadaodiretamenteproporcionalaonmerodepginasexibidas, umaboamtricaparamedirsucesso. Comoformatarumframeworkdedesenvolvimentofocadoemqualidadeparaportaisde acessocolaborativoqueconcilieolevantamentodeinformaesrelevantesparaoDCUcom aeconomiaderecursoseobjetividadeDA? Noparecehaverumanicarespostanicaparaestaquestopoisvariveiscomomodelo denegcios,perfildosusurioserecursosdisponveissocruciaisparasepensarmodelos adequadosparacadacontexto. Mascertamentealgumasdasdefiniesencontradasnestetrabalho,frutodasistematizao realizadapelaempresaStudioSol,podemserdegrandevaliaparaoutrosambientesde desenvolvimento,damesmaformaqueaexperinciadosportaisYouTubeeGloboserviram paraestaempresa.

www.designdeinteracao.com.br

31 RevistadeDesigndeInterao|Edio03|Dezembro,2010

2Metodologia Comoindicadoacima,opresentetrabalhonopretendeesgotaroassunto,poisimprovvel queumframeworkdedesenvolvimentosejaadequadoparatodoequalquerambientede desenvolvimento.ComoapresentadonoscasosdaGloboeYouTube,esteumcampode oportunidadescrescenteseprticasemconstanteevoluo. Oobjetivoproporummodeloquesejaadequadoaumcontextoespecfico(portais colaborativos)nascircunstnciasatuais.Paratal,oparadigmadepesquisaescolhidoo exploratrio(Gil,1991),analisandoocasodosprodutosdaempresaStudioSolesua experinciaadequandoasabordagenssupracitadasDCUeDAcomofundamentadase contextualizadasnoreferencialterico. 3Referencialterico OndeseapresentaDCU,DA,suasespecificidadesnomodelodaempresa. 3.1DesignCentradonoUsurio TermobastantepopularnoBrasilrecentemente,DesignCentradonoUsuriopossuirazes maisremotas.Nouniversotangveldodesigndeprodutos,desde1955comolivroDesigning forpeopledeHenryDreyfuss(Saffer,2010). Comaindstriadosoftwareemplenodesenvolvimento,oestudodasinterfacesdesistemas digitaiscomeouatomarforma.Emumprimeiromomento,ocampoeraformadoapenaspor programadores,vistoqueosprimeiroscomputadoreserammuitolimitadosparaexibir qualquerinterfacetocomplexaquenecessitassedeumprofissionaldedicado(Saffer,2010). Gradualmenteoscomputadoresevoluramseuhardwarepermitindosoftwaresmaisrobustos, cominterfacescomplexas.Duranteadcadade80,muitosprofissionaisoriundosda engenhariadesoftwareereascorrelatasdefiniramospreceitosdocampodeestudosdo IHCInterfaceHumanoComputador(Pressman2006). LanadonofinaldadcadaolivrodocientistacognitivoDonaldNormanilustraesta importanteetapaeumprotoconceitodeDCU.OautorsugerequeDesignCentradono Usuriotratadanecessidadedainterfaceserprojetadanointuitodeinformarseuusurio sobresuasfuncionalidadeseostatusdosistema.(Norman,1988). DuasdcadasapsestapublicaooDCUalcanouumescopomaisabrangente.Para

www.designdeinteracao.com.br

32 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Saffer,DCUpressupepesquisa,vistoquedadossoofatordeterminanteparadecisesde design.JimLeftwich(apudSaffer,2010)complementaqueaprticamaiscomumentre designersdeinteraoatualmenteaaplicaodoRapidExpertDesign,umaprticade DCUnaqualprofissionaisexperientespodemtomardecisesbaseadosemexperincias prviascomusurios. NaStudioSolatualmenteaplicadoummixdeabordagens.Osnoveanosdeexperincia comportaiscolaborativosfornecemsubsdiosparatomardeciseseminterfacesde interaessimples,vistoquemuitosdosproblemasenfrentadosrefletemempadresde interaoquepodemserreutilizados. PadresdedesigndeinteraosorecomendadosporCoopernointuitodereduzirotempo eesforoemnovosprojetos,aumentaraqualidadedassoluesdedesign,facilitara comunicaoentredesignerseprogramadoreseeducardesigners(Cooper,2009).Esta prticaofereceaindaoutrosbenefciosparaaempresa:Comoomixdeprodutos complementar(produtosdeentretenimentomusical),aumentarsuaconsistnciafacilitao reaproveitamentodeaudinciasecriaidentidade.

www.designdeinteracao.com.br

33 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Figura1PadresdeinteraodosprodutosStudioSol

Asmelhoresprticasobservadasnaempresasoavaliadasedocumentadasetransformam empadresdeinteraoemumprojetointernochamadoStudioSolUserInterface(ou SSUI).Janelasmodais,navegaointernaeexterna,griddediagramaojcontamna bibliotecaesoaplicadosaosnovosprojetoseaosredesigndosprojetosantigos(figura1). Quandohdvidassobrearquitetura,controleseelementosoumesmoarelevnciade funcionalidades,sorealizadosquestionrioseentrevistascomusurioschave.Na reformulaodoprincipalprodutodaempresaem2009,oportaldeletrasdemsicas

www.designdeinteracao.com.br

34 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Letras.mus.br,houveumagranderupturanospadresdeinteraonointuitodemelhorara experincia. Foramrealizadostestesfilmadoscomumgrupodecincousuriosparaasprincipais atividadesdonovosite.Problemasgravesforamencontradosemumaatividadefundamental dosite,oenviodenovasletrasetradues.Dadoscolhidosementrevistasapsostestes foramcruciaisparaasoluoencontrada. Outragranderupturaocorreunadefiniodemenuscontextuaisinternos,projetadospara proveratalhosparadiversasnovasfuncionalidadespropostas.Amaneirautilizadaparase definirarelevnciadestesmenuscomplexosfoiatravsdeumcardsortingrealizadocomum grupode10usuriosatravsdosistemagratuitoWebsort(2009).

Figura2cardsortingaplicadoeresultados

Apesardasmetodologiasaplicadas,aprincipalfontedecoletadedadosdosprodutos atravsdeanlisemtrica.

www.designdeinteracao.com.br

35 RevistadeDesigndeInterao|Edio03|Dezembro,2010

3.1.1Anlisemtrica Nestemodelodenegciosagilidadefundamental,poisatecnologiarelativamentebarata edisponvel.importantecriareatualizarosprodutosemumritmoacelerado. Umdosmaioresdesafioscoletardadosdeusorelevantessobrediversosprojetossem comprometerodesenvolvimento.EmpresascomoGloboeYouTubepossuemrecursos virtualmenteinfinitosparaaplicaremequipe. Emcontrapartida,pequenasempresascomoaStudioSol,decapitalfechado,precisa trabalharcomumabalanacomercialbemequilibrada,eumcorpodefuncionriosenxuto. AtravsdosdadosdeacessogeradospelaferramentagratuitaGoogleAnalytics(Google, 2010),queforneceumamiradedeinformaesdeusoemtemporeal,boapartedas estratgiaspodeserdefinida,poisocomportamentodousuriofacilmentemensurado. Amelhorprticaparaestemodeloreduzirotamanhodosreleaseserealizarpequenas alteraesincrementaisnosprodutos.Destaforma,ocomplexoedemoradoplanejamentode umanovaversoouprodutominimizando,assimcomoosriscosdeinsucesso. Valeressaltarqueestacircunstnciaestcondicionadaaumnmeroexpressivodeacessos paraqueostestesatinjamumpblicoconsiderveleheterogneo. 3.2Desenvolvimentogil ApesardeapenassepopularizarnoBrasilrecentemente,oDAexistedesdeametadeda dcadade90,esuasraizesremontemdocumentosdasdcadasde70e80(Halley,2009) quepropunhamsoluesparaacrisedesoftwarequeocorriadesde1960(Pressman,2009). Quase50anosapsdiagnosticada,seussintomasaindapersistem.Emumapesquisa realizadapeloStandishGroup(2003)com3.682projetosdesoftwaredediferentes empresas,31%noeramconcludose53%custavammaisqueodobrodoprevisto.Apenas 16%eramrealizadosdentrodoprazoecustosesperados. Metodologiasgeissurgiramnaturalmente,emdiferentescontextosesobdenominaes diversas.Seusprincipaisautoressereuniramem2001natentativadedefinirumnico frameworkeapsdiasdedebatesconcluramqueseriaumretrocesso,vistoqueas diferenasseadequavamsdiferenasexistentesnomercado. Oresultadodestareuniofoiummanifestoaberto,ouManifestogil(Becketal,2001),que

www.designdeinteracao.com.br

36 RevistadeDesigndeInterao|Edio03|Dezembro,2010

propunha: 1. Indivduoseinteraesaoinvsdeprocessoseferramentas. 2. Softwareexecutvelaoinvsdedocumentao. 3. Colaboraodoclienteaoinvsdenegociaodecontratos. 4. Respostasrpidasamudanasaoinvsdeseguirplanos. Omanifesto,noentanto,conciliador,vistoquenopregoasuasdiretrizescomodogmas.O modelotradicional,comfocomaioremdocumentaoedesenvolvimentoemcascata,no precisaserabolido.Todaestratgiavlidaseoresultadoqualidadedosoftware. Conceitualmente,processosgeissopautadosporflexibilidadeamudanase desburocratizaodeprocessos.Emtermosprticos,ahierarquiamalevel,a comunicaopriorizadaesistematizadaeoprocessodedesenvolvimentodivididoem ciclos,ouiteraes(Fowler,2005).EstasdiretrizessoseguidaspelaStudioSol. 3.3Scrum UmametodologiapopulardeDAoScrum,queherdounomeealgunsconceitosdorugby, popularesportebreto. Norugbyoespritodetimeextremamenteimportante.AtcnicadoScrum(abreviaode scrummageouataque,emtraduolivre)consisteemliteralmenteunirforasdosjogadores paraavanaremcomoumblocoemdireoaoobjetivo,ogol,atravsdosobstculos,ou seja,otimeadversrio.Dorugbytambmfoibatizadoosciclosdedesenvolvimento,queno Scrumdenominadosprint(corrida). CriadoporKenSchwaber,JeffSutherlandeMikeBeedleoSCRUMpossuiumfocono gerenciamentodosprocessos,ondeosenvolvidospossuempapeisbemdefinidos: 3.3.1Donodoproduto(ProductOwner,PO) Defineestratgias,caractersticaserecursosdoproduto.NaStudioSolosatributosdesta posiosodelegadosparaoscoordenadoresdeproduto,emboraasestratgiassejam definidasemconjuntopeloplanejamento,baseadasempesquisa.Esteopontodemaior ligaocomDCU. 3.3.2ScrumMaster ContatodiretoentreosoperacionaiseoPO.NaStudioSolestepapelexecutadopelo gerentededesenvolvimento.Entresuasatribuiesestoadefiniodasiteraessemanais

www.designdeinteracao.com.br

37 RevistadeDesigndeInterao|Edio03|Dezembro,2010

comoscoordenadoresdeproduto,aobservnciadosprocessoseanegociaodafilade desenvolvimentocomogerentedecriao. 3.3.3Equipetcnica Profissionaisdediferenteshabilidadesquetrabalhamcomoobjetivocomumdeentregaras especificaesdoPOeScrumMaster.Equipessoorganizadasporprodutosouprojetos,e sointercambiveis.Atrocadeexperinciasestimuladaatravsdedocumentaesdo GoogleDocs(Google,2010)enoYammer(Yammer,2010),serviodemicroblogging corporativo. 3.3.4Planejamento,revisoeretrospectivadoSprint Almdasfunesdelegadas,Scrumdeterminaumplanejamentodeaesbaseadanos ciclos.NaStudioSolossprintsduramumasemanaeasreuniesocorremssegundafeiras comoscoordenadoresdeproduto,gerentesdeequipeediretoria.Nestareunioavaliadoo sprintanterioreplanejadooseguinte. Outradiferenaquenaempresanohcliente,poisdonadeseusprpriosprodutos.O papeldoclientefeitopeladiretoria. Osciclosdeprototipaoelayoutocorrememintervalosmaiscurtos,emtornodeduas iteraesporsemana. 3.3.5Documentao Adocumentaodaempresageradaemantidanarede,utilizandosoftwaresgratuitosda empresaGoogle:Docs,emaileagenda. Oprincipalbenefciodestaestratgiamanterseusdocumentosacessveisporgrupose integradosentrediferentesservios.Umemailsetransformafacilmenteemumatarefaque anexadaaosbacklogsregistradosemplanilhaseletrnicas. 3.3.5.1Backlogs Adocumentaomaistilecotidianaparafuncionriosoperacionaisoutcnicosobacklog. Tradicionalmente,backlogsnosonecessariamenteumadocumentao,masuma ferramentadeorganizao.Sopainisfixadosnaparedeorganizandotarefas(ouestrias) emcolunasquedeterminamoquedeveserfeito,sendoexecutadoeoqueprecisade reviso(Nielsen,2010).

www.designdeinteracao.com.br

38 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Figura3backlogtradicionalaplicadonosprocessosdaempresa

EstemodelofoiexperimentadonaStudioSol(Figura3),masadeficinciaemgerarregistros flexveiseclarossetornouumempecilho.

www.designdeinteracao.com.br

39 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Figura4backlogaplicadoemplanilhaeletrnica

AtualmenteosbacklogssoplanilhaseletrnicashospedadasnoservioGoogleDocs (Google,2010).Todooenvolvidotemacessoaestasplanilhas,quesoorganizadasporum cdigodecoresparadefiniroqueprecisaserfeitoeoquefoientregueparareviso(figura 4).Colunasadicionaissocriadassobdemandasespecficas,paradefinirprazos, prioridadesecomentriostcnicos. Almdeoferecerumregistroricoeflexvel,OserviooferecidopelaGoogle(Google,2010) permiteediocolaborativaemtemporealechat,facilitandobastanteseuuso.

3.3.3.5.2Roadmap Paraostomadoresdedecisoodocumentomaistiloroadmapquedeterminaostatusde cadaprodutoatravsdeumavisogeraldecadaprojeto(Tanner,2006).

www.designdeinteracao.com.br

40 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Figura5Roadmapdosprojetos

ApsvriasversesaStudioSoldefiniuummodeloconsistente(figura5)queatendeesta necessidadeutilizandoumpadrodecoresquediferenciaoqueprecisa(marrom)doquej nodemandadeateno(verde). Atabelaexibeprojetosrelacionadosaosprodutoseseustatusemcadaetapade desenvolvimento.Onomedosenvolvidosemcadaetapapreencheaclulacorrespondente. Datadelimiteeobservaestcnicaspertinentestambmpossuiseuespao. 3.4AgileUserCenteredDesign Apesardereunirgrandesqualidades,muitosespecialistasapontamaslimitaesdoDA aplicadoemprocessosheterogneos.SegundoNielsen(2009),araizdoproblemaestno fatodestametodologiaserorientadaparaprogramadores.

www.designdeinteracao.com.br

41 RevistadeDesigndeInterao|Edio03|Dezembro,2010

EmrecentesartigospublicadosnaInternet,autoresproeminentesanalisamsituaesreais ondeDAeDCUseencontram,ealgunsfundamentoscomeamaserdefinidosparaeste amlgamademetodologias. Colfelt(2010)discorresobresuaexperinciaaplicandoScrumassociadoaoDCU.Parao autor,oprocessodedesigndevesertratadocomoumsprintindependentedelongadurao (aproximadamenteumms),executadopreviamenteaodesenvolvimentodesoftware.Este perodoobservadonaStudioSol,ondeasinteraesdeprottiposelayoutssomadas completamumms,emmdia. Estacondioparaosucessoumaevoluonaturaldoprocessonointuitodeincluir processosdedesign,postoqueemsuadocumentaooriginal,Scrumpropequeodesign devaocorrerconcomitanteaodesenvolvimento. UnirAgile(DA)comUCDpreenchelacunasdeambososlados.AscaractersticasdoDAso atraentesparatomadoresdedecises,poisentregamumprodutorapidamente.A abordagemdoUCDsomaaoprocessoportrazermelhordefinioaosrequisitosdosistema: Agilebompararefinar,nodefinir(Colfelt,2010)

Figura6ModelopropostoporColfelt(2010)parasomarUCDaoAgile

4PropostadeFrameworkparaportaiscolaborativos AlmdascaractersticasadaptadasdeDCUeDAmencionadasacima,aestruturada

www.designdeinteracao.com.br

42 RevistadeDesigndeInterao|Edio03|Dezembro,2010

empresaprecisaserbemdefinidaparaqueosprocessosfuncionem. 4.1Equipes AStudioSolformadapor6equipes,diretoriaefinanceiro.Cadaequipegozadeautonomia earesponsabilidadedenegociarcomdemaisqualquertrabalhointerno.Estaabordagem limitaasinterrupesdesnecessriasgerandoagilidade. 1. DiretoriaCuidamdeinfraestruturaedefinemestratgia 2. Financeiro/RHResponsvelporqualquerdemandaburocrtica 3. CriaodesignerseprodutoresHTML 4. Desenvolvimentoprogramadores 5. Moderaomoderadoresdecontedo 6. Comercialvendasdepublicidadeeparcerias 7. Instrutoresprofessoresdemsica 8. Vdeoelaboraodecontedoaudiovisual 4.1.1Gerentesdasequipesdeproduo Asequipesdeproduo(criaoedesenvolvimento)soencabeadasporgerentes responsveispor: 1. Elaboraoeconduodeprocessosseletivos 2. Treinamentodefuncionrios 3. Elaboraodemetodologiasdetrabalho 4. Desenvolvimento,acompanhamentoecoordenaodeprocedimentos 4.1.2Design Seuprodutofinalsolayouts(outelas)dosistema.Duranteodesenvolvimentodestes,o designerdeinterfaceexecutaasseguintesetapas: 1. Pesquisaeplanejamento(benchmarking)levantamentodedadosedocumentao doprodutoaserdesenvolvidoedaconcorrnciadiretaeindireta. 2. Prototipao(wireframeoumockups)detalhamentodosfluxosdosistema(nesse momentoaajudadeumdesenvolvedorpodesersolicitada) 3. Branding(criaoeaplicaodemarcaeidentidadevisual) 4.1.3ProdutoresXHTML Transformamlayoutsemcdigodemarcao(XHTML). 4.1.4Programadores RecebemosreleasesdoprodutoemXHTMLeoimplementamemPHP,AJAXeoutras

www.designdeinteracao.com.br

43 RevistadeDesigndeInterao|Edio03|Dezembro,2010

tecnologias.Soresponsveispormanteregerenciarobancodedadoseservidores. 4.1.3Demaisequipes Demaisequipesatuamcomoclientes,quedevemnegociardemandasinternaseestratgias comostimesdedesenvolvimento. 4.2Tiposdetarefas Tarefaouordemdeservio(OS)umademandaformalizadaatravsdosistemainternoou emplanilhasespecficasporproduto,chamadosdebacklogs.Sosemelhantesaoconceito deestriasdoDA(Nielsen,2010),masemumescopomaisamplo. Paraaperfeioarosprocedimentos,foramdefinidosostiposdetarefasedelegadaautonomia paraosenvolvidos,permitindoqueosresponsveisporpesquisa,planejamentoeestratgia dispusessemmaistempoparaestasatividades.

Tabela1ModelopropostoporColfelt(2010)parasomarUCDaoAgile

Tarefaouordemdeservio(OS)umademandaformalizadaatravsdosistemainternoou emplanilhasespecficasporproduto,chamadosdebacklogs.Sosemelhantesaoconceito deestriasdoDA(Nielsen,2010),masemumescopomaisamplo.

www.designdeinteracao.com.br

44 RevistadeDesigndeInterao|Edio03|Dezembro,2010

Paraaperfeioarosprocedimentos,foiimportantedefinirquaisostiposdetarefas(tabela1) edelegarautonomiaparaosenvolvidos,permitindoqueosresponsveisporpesquisa, planejamentoedecisesestratgicasdispusessemmaistempoparaestasatividades. 4.3Fluxodetrabalhoparatarefasdealtoimpacto 4.3.1Demanda 1. Diretoriaegerentesdeequipedeterminamoplanejamentoestratgicodecurtoprazo. 2. Demandassonegociadasentreosgerentesdeequipe 3. DemandaadicionadaaoRoadmappelogerentededesenvolvimento. Oplanejamentoestratgicopodesermodificado,enriquecidopelasdescobertasnaetapade planejamento. 4.3.2Planejamento 1. Benchmarking Gerentedecriaocriatarefadepesquisaparadesignerdeinterface 2. Brainstorming Designerdeinterfacemarcareuniocomstakeholderspara apresentaridiasediscutirviabilidadetcnica,estratgicaelevantarrequisitos. 3. Briefing Odesignerdeinterfacegeradocumentocomanotaesdareunioeo validacomgerentedeequipe. Dependendodoresultadodareuniooprojetopodeserdescartado,engavetadoouretornar etapadepesquisa. 4.3.3Prototipao 1. Gerentedecriaoenviatarefaparaentregadeprottipo. 2. Senecessrio,gerentededesenvolvimentocriatarefasparaprogramadorrealizar etapasdebackend 3. Designerdeinterfacemarcareunioparaapresentaodepropostapara stakeholders,efazanotaespararefinamentos 4. Gerentedecriaomarcanovaentregadeproposta,ocicloserepeteatprottipos seremaprovadosemreunio Onmero(estipulado)deentregas3.Odesignerdeinterfacepode(edeve)pedir orientaoconstantedodiretordecriaoparaelaboraodeumapropostaconsistente.

www.designdeinteracao.com.br

45 RevistadeDesigndeInterao|Edio03|Dezembro,2010

4.3.4Branding 1. Gerentedecriaoenviatarefaparaentregadelayout. 2. Senecessrio,gerentededesenvolvimentocriatarefasparaprogramadorrealizar etapasdebackend 3. Designerdeinterfacemarcareunioparaapresentaodepropostapara stakeholders,efazanotaespararefinamentos 4. Gerentedecriaomarcanovaentregadeproposta,ocicloserepeteatlayouts seremaprovadosemreunio Onmero(estipulado)deentregas3.Odesignerdeinterfacepode(edeve)pedir orientaoconstantedodiretordecriaoparaelaboraodeumapropostaconsistente. 4.3.5Cdigoestrutural(linguagemdemarcaoXHTML) 1. DesignerdeinterfaceenviatarefaparaprodutorXHTML,edeveauxililoesolucionar dvidas 2. CiclodevalidaodatelanoXHTML: 2.1. Colegadeequipe; 2.2. Designerdeinterfaceresponsvelpelolayout 2.3. Coordenadordeproduto 2.4. Gerentedeequipe 2.5. Programadorenvolvido 2.6. Diretoria 4.3.6Programao EstaetapaamaissemelhanteaoScrum:Programadorestrabalhamquasesempreem duplasoutriosorganizadosporprodutos,emiteraessemanais,seguindoobacklogdo projeto. 1. 2. 3. 4. Debate Execuo CiclodeAprovao Enviarparaumsandbox(ambientedetestesinterno),paravalidao,comdiasde antecednciaetapadeentrega 5. Publicao 4.3.7Publicao Nenhumprodutovaiaoarsexta,poisaequipenotrabalhaemfinsdesemana.As

www.designdeinteracao.com.br

46 RevistadeDesigndeInterao|Edio03|Dezembro,2010

alteraesounovosprodutosfuncionamemumambientedetestesinternoparavalidao. Depoisvoaoarsemdivulgao,eapenasapsestasduasetapasocorreapublicao oficial. 5Concluso Asmudanasrefletemnosresultadosdaempresa.Osprodutosprincipaisregistraram crescimentorecordenosltimosdoisanos,acimadosdemais.DeJunhode2008atJunho de2010oportalletras.mus.bracumulaumcrescimentoexponencialde240%. Antesdaadoodestasprticasoportalapresentavaumquadroestvel,proporcionalao crescimentodaInternetBrasileira.DeJunhode2006atJunhode2008ocrescimentofoide menosde17%. Comresultadosemelhanteseapresentamoutrosportaistrabalhadossobestametodologia. OportaldebandasindependentesPalcoMP3cresceu219%entre2008e2010,frutode reformulaessemelhantessrealizadasnoportalLetras.mus.br. Outrosportaismenosrelevantesdaempresatambmproduziramgrandesresultadosneste intervalo.Atualmenteaempresaconcentraesforoseaplicaametodologiaapresentada nestedocumentoparaareformulaodoCifraClub,umdeseusprincipaisprodutos. Aprevisoparaanovaversochegaraoarumtrimestre.Asprincipaispginasdoproduto jforamprototipadas,testadasetransformaramemlayoutsaprovadosemtemporecorde, menosdedoismeses.Antesdeaplicadooatualframework,areformulaodeumportal menoscomplexo,masdeportesemelhantelevouumanoemeio. Aexpectativaqueestetemposejadiminudoparaumtero. 5.1Pontospositivos Asistematizaoapresentadanestetrabalhoadequadaparaelaboraoiterativadenovas funcionalidadesoureformulaesdeportaiscolaborativos,poissomaesforosdaequipede designedesenvolvimentoemumesforocomumcomresultadospalpveis. Omodeloencontradopossibilitaaparticipaodeumescopomaiordeenvolvidosemum tempobemmaiscurtodedesenvolvimento,poisosciclosdedesenvolvimentosopr determinados. Outrobenefciodiretoaparticipaomaiordevozesplurais,poisprogramadorese designersparticipamdetodasasreuniesparadeterminaoderequisitoseavaliaode

www.designdeinteracao.com.br

47 RevistadeDesigndeInterao|Edio03|Dezembro,2010

prottipos. Finalmente,amaturaodosgerentesdeequipe,diretoresecoordenadoresdeproduto envolvidosemdecisesestratgicasemaplicaraanlisemtricafornecedadosrpidos, precisosepontuaisparaatomadadedecises.Aessomedidasemintervaloscurtos, entreumdiaeumasemana. 5.2Pontosnegativos AindahdificuldadesemaplicartcnicastradicionaisdeDCUnodesenvolvimentode produtos,comootestefilmadodeusurios.Nohnaequipeprofissionaldedicadoa pesquisa,poisaindanoexistemdadossuficientesparadecidirseesteumtrabalho sazonalouconstante. importanteaplicarestametodologiapormaisalgunsprojetosparadecidirestaquesto. 5.2Consideraesfinais AplicarDesignCentradonoUsurioeDesenvolvimentogiltrouxebonsresultadosparaa empresaStudioSoleseusprodutos. Mascertamenteaindahpossibilidadedeevoluodestasabordagens,vistoqueh bastantetrabalhoaserexecutadocomosdemaisportaisqueprecisamdenovainterface. Bibliografia ABRAS,Chadia;MALONEYKRICHMAR,Diane;PREECE,Jenny.UserCentered Design.2004.Disponvelem:<http://www.ifsm.umbc.edu/~preece/Papers/User centered_design_encyclopedia_chapter.pdf>Acessoem24/03/2010. BARDUSCO,Danilo.ScrumnaGloboderrubandomitos,2008.Disponvelem <http://www.slideshare.net/bardusco/scrumnaglobocomderrubandomitosupdated presentation>Acessoem03/06/2010. BECK,Kentetal.PrinciplesbehindtheAgileManifesto,2001.Disponvelem <http://agilemanifesto.org/principles.html>Acessoem24/03/2010. COLFELT,Anthony.BringingUserCenteredDesigntotheAgileEnvironment,2010. Disponvelem<http://www.boxesandarrows.com/view/bringinguser>Acessoem08/06/2010.

www.designdeinteracao.com.br

48 RevistadeDesigndeInterao|Edio03|Dezembro,2010

COOPER,Alan.Aboutface3theEssentialsofInteractionDesign.Indianapolis,Wiley, 2009. DesignCouncil.PuttingpeoplefirstUKDesignCouncilonusercentreddesignand experiencedesign,2006.Disponvelem<http://www.experientia.com/blog/ukdesigncouncil onusercentreddesignandexperiencedesign/>Acessoem24/05/2010. DUBINSKY,Yael;HAZZAN,Orit.WhySoftwareEngineeringProgramsShouldTeachAgile SoftwareDevelopment,2007.Disponvelem<http://portal.acm.org>Acessoem24/03/2010. FOWLER,Martin.ThenewMethodology,2005.Disponvelem: <http://www.martinfowler.com/articles/newMethodology.html>Acessoem:01/05/2010. GIL,AntonioCarlos.Mtodosetcnicasdepesquisasocial.5.ed.SoPaulo:Atlas,1999. GOOGLE.MaisprodutosGoogle,2010.Disponvelem:<http://www.google.com.br/intl/pt BR/options/>Acessoem:01/05/2010. HALLEY,Lane.MakingSenseofUCDandAgile,2009.Disponvelem: <http://www.slideshare.net/LaneHalley/makingsenseofucdandagile>Acessoem: 01/05/2010. HASTIE,Shane.OsCustosJustificamaMigraoparaAgile,2009.Disponvelem: <http://www.infoq.com/br/news/2009/05/agilemigrationcostjustify>Acessoem:01/05/2010. Ibope/Nielsen.67,5milhesdepessoastmacessointernetnoBrasil,2010.Disponvel em:<http://bit.ly/ibope_bielsen_2010>Acessoem:03/06/2010. LUBORMISKY,Sasha.InsideUserResearchatYouTube,2009.Disponvelem <http://youtubeglobal.blogspot.com/2009/10/insideuserresearchatyoutube.html>Acesso em24/03/2010. MEMRIA,Felipe.DesignparaInternetprojetandoaexperinciaperfeita,RiodeJaneiro: Campus/Elsevier,2005. NORMAN,Donald.Thedesignofeverydaythings,NewYork:BasicBooks,1988.

www.designdeinteracao.com.br

49 RevistadeDesigndeInterao|Edio03|Dezembro,2010

PATTON,Jeff.HittingtheTarget:AddingInteractionDesigntoAgileSoftwareDevelopment, 2002.Disponvelem<http://portal.acm.org/>Acessoem24/03/2010. PREECE,Jenifer;ROGERS,Yvonne;SHARP,Helen.DesigndeinteraoAlmda interaohomemcomputador.PortoAlegre:Bookman,2005. PRESSMAN,ROGERS.,EngenhariadeSoftware.6.Ed.SoPaulo,Ed.McGrawHill,2006. STANDISHGROUP.TheChaosReportTheStandishGroupInternational,Inc,2003. Disponvelem:<www.standishgroup.com/sample_research/PDFpages/extreme_chaos.pdf> Acessoem24/04/2010. StudioSol.Studiosol,2010.Disponvelem<http://www.studiosol.com.br//>Acessoem 24/03/2010. StudioSol.StudiosolMdiaKit,2010.Disponvelem<http://www.studiosol.com.br/midiakit/> Acessoem24/03/2010. TANNER,jason.BuildingyouragileRoadmap,2008.Disponvelem: <http://www.enthiosys.com/insightstools/whitepapers/octrymaroadmaptanner/>Acesso em:01/06/2010. Websort.Sortingstudies,2010.Disponvelem<http://websort.net>Acessoem24/05/2010. Wikipedia.YouTubeWikipedia,thefreeencyclopedia,2010.Disponvelem <http://en.wikipedia.org/wiki/YouTube>Acessoem24/03/2010. Wikipedia.RugbyWikipedia,thefreeencyclopedia,2010.Disponvelem <http://en.wikipedia.org/wiki/Scrum_(rugby)>Acessoem24/05/2010. Yammer.Aboutus,2010.Disponvelem<https://www.yammer.com/about/about>Acessoem 24/05/2010. YouTube.YouTubeBroadcastyourself,2010.Disponvelem<http://www.youtube.com/> Acessoem24/03/2010.

www.designdeinteracao.com.br

Você também pode gostar