= ee oN eer tna (ce-me (ere) (el =k lia ae | es i" WordPress... ae 4 e OMe eo) ee ce clapa ce eriagdo des layouts 4 a de gerenciacofes de contetido ais Cal sige} sige : ‘ « ‘ite. =aa Tze UCLA A Venha se atualizar e reforcar seus conhecimentos no maior evento de internet do Brasil! coeds WED vinamize teclagy Moi aaa a Buxnwou Reon =) Monga xe 72. iPOvalor dainterface ‘metro quadrada* ‘Saas eproféticas palavras publicadas logo na introdugodo livre 7 7 “Homepage Usabilldade" escrito pelos especialistas Jakob Nielsen, «Marie Tahir. Quase dz anos apes a sua publicacéo, a obrase Direcs0 Gera tomounmeléssico do seamentowe Serine te Durepaoca adage ‘ls Rocha Guardadasas evades proporcées fnancetras.clesestavain no meee ‘camino certoao fazer tal afimacdo.S6 para se ter uma iela.a ‘Camila oles vverba alocadana crlaciioeno dasenvalvimentodo Portal Bras pasos ‘que durou cerca de um ano para tcar pronto, folde ll milhoes de ‘Tabaruba Design Tests (http /tnyer.com/77 editorial) Publicidad ‘anna acon ‘Thiage Nabuee Por falar neste projeto, ele um dos 12 cases analisadosna matéela ‘Desconstrulndo interfaces" (odginas Wa 45), Nossa fonte de Atencmente s Rebeca Emerick inspracéo acabou sutsindo através de algumas consults eltas justamented obrade Nielson e Tah Assim, decidimoscrlar uma steelers ‘versio adapada ao mundodo design de interfaces Parse zuma Porfalaremilivrs bisiotece éum temo que vemoapa cabeca, euarao costs Etambem, porque no, remeteaedicac destomés Iso porque Brentos erttane Dama reparamos uma reportagem apantando as vantagensno usode Diblictecas de padres deinterfaces (péamas52a5?. (Cam sso, nossa asperanga é que o contando desta eaicso ns ‘enriquecaainda mais seu cotidiano de producéoe estumulea eww revistawebdesign.com.br formacao de um discursocriticona area, Boa letural vist Tet wow revistatiaigitatcom Br Grandeabraco, EncontrodeDesigne ieenningn et Luis Rocha rmectedcom tuts rocnag arteccom com Dr eamnene wow forumintornaconatcom br Concurso Pais Gran worw.pelregrandecom.br wou wobparadesignerscom or ursobest dente Fale conosco vos cesignnnertecencm be AlencTerto tandimentogerteccem come Recacao: redacao@revistawebdesign.combr PUDIICIGACE: publteldadewarteccomcom.br Prodeacicimclten ee Distbuicao ani vw.chinagila.com br Contetidosobre design (més de mato tambem estararecheado debom contetiéono | cidisncsagn saa ‘worerevistawebderien com. cesse ¢confira maisum proieto | ™™=nePe arcane exclusive desconsiruldo bate-papo com Feline Meména sobre | : parémelros de qualidade de interfaces edicas de letura sobre | ,,§io¢PemindeareproductogePorttélio Freelancer 16 ENTREVISTA Rafael Cun Soboimpactoda Portféllofnstrador 18 geracaoY Raphael S iC asprinelpal casemflues PorttélioLenteDigital 20 Fredy Thorvaldsen Portiélio Fontes deInsptracso 22, Pedro Moura cara Desconstruindointertaces 32 ne Marie Ta. nde interface entemente Inspiraciosno livia” Homepage: Usebiidede’ cle Jako Ni preparammosumespecialadant eltualde I2projetos dost atravésdaanal opmntho Agils sem perder aqualidade 46 ESTUDODECASO Oacervo nidlie de Niemeyer 58 8D: Carolina Viena-Mart twroriat 64 Marketing 68 Renéde Paula J Internactonal 70 Papervision 3D noFlash Webdesign 72 LultRaataE-MAILS Ficoumuito bomo Catalogo Porttetie2010,Parabenspela imciatva ousacbaecoraaem bbacana ver comotem agencias digials crescendo produando cokes Vootstazem E-mail Dare dosnt teasnanz- efc. csueszonczcousnt Cesar, muttoobrigadal amos jelzespelorecanhecimentodo trabalho Paraoanoguever, aldoiaé methoraraindamassa qualidace do catétosoedvutsar imaisagincas espathadaspelo Brasil Quer ver boastnaleagtes ‘ander poraredaenoe revistawebdesign.combr Piquethem fotze entustasmado comanovacaradarevista, Realmente,melhoroumutoe aleatura tcoumatssoltaeleve ‘Agora estou curiossparasaber ‘como vai sar essa sec80 Andlise delinterface=" MAMELDEPAOLA- Dpaotascaait.com! (01a Dante! So temosa.aradecer a colahorara0 eas palavrasde Incentives que recebemos nas tilumos clas. Temos ainda alauns alustesa fazer masointuitoe ‘evolu sempre, abigado!Sobre anovasecso umespecialsta val azoruma espéciede consutoria sabres principfas do design aplicades na consinucao de Interfaces/prajetosenviacos pelos proprios llores Estarnas ‘maturando melhor esta ‘dela para ombrove lancéa, Aguardemasnovidates! Soulletor da revista desde 2006 Achoa laturaexcelent voctsestiode parabens! Mas sostaracesebersealmuma edicao anterior da revista fala sobropremiagSesda web, Ande! pesquisandoengoachel nnenhuma outrapremiacio Significantenesse meio.anao sero Petse Grande. Nao seria ‘umaboa sugestiodepauta? Abracos! FERNANDO PIRES: ‘CONTATOSFERANDODESICNER.COM! (OuFemanda Asradecemosa confiancaem rosso trabalho 20 longo da terpe Reaimente, ido exster multaspremiagtios sobrewieb no Brasil Alem do Peixe Grand, tinhamas antes Brena Best eacdo Frum de ntemet Comoratnva Nesse ano.sursiuumarova reatzada pelo pessoal da Converge- warm. remloconverge comb |.) fora, una das mais conhectdas ow webbyawards.com -laas indicagdesdoste FWA ‘tambom so bastante cobicadas. wor notwacom De repente ce assunte pode vrar uma boa paula Obrigado peta ical (Quero saber quando serdaberto opariededensericdes para cconcursoPeixe Grande ‘2020 ISARADANTAS-CoNTATO® SSARADANTAS.COMB] Sara aprevisfo da comiss80 organtzadora éque as nscrictes sejam abertasa parti domésde sult. Vamos fazer a dvulsacao daedico2010atravisdo Twator (qarteceom) injorativoesite daFowsta Webdesirt Faquede olhonessescanais) ‘Sse mals sao apresentades TWITTER (@arteccom, srevistawebdesian) @nittonheck @asdruboows Souobrigado adizer que seo @gazozzo Parabéns pela pessoal da @arteccom visava entrevista sobresemisticana _inspirar aindamais os eltores, Frevistawebdesion! Leura da Webdesign, entdo, conse- enriquecedoral Abraco. ‘uit. Meus parabéns. @asateramos Gentece..Aedicdode abrilda Revista Webdesign acaboude ‘chegar aqui em casa! Tamuite show de bola: Midias socials, HITMLS,semiétie @brunorodrigues Paraler, quardare enviar CVs: ced. especial ‘Webdesign’, "Car t8loge Portfélio 2010", comas ‘melhores agéncias interativas dopais. mperdivel ‘Sugestdes dadasatravés dese malls enviados revista passamaser de propriedadeda Arieccom 6 | wets | 7720500DIREITO NA WEB PROTECAO PREVIA DE PROPRIEDADE INTELECTUAL DE WEBSITES Estou comegando a juntar informacées legais sobre a mantagem de um site, vendo se & legalmente vidvel 0 servigo. Minhas diividas so: tem algum jeito de proteger os direitos de um projeto de site antes de encaminhar © mesmo para execucdo, ou seja, proteger o projeto para depois levar a proposta para a empresa parceira? Se depois de desenvolvido, proteger os direitos autorais? Ou também, depois de registrado, posso vender estes direitos para que o site funcione? CARDO OMAN) -stmnteardocyahion comme Oseguromorreu de velho ja dizta um citedo, Prudéncia e caldo de saalinhanaofazem mal a ninauém diz outro ditado Fato é queapre- venga, segundosediz,¢melhor queoremeédio Portanto,nada coma proteserpreviementeapropriedacte intelectual de um websiteantes cquesuriamduividas discussbesedisputas. Mas como proteger? Em primeito hugat.€ preciso analisar sena oncapcde do projeto ha elementos regitraverscomo propriedade intelectual, For qué? Porque segundo a let de direito co autor CLet 9.610, art. 79,20 s80 proteaivets”os projetos esbocose obras plést cas concernentes a geografia, engenharia, topografia aquitetura, ‘palsogismo, cenogrataeciéncla’,e camo saber, ciéncla da com. putacSotambem é cléncla Onderegistrar? NaPablioteca Nacional ‘Mas ese por alsuma re2d0 se considerar quengo ha elementos suficlentos para tal registro? Enlzo quese procure registrar asidelas planos,desonthosiniclaisetc, em cartrlo de'Titulos eDocumentos Porém,paraqué? Parase obter uma taco oficial de que, em deter ‘minado momento. alquém é possula tal ela, concepcéo, ou desen- volvimento preiminar,eassim, sa surglr futuramente outroalguém se dizendo opalda crianca, tera que provaro contrarlo, ou seja.de (ques antertondadepertenceaele aque oreistroemcertoniotem fé iblica,ecoutroalguém tera quederrubar apresuncéolegal gracia por ela oquensod fact Ha ainda alauma outra coisa que possa ser protesida previ ‘mente? Sim For exemplo,as bases de dacos (protesidas conforme pprevisto na le actma citada art. 79, XIE “as caletaneas ou complla (cde, antologias enciclopedias dicionarins, bases de dads @ outzas cobras, que par sua selerd0, orsenizaco ou dlsposicao de seu conte ‘ado constituam uma criacao intelectual onome cu titulo que seis ‘dado a0 webstte ouan softwaredesenvelvidepparaele tromeetitulo esses proteaidos seaundo omesm dispositvolegalacima notnciso ‘VW'osnomese titulostsolados). Pode:seainda registrar apartegrfica se houver sco alaborada, naBecoladoBelas Artes: Como se vé, hd meios de se construlr um verdadetta arsenal” prévio, de protecao, com blindagem maltipla, contra a possibt lidade de Futura concorréncia dasleal, apropriagao indevida, e ccutros mcidentes, Equando vier hora de apresentar essa proterSo no iniciodas cconversas com 0 parceiro? Nessa ocasi, vale citar que a busca de protecio prévia fot para registrar um fato, qual se, o de quem teve aideia aceseniiou etc E que orenstrodlessefato no significa ‘que nfo possa haver subsequentemente uma negoclackosobreos direitos comerciais (its, “palsimoniais’) de exploracie da obra ‘Simplesmente se assegurou o3 dreltes de patemidade, porém man: tendo abertura para, se desejado e conveniente negoctarlicenca (aulorizacio de uso) ou cessio (vender passankioadiante) ‘Quem sabe faza hora, no espera acentecer. No calor das discus. ses, ¢ em momentos posteriores, ameméria das pessoastica mais ‘comprometita,tamando menos préticae seguro discutir quem fot ‘autor original. O melhor mesmo é tirar um retrato oficial, desde 0 Inieto,comtodaa inteligencia eestragia cablvels 7720500 | webdecion | 7NOTICIAS Combate a dengue no Orkut Nari alte cogent tn arti ita atcha aatengo das pessoas sobreassuntosimportantesna vida eal Pansandonisso,aSecretanace Estado de Sade de Minas Gers decicinninvestirnaeredessocnise contrat agénciaLanis Raroparadesenvol um gameviaOrkut.chamadoDengue Ville (nttp//dengue:mn/erient) Oprojeto folinsplrade nos famosos {ogos Fermmlle Facebook) Colbetta Feliz Orkut) Aicetaé terativa. os usuariosa tomarem onclasobreas apbes que ajudama combatar osfocos feractodo mosquito Aedes aempty ‘Uma pesauise da Flocruzmostrou quemais de 907 das pessoas sabem como evitar ‘o mosquito, mas uma porcenlagem muito pequena tinha ohabito decolocar essasmedidasem pratica Oqueseconcluléqueas ‘campanhas educativasnéo témm funcicnado’ explicaosectetario estadual esaile Ant6nio Jorge de Souza Marques Portanto, ‘vamos colocar tals medidasem pratica, pescoall Guia sobre design Boasnoticiasparaquem formato eaestrutura do ua Criginal, dlspontvelno Projeto Sobrestes (www sobrestes ‘com/destgn),Sesuindo Eduardo ‘quem tenho trocadobastante nformacao},mas também discutlreconversar sobre aspectos etemas interessantes do desisn’-Uma das iltmas novidadesdogulaéa criago de um canalno YouTube wir, ‘youtube.com/gulassbrodesicn Valeavisita Desempenho de sites ‘Voc8 sabia cue sites quelevam, ‘maisde cinco segundos para ccarregarreduzem am 7% fnalizac I0%asstistacaodochente ccomaexperténcia dacompra? Osdadasstodepesquisa daempresadeconsultonia Abercieen Group Diantedlesse ‘cena, nabusea por ferramen: dos pedidose em tasparamedirocesempenho deprojetos diatais abos noticia équeaCompuwarelangou uma solugao gratulla chamada ‘Gomez Custom Benchmark Tool (wwwgomez.com/iny-ben- enmarty jue oferecarelatéirio ppersonalizadod que classifica desempenhioe disponibildade dossites deaté ‘quatro concorrentasciferentes METRICAS : % 31,7 milhdesBLOG DO MES Lado Design ‘Adica deste més fol enviada pelo leltor Gabriel Freitas (www. ‘twitter cougabriel treltas). Estamos falando do blog Lado Design (wwwiadedesign com), criado recentemente pelo estudante de publicidad Diogo Rodrigues. Segundo ‘a apresentacdo oficial, o objetivo é publicar “trabalhos relacionados a tudo aquilo que um webdesigner precisa saber: Mascarando um objeto via ASS tis cores, Gestalt, tipografia,lustraces, tendéncias,a semantica do DXIHTML€ CSS, efeitos produzidos pelo Flash e Javascript, ‘marketing para web, midias digitais et." Um dos tépicos, Interessantes deste blog @a seco Tutorial, que trazdicas.curtas eespeciticas sobre Actionscript, Flash eXML. Além disso,a secdo Inspiracio também é uma boa pedida sobrereferéncias crlativas do universo digital. INTERNACIONAL LinkedIn EUA rviadopor Bers Brana winw-bergbrandtcom Muitaaente conhecearede rofissional Linkedin wm ateeaimeom) Por aij elae ‘uma ferramenta querealment= funciona conectando empresas ‘eprodssionats, Um perfilcom: pletoe atuaizacopodegarantir boas fertasde tabalho,Umdos fatores essenciaséa partic (cdoem gruposligados rea de ‘oprupo Front-End Enaineers, ‘tty mttiyimieaintee) voaltadio para desenvoledo. resweb,O grupoconta coma bparticpacdodeprofissionaise cacatalentosde variospalses ‘ho Pensandonisso, cre Educacao TREVISO nviadopor Amakdo Boico Tweoprezerdeparticwar eum workshop da Fabrica Caboratérie Multunicra da Benetton) aracasaocomte @oamigo André Amaral tp ‘andresmaral com) Doss0:5 osmais iversospaises trabalhandojuntasemum projetosocial para a UNESCO (httpy/mlgreme/vSho} Ente cusses esbocos.nisadase mimncas a rocesso criauvoeexecucdo deideias.e observei muitode pertoumapartedosisterma 0500 | webseson | 17PORTFOLIO Raphael Sonsino EMAIL rephaelasonsinocombr SITE-wwwsonsinocerbr 18 |wetxess ustracao Raphael Sonsino Formado em Deseniho Industrial (com habilitagao em Programacao Visual) pela Universidade Presbiteriana Mackenzie Designer Gréfico, llustrador e Artista. Trabalhos/destaques: OOGLAB (www.ooglabcom) identidade visual e iltustracées para $3 Skateboards (www-s3skateboardscombr): ilustracdes para El Cabriton y Amigos (wwwelcabriton.comby). WD Como define seu esto? RAPHAEL Tinto 0 objetivo de pasar expresstut dade, movimento, diferenclacSo pela ullizarfo de ‘varios suportes emistura de técnicasna criaciodas sminhascompasigdes visuals Sournustodotalhista, potém procure sempre desenvaiver trabalhos ‘menos tearades sem preocupacso com ord, alinhamento,proporcbesete wm Onde voc# busca referencias para o seu trabalho? RAPHAEL Njuitos ivros de desin etlustracao, admmiracio pelos trabalhos de grandes artistas ‘como Alphonse Mucha. Frank Frazzeta Simon Bisley, Kent Williams Sebastian Krueger, Davia Carson, HO santigns aquelas que eram feitas pelo ‘todo tradicional com téenicas de aeroarafiae actilica, nda namo) skate, arte urbana, forogratla ‘emiistca (capasde vinll da década de 70/20.de bandas punk new wave rock).772080 | weteesin 19PORTFOLIO 20 Lente Digital Freddy Thorvaldsen ‘Sou coardenador de marketing da OSM Brasil, formada em Publ lio na ESPM e MBA em Marketing pela FGV-RJ e opaganda cam curso OHIO University. Apre lindas imad dade também. Wp Angulo, luminacSo,textura, movimento, corte. ‘que mais se destaca no seu trabalio? FREDDY Acedia queo: se-destacano me wa fe smpre fui moviclo algo nusitado, Atualment= ron 5OD fazenciotrabal ‘Cartier Bresson’ que ven jenn que soja na minha pared di fotogratia desde pequeno. tenho as maquiinas antigas como xod6 (Incluindo uma Po! Ns), Sempre ful autodidata, mas tive médulas de fotografia na univers! idade e ves do meu pai, € aind larold SX-70 que fazia Freddy Thorvaldsen EMAIL ftesdy@thorcomunicacaocombr --wwwfickrcomedaythor EePrala da Tartaruga (2 (camera. caren bemte 17700 [2 er BA Prece ( 00! Contemplagae (200 Lente 1°70 6 0)PORTFOLIO | oa Fontes de Inspiracao Pedro Moura Designer grafico formada pela Escola de Belas Artes da UFRJ. Participa do projeto colaborativo Crimes Tipograficos, escreve no site Tipos do Brasil - http//tiposdobrasilcom - e suas fontes mais conhecidas so encontradas em http,//tipospopulares.combr [WD Como surgiua ideia de criar esta fonte? devordeumtex de ivros. esse PEDROFia surgiu enquanto eu desenvolviao 10m de vor precisa ser menos present, aque s6 projeto grafico de um produto para crianca assim voct pode ouvir, durante aettura.a vazdas Comecet desenharafonteporpurafaltadeboas _perscriagens,otimiore do ‘opsties-acho que toda mundo ja passou pore Yo do autor-concentrar sematsna mensager, © dividana horade fazer um projetodessetipaB mens na desenho das letras Nastevistas otom de para opal diferentes sfrases para oprojeto. Quandoeuvique de um webdesigner, voce escalhe diferentes tind sm set minumo desen para diferentes eamnda + oarquivodefonte-Tinha experién Mas acredito, sim, queem o.resolvad mum tom de vozhem marcant Jo om vetores som perder ojettode letrexamento Estou numa fasede ti cela vent chorrodeva ‘ipoaraficos http /icrimestipoaraf ‘quer dizer apena: pode mostrar deo [WD De cue maneita a tipografa influencia na trans- missio damensagem? PEDRO Mina opiniio & quea sipoer §@©® stomFONE E FORTE, PAE sovreaticotico Sai i WO BOBA, Bai L ed ade plpteekmewerty i MUM ice MTT aa ge \UMENTACAO ATRAVES DE UMA ALIMENTAGAO WPLETA. BALANCEADA E COMPLETA. AAUDAR DESIGNERS QUE DP Ve stro te Bite LUST ut esta oie yt eet) bthdihe least TE Ste ne TICOTICO E UMA FONTE COM INSPIRACAO NOS LETREIROS DE GIBIS, QUE NO Nosso PAIS SURGIRAM EM SUAS PRIMEIRAS EDICOES PARA CRIANGAS, NO COMECO DO SECULO XX, E SURGIRAM PARA FICAR! VAGENS DE QUADRINHOS BEASILEIROS SE CHAMAVAM. RECO-RECO, BOLAO E AZEITONA! H doles) Pe Wiad 3 Ta a Ail Syst ea wea a Taal See eat ies COUNTRY FOR THE FIRST TIME IN THE Tl ee Oe ata ae ad peer rari et 34 ee PVA Ty Co)NTREVISTA Soboimpactoda geracao Y Busca constante e ousada por novas experiéncias, dominio tecnologico, perfil questionador e realizacdo simultanea de tarefas. Essas sao algumas das principais caracteristicas dessa geracao nascida entre 1980 e 1999.Sidnei Oliveira Consultor autor @ palestrante, expert em conilitosde goracbes geragso Y, deserwolvimento de novos talentas e reeles socials ‘Site: wwrw.tenetolivetra.com.ar ‘Twitter: @sidnoleliveira Para entendermos melhor todas as transformacées vividas por estes ovens © o seu impactona conceucao de estratéaias de comu- or Sidnel Olvera, que autor -onexdes, tempo dos relacionamen: sto de lideres nieago,conversamoscom o cons dos lvias"Geracho ¥ era da tos" e Geracio Yo nascimento de uma no% Confracresultadaa seguir Ww Dentre as principais caracteristicas desta geracéo nascida partir de 1980, vocé destaca a simultaneidade na realizacao de tarelas eo perll questionador. Alm destas, qualsserlam as outras caracteristicas fundamentals na hora de se definir um perfil resu ido desta geracio? ‘SIDNELE possivel observar também a stance intimidade com tec rnologia Mesino am jovens que témm menos acosso aos equipamen: tos observamos uma rapida essimilacSo eaprendizagem quando recebem um equipamento modem, Nalineuagent popular, Ecomo seeestesjovens ja nasceram"sabendio’ Além dest gosto de ressaltar que a geraciio ¥ cousadla para exnenimentar sm “sede” por experiénciase WP Voce dedicou um capitulo exclusive do livro “GeracSo Y: era {das conexdes, tempo dos relacionamentos” para apontar os princi pals arupos,tibos tipos pertencentes & aeracdo Y. Em termos de relacionamento, quais so os maiores abstaculos para se garantir lum bom didloga cam e entre esses diferentes grupos? E comum vvermos jovens inseridos em mais de um determinado grupo? ‘SIDNET Diferente de jovens de outras geracbes,a ¥ ¢ composta por jovens “mutantes’ que pertencem a diversas tr ‘heamente. A chave estd em entender o grupo de relacionamento fem que eles esto envolvidosno momento ouna experiencia que desejarealizar Dependendo do grupo e do cenario, nto ha abertura para dla Jogo, pats alguns grupos s8o absolutamente antagdnicos (exemplo. pagodetros € emos), Contudo, é possive localizar, com fecilidad, ovens que frequentam ambasos srupos O paradoxoé umagrannde rmarcadesta geracio. 1 simulta [WPNo post “Saladéo do Baguete © 0 ¥ das agéncias”chtto/itinyur. ‘com/77-ent-)), Jonatas Abbott apresenta slgumas argumentacoes crticas sobre as possivos classficacbes existentes sobre a geractio Yee ressalta que elas So “totalmente iguais aos jovens de poder ‘aqulsitivo de qualquer tempo". Diante de sua experiénciana area, 0 ‘que podemos clasifcar de “verdacles"e de “‘mitos” quando falamos desta geracio? SSIDNEISenapre vejoalgunsattigoscéticosschrea exsténcia ounSo de uma geracao realmente diferente, Quero esclatecer que exis: tem intimeros estudos que comprovam que osjovens nascidosa partir de 1980 tern umn comportarmento multo malsdinamicoque cosjovens de cutras geractes,principalmente por conta de todo ‘contexto tecroldaico, sociale cultural criado e desenvvolvido inten: samentenosttimos 20 anos, [Este ferndmeno atinge todas as classes socials eno apenas os, depoder aquisttivo No Brasil oconceito de poder aquistvo esta se tronet aampliagio de crédito ao const Inidar, por isso nao representa mais alta rend Hoje, os desejos dos jovens sfo relauvamente unformes. Oque sealteraamarca a qualidade eaforma de pagamento que umpro- ‘@uto 4 adquiride pelo jovem consumidor. Seo javern malstico 1a comprar um iPhone de $1500 vista, oda classe D, que ganha ‘um salério minima, ré Gesejar e comprar © MIPHONE por 200 em ez vezesnocartio no site ComprenaChinacom, Icsosigniica queambosiém asmesmos deseyos caractertsticas etSose comportar deforms muttosemelhantes Estefenémenoié {oicbservado porarandes comerciantes ue tém dedicado espectal tense aschamadasclassesCeD. Recentemente,ouvio depoleento de um diretor de RHale uma srandeempresa Ele contou queo presidente havia decidicono participar mais do encerramento dos programas dle trainees (atv dade que cumpriu nos tims 15 an), ‘Sua justificativa fot que antes ele podla cumprimentar os tra nnees colocandose@ disposicao = dizendo que" porta de sta sala estaria sempre aberta’. Agora os trainees da geracdo Y esto indo ‘em sua sala de verdade e fazendo muntas sugestBes de gosto da ‘mando juntamentec 770600 | eebesign | 25dod aus 1 deRE fo quejove [WDEm um dos seus dltimos artigos, “A juventude & uma religito a que todos acabam se convertendo” (hto/tinyurl com/77-ent-. vocé ressalta que “o adulto de hoje, que precisou fazer um curso de és-graduacio para aprender ‘planejamento estratégico’.nde pode ficar omisso diante deste cendrio. N3o é mais o tempo de se sur Dreender por um menine estar aprendendo a fazer ‘planejamento tstratégica’ com nove anos de dade”. Pensando nisso, quai seriam as consequéncias diretas que a geracio Y trouxe para o planeja mento estratégico de comunicacao de arandes marcas? Eo que ‘mudou na forma como esta geracéo enxerga o consumo de pro- ddutos eservicos? A geracao Y quer realmente um contato verdadeiro coma empresa que consome o produto hiPhone Dispositivomével fabricaddona China vendido ‘como sugestivosiogan'Nao €iPhone. € melhor quelPhone” Trata sede umacépiapiratado populariPhone,criado pele Appleporlnformagtes Fstefato transforma completamente a forma de comunicacso que pode ladossatisiatonos, (© jovern dificilmente consome por marca nos dias de hoje. A principalrazio para o coneumoestanas tecomendagses teceidas através de suasredes de relecionamentes. Isto cria uma pressio enorme para que as arandes marcas se posicionem nas edes de rolacionamentostambém Contd, est pletamente novo para todas (jovens ¢empr ada estio sendodescobertas, Esta geracio valoriza a co temacesso trrestrito pela intemet espa anda um terrtério com sas)e as verdades a queas grandes empresas ‘mantenham canais abertos de comunicacdo. E nfo estou falando cde canais comp as centrais de relacionamentosfeitas por URA's € Contact centers A geracao ¥ qu ‘empresa que consome. produto.Hle valortzaaexperiéncia detele cionamentoque,seno or satislatoria,pode determiner arubture ‘no canal de consumo com um depotmento negative na rede que podeatinsir cimensbes nacredilavels Vejao exemploenvalvendo A UNITED AIRLINES com um passageiro,que resultou em um vidieo ‘com maisde oitarn ‘WD Na reportagem “Um quinto da geracdo Y jé chefla equines” (httou/tinyur.com/77-ent-4), publicada pelo Estadso, ficamos sabendo de alguns resultados de estudo da empresa de consulto- ria Hay Group. Por exemplo: 18% dos entrevistados, entre cinco mil Joven nascidos a partir dos anos 80, é possuem cargo de chetia. Em relacio is outras geracées (belle epoque. baby boomers e gers: (80%), o que muda no perfildo chefe, até onto representado pelas figuras tradicionals. quando comparamos com os atuals jovens em altos cargos na hieraraule das empresas? [BIDNET Este talvezo maior e mais visivel aspecto da chegada da geracSo ¥ no ambiente cendodeformatotalmenteaberta edireta Vivernos erm urn tempo de ampliacao na expectativa de vide das pestoas [seo est alterandoadindnica na vida profissional des: tas geractes.O jovem da geraco Y chega as empresas @encontra ‘baby boomers ¢ X anda sentundo'sejovens e produtivos e pouco tlispostosa abrir espaco -omporativo, pois 6 coniito esta aconte: ‘Quando esta realidade @ alterada por circunstancias 4 United Airline: (Omucieoranadense Dave Carrol www davecatralimmste. ‘comfuba/), ce ban‘la Sons of Maxwell eravou um cibe che- ‘mado" United Breaks Guitar" eo postouno YouTube tatty! ‘tinyurt.con/77-ant 3) Oob)oilvo era citar, efoumabem. Fnumorada,os danas causados em sua gultarra no transporte ‘eno descarresamentorealizado pela United Aurines,alem ‘lo posterior descasa daempresa O protestovirlual acabou vandoum tut nos UA sempre ligadas a uma elevada qualiicacdo do jovem, que assume ‘uma posicaode lideranca na hierarquia,o que tenho encontradoé mam ppresentes enegativos para a empresa, Harmonizar estas relaoses i entre osmaiores desaflos que os departamentos de recursos loatualmente snle de profundes config mullasyezes slenciasos, mas hhurmanos das empresas esto encontran ‘Wp Falando ainda sobre o choaue de geracSes. & possivel apon- tar as principais convergéncias e as diferencas em termos de at- ‘ude, postura pessoal e protissional, visio de mundo entre cutras ‘caracteristicas? SSIDNETA primeira impresséo quese tem é de queas geracdesest80 vivendo um tempoderuptura total, ordecs mais velhosnao enten ‘demosjovens dehoje, que por sua vezconsideram os mais velhos ‘como assolitamentelentos @desconectacas da realidadeatual. [Eyidentemente estas diveraéncias sempre aconteceram entre as, gers Ofatonovodquncsconitosatinisestiomaispotencialzados pncipalmmentepelortmade vida quesurgucomasnovastecnolagas Como mencionei em meu tiltima artigo, todos deseiam ser jovens pelomaior tempo passivel eaté oaumentodaexpectativa evita, provocadi também por avancos dacléncia, contribu para aintensidacle nos conflites, pois existem mais neracbes lutando por umugar no mundo, Os mats velhossentem-seprodutivasem seus postosatuais, pa isso nfo abrem espaco para osmaisjovens ‘ocuparem estas posigBes Claro que asta situago no se sustenta 770800 | wetxeson | 27A principal razdo para oconsumo esta nas recomendacées recebidas através de suas redes de relacionamentos sven que tem maisenetsia emaishabilidadespera catual contexte tarnolégico ata consclentizacio também deve acontecer coms jovens da jseracio Y, quemesmotenco matshabildades, precisamreconhecer cqueisto #apenasfnutodeum cenanode superestimulacéoaqueforem submetides desde a primetraintanch Etssondonstemaesy ‘apenas osmais velhos possum frutode todas as experiéncias act muladasemsuas vidas. (camino éanegoiacso de! neg clacaa precisa acontecer cor entreasgeragies Festa apidez (WD No artigo Cybertalentos(hitp/tinyurl.com/77-ent-5), Cesar Paz firma que, dante das novas ferramentas tecnolégicas, os pratisio- nnais das reas de capital e recursos humanos foram beneficiados ng hora de se buscar novos talentos pelo mercado. Em sua opinio, ‘auais sio 0s parametros fundamentals para que as empresas pos- ‘sam manter e motivar os talentos da geracio Y?MELHOR QUE SERVIDOR DEDICADO. — CLOUD SERVER DA REDEHOST. Beal ed elmer Cheon irate Elie. rar al tet Kets ional" com flexibilidade de expe E cidade idade de ESCALABILIDADE DISPONIBILIDADE Aumente os recursos de processamento, Em caso de falha os recursos séo meméria, disco, e banda quando desejar, automaticamente realocados. PERFORMANCE MENOR CUSTO Meméria, disco e banda 100% garantidos. Melhor que um servidor dedicado com menor custo. www.redehost.com.br eee RedeHostSSIDNEI A realidade de cada empresa cificulta férmulas nfaliveis’ que deernresultados reais. caminhoé a ver dadatra neno (geracto YJeaaberturad Je comunicagaa de acordocom a realidade de cadaernpresa longo para ofend Primetramente, as avaliagdes de cima precisaram ser analisa Jas com mais profundicade ¢levadasmaisasério nasempresas A geraciio ¥ est muito focada em sua rede derelacionamentos, oque ‘oscolegas com quem tabalh importan en: pata motivaremanter tos @reavaliar a telacao do jovem com sau lider/gestar imadiato. Esto 0 elo mais gil atualmente e certamente um dos principals ‘motives para queum jovem sedeslieue de uma empresa, Estejovem valonizamuito, muito mesmo.arelacdoquetem com seuchefe Se for positiva ele permanee@ acredita que parle evo. Toit se for negativa, ele se esforcaré para se ‘em outrar dade E neste caso.ndo se rata deestabelecer uma relacao ‘pater m.Oqueageracio olyimentac busca é um me queapresente desafios esumulantes, a sere alcancar rapidamente uma posicao mais desafiadorana pra praorgantzagio tor quesep omseu di levem estejovem acres [WD No post “A cartolina da geracdo Y" (http /tinyurl.com/77-ent-6), publicado ne blog A Quinta Onda. 0 autor destaca como as novas tecnologias esto inseridas no processo de educacSo dos jovens. LLevando-se em consideracéo este novo cenario, o que é preciso ‘ransformar nos modelos atuals de educacSo para atraire estimular a formagie desses novos nerfs dejovens? SSIDNEI preciso promover uma arnpi como as aulas s8o realizadas Hoje, o que aulas coma aclogio de ransformagso na forma elo s80 professores ‘que acreditam que modernizaram su PowerPoint’ etarefas por ezmall Isso nt sisqueaauto ea lousa edasliodesde casa no cademo, E necessétia uma real transformacso, que contemple jovem, completa superestimulado com total intimidade da tecnologia: 30) inestictan exposic&o as inf censino de mocoa promov trugiode um| ‘ognitivomatsretmada pesquisas ea cons cloctnte Um exemplo: 0s ertas gramaticais. No mundo atual e futur, cade vez mais os comretores ortograficos dos proaramas iro auxt liar na constmugi de textos, por isto os professores deveriam pro: mover suasaulas de forma a privlegiar ainterprotac3o cognitiva ppotso entendimenta ea construcéo do pensamento abstraton8o podem ser automatizados, Evidentemente,a desconstrugio de um modelo sedimentade @urante as iltimes 100 anaes nao ésimplese precisara doenvel ‘mento ce mutos ecucadores,ctue devem buscar inspitacées bara ‘novo modelo em exneriéncias de autoaprendizado que muitos Jovensaleancam, principalmente, quandoot umdosprandes desafos que asorac Z.trazem paraa sua prépria formacdo tecnologia B ‘WP Boa parte da geracdo ¥ estard atingind os 30 anos de idade fem 2010 e iniclando uma nova etapa em suas vides. Neste pro- ‘cess0 evolutivo da sociedade, o que podemos esperar da préxima ‘geragio que ird suceder a geraco ¥? E quals serdo os principals desafios em se manter um relacionamento ativo e saudavel entre lessas aeraches? SSIDNET! 2010, cs rximeicosjovens dageracio Y estaréoatinsindo (08.20 anos de dade, o que significa que, nos proximos dez anos, isucas de vveremos cada ver mais: nando os destinos da soc sede forma a geracio Z, que possui as mesmas caracteristicas 1 nda mals intensae pro Os conftas de geractes seréo em menor inter estamos observando atualment rio alterad pela propria goract nda dade do que ¥.Noentanto, ‘ensticario e asm comohoie a snsparented= expectativas toe comunicacaoeanesociacéo chavesparaumbomrIW Coles parte, a melhor op¢ao para seu Portfélio. Ws Retake ONCE tala pare Prec Kalen Area Weere VNC abi TCAs Arne PCMag DESIGNER DE MIDIAS isa) Pete MARKETING DIGITAL Aree cedu.br - Central de Atendimento: (21)2122-8800 Neola E EDUCAGA oOo AIC te ]e}ppesar de ter sido langado em 200, co livio “Homepage: Uslidade-50 ‘websites esconstridcs'Gwwmusalt, ‘com/momepagensamiity) (le alot) Nielsen e Marte Tabir,amda é um ‘material tulnes estudos sobre as dretizes de usabllidadena web. Inspirados pelo modelo de andlise feito por Nielsen e Tahir, \decidimos near urna versio adaptada ao unlversodo design de Interfaces, através da desconstrucho de 12 projetos. 10 deagéncias lists do pais, um internacional (mas com participacdo sieniica tuvade brazucas)e outro desenvolvido no ambito governmental Mas antes de revolarmos 0 resultada deste trabalho, vamos conhecer os paréimetros utiizados ao se avaliar a qualidade de uma interface. ‘Eles mudam de acordo com o metodo de avala ‘fo ulllizado, com os cbjetivos do produto 0 préprio concata de ‘qualidade’ é muito diftcll decenttar Para um sitedee-commerce, por exemplo, qualidade pode ser medida pelomumero de produtos comprados, pala taxa de processos de compra que foram inicia dos fnaligadas sem abandono de carrinho. Isso ndo seaplicaria ‘uma campanha de publicidade on Ine, que busca apenas civul- far um produto ou uma marca’. explica Mauro Pinheiro (wwe ‘ramoderma.ned, p10(05:0! acsisiento do departamentode Decenhe Industrial da Universidade Federal do spite Santo (UES) Apesar dessas limtacdes,o professor descreve alguns princt bios que pociem ser levados sempre em consideracgo. “Oprimeiro zrespetta. factidadedouso Com algumasaxcarbas le produto ‘muito seamentados, toda interface deve ser de facil aprencizado, fide usar Amterface visa pemfura utlizacSo deumsistemade informago, sea ee voltado para fazer compras, consumo deol ‘las, Jogos e passatempos ou mera exposieda ce uma marca Deve ser possivelidentificaras apcdes denavegacS0, os mecentsmos de interacao.e poder -com pouco tempo de uso -prever resultados de cada interacao. Idealmente, mesme quem nunca usouaquele tipo deproduto, deve ser capaz deaprencier 2 uséJoempouco tempo" [Em seguida, aparecem os aspectos referentes & universal dadlede acesso, "Jando émais olerdvel que existam sistemas que ‘excluem pessoas com necessidades espectais. Tomas tecnologia, conhecimentoe talento suficientes para quetsso nao ocotramass Sistemas que no tem acessbilidade para 100% dos usuarios possi vvelsniiopodemser consideradcscom boa qualidade Ao contrario, ‘demanstram incompeténcia. falta de qualidade (0 tercetro,¢ mais subjetvo, como ressalta Mauro, estérelacio: nnado coma linguagem "Cada produtotem um piblico especiico, ‘que por mais abrangente que seja,deranda uma linguagem pr ‘pila para uma comunicacSo efetiva Isso traduzido nBo sé araf- camente, mas em cada elemento do discurso que é apresentado: texto, imagem, som, todos 05 elementos trabalham no senticio de ‘constru essalinguagem, Mas em sempre vemos produtos com tumaabordagem correta destas quesides Mullas vezassaguem um. ‘modistno, sem ter vis8o critica, -pecam por néo usar uma lnngue: ‘em adequada ao piblico ao qual se destinam” Jdemrela¢acaoserrosmals comunscometidosnestadrea, Mauro estaca, por exemplo, a falta de foro na acto pretendicla."Muttas ‘vezes algunas interfaces pecam pelo excesso de lementoseqpcces cde navegacao. Embora em alguns casos iso seja uma estratésia. na ‘maloria das vezescausammatsnutdode queauda Isso ocorrerneso ‘com grandes produtos a Amazon é um caso exemplar deexcesso ‘de opcdes na interface Mas no por acaso, uma vez iniciada efetive enteo proceso decompras asopgtes de navegacio sia reduzilas ‘ornintmo. All ees voltama ter unfocobem care fnalzaroprocesso ce compra Mas nem sempresso¢Jevado em consicere30 nos pro: tos interativos, Apresentar muitas mformacoes no é necessarie- entemelhar Emimnultascases valea mtxlma ieseis mare ‘Qutrolapso multocomumenvalveaaplicacao dedeterminada solugdo sem visto critica sobre a sua adequacéo ao problema “Incomoda me o uso indiscriminadloo Flash, por exemple E uma forramenta muitas vezes mal utilizada, qu gera mals problemas do que benefictos Normalmente.os sites em Flash s8o mal mple- ‘mentados, ficando inacessiveis para pessoas coin necessidacles cespecias,alterando comportamentas queso padrio na web Ou substitumdo elementos tle navegagao do browser por elementos _proprios mats ctfcels ou mesmo impossiveis de user. Costumo ser avaligcor de sites éassustador vera quantidade de sitesinacessi- vols, que corrompenn comportamentos quedleverlam ser espera: osna web,semmecessidacle Omesmotem acontecido com ouso ‘mdiscriminacio de AJAX, Javascripte DETMI Repetentse solucdes SSemamenor critica, para seguir um modisno;argumenta Para finalizar professor lemibra que, alualmenta os sistemas de mformacao demandam uma solucSo muluplateforma. “NBo ‘basta funcionar neste ou naquele browser, tem que funciona em lelefones celulares, sejam eles de tela de toque ou np. 0 1Pad, da Apple, uma nova plataforma e outras viréa. Esse é um dco que 1n8o da para norar. Apesar disso ¢ assustador ver quantos produ: tos so dependentes de uma plataforma ou uma solugdo especi fica Ando ser quea estrategia soja segmentar o produto, sistemas etnformacao que nao sejam multplataforma tlemonstram falta de qualidade. Tém que funcionar em diferentes condictes¢le uso, ‘nem queseja sactificando determinadas aracteristcas do sistema B possiveltrabalhar com verses sem comprometer 0 acesso a0 Ccontetico.A solucao mats simples muttas vezes €amaisadequada ‘mas muitos produtos ainda ignoram essa pratica Repito:temostec- ‘nologla,conhecimento e competénciasuficientes para fazer dirsto. Desconsiderar essa questo atualmente¢ um erro arava” (Conecides algumas das principais caracteristices envolvidas ‘naanalise interfaces. confira nas préximas paginas os conhec- mentas compartilhadosna descric4e de cada case Rea letural 77> 0800 | wotesign | 33cara. (CASE: APLICATIVOBHTRANSITO EMPRESA: MOFIAN ‘TECNOLOGIAS: Cocos'Touch*+ iz m Objectivec SS a aay ARQUITETURA DE INFORMACAO: ma por uate: INFORMACAO VISUAL AO INVES DE TEXTUAL: cm jcavo primamos por exit as nformagbes de forma mapa -com as hh CCONTAGEM REGRESSIVA: devo 2 ura rst DESENVOLVIMENTO AGiL:s\ ATUALIZACAO AUTOMATICA: caplicativore wado instant antono caso demclusia denovas Ficha Técnica Gerentedeprojeto: Fabricio Marchezini Diretora de design ae mtragao: Karine Duman CConcepcio da lela e desenvolvimento: io, clicando no botao voltar Lando A SISTEMA DE FEEDBACK: a versio 12(aserCASE: AVON MAQUIAGEM adequada o ste ficou totalment= ARQUITETURA DE INFORMAGAO: 1 meauigen ma. dvs ink entre 08 grupos defnidos pela ropa vo trod context produtos Mas famos alr css, construin anco de formaa perma busca tamer sevuma tag que info ru oferecer aos usudsios 2 ato PAINEL DE DESTAQUES: aresentase 7 pasinasint Ficha Técnica Dtretoradectaczo Lucila Pos Geronts de projete:Alexanie Zagur © Christan Nomarr biretordeart- Repo Cunha Desenvolvimento: Cost, Fabio Paes, IMAGEM EM DESTAQUE: estecsp2cooi ciaciopara destacarsraficamenteo Gabriel Caires Bruno Maraues Neemias i Ida campanha vigen’ festreou com aatrz Ana Pau Taka e Ricardo Boras nfotalter mesma atrz comatematicadev éumcontunto de batar senteen ‘Arquiteturadelnformacao: Nao Siva Redator. Rodrigo Ferreira talogosda Avor ‘Atenaimento: Carolina Merfa © Alexandra Zagu webcesion | 35,cara. USABILIDADE: em trés grandes grupos # funciona como ordenador, fazendo com que © usuéro acostume area ontetido pertencante a cada uma dessas ateas as des, Além disso, lancamos relacionadas a otimzacao do ande velockdade no acesso as 2 isso. a preocupacgo em fazer com ‘que 0s conte sejam sempre relacionados 20 seu propria dstribuicao do contetic suas resoectivas peculané mao de todas as pratc: ‘digo. permitinde arupo cognitive, nao misturando estos ou apraximando elementos de modo temeréria, | LEGIBILIDADE: 2 interface possul ts camadas visuals. A primeita.o backaround com tonalidades suaves baseadas no azul ulilizada nos preenchimentosco padrSo de istrasdia sonais;a segunda oplanoondeasinformagtes sio extbidas, ‘comboas marsens,espacamentos genstosos etiso coerente deestilos, gerando acilidadena assimilac3o do conteudo e@naassociagaio dastea sou grupo cognilive,ea terceito plana, oncleicamos elementosbaseadosna cor vermelhae desentnos com aspecto ‘oraémico™ A presenca dessas formas iregulares serve para contrapor aoaspect caresiano,reto sgeométrico, doestante da interface. I (CASE: NOVA FACULDADE, AGENCIA: BHTECehouse TECNOLOGIAS:C# (atraves do Compose, CMS proprietatio) + jQuery +SOL Server ‘ewmenovataculdadecombr ARQUITETURA DE INFORMACAO: fundamentalaadocaode praticas como card sortina benchmarkinae testoscleusabiidade. A partir dessas ox as etendoem visiaos ies pperfis depiblicoaserem trabalhados (prospects alunose pratessores) desenvolvemos aarquiteturace ame cue serviram debase para nal ‘as possiblidades previstas no manual de do lente. O azul esuas civerses tonaldades sao ublzados na nposcaa de conteddo padrao,enquanta as tonaliades vermelhas sao estatcaicamente usades pare marcar fans com ‘alaum tigo de peculandad, senda percebida num plano mais i Usuao realgando, por ever 0 freavente ava DIAGRAMACAO: 2 partirda Aledo witeframe,chegamosaum ‘modelo de cganizacto visual mociularizado em és erendes grupos a primeira colina, com ofiliroe omens principal, Cdestinadaa busca de informacées sobre afaculdade-duas colunas centrats de contetido e identificadores visuais das secoesiea terceira coluna, voltadaaraitens utitarios,como ‘busca calendar, videocast, Twitter, dentee auteos. Ficha Técnica MENUcs verticais sic semprecsmaisadequados quando se trata de pen: sarnofuturo,quanda novos tens podem vira integrar aarquitetura, Mas, para diferenciar tercett (eulume) nivel estefoi wazidoparaa propotcéo horizontal posicionanelo-se cima do contetido e estabelecendoum vin: culo muito mals direta comomesmo Oui tem que merece destague sia 0s separadores geralmente linhasretascomum prolongamento curvilineo, que éum elemento sampleadio do prépnic loabtip,reforcando, mats uma vvez.aideia deunidadeestética do brand. 36 | weinesign | 77> 0670 Atendimento: Ana Carolina Mendonga [Aslstente de atencimente:\i)"!3 Davigeles ‘ctagao:fionaico Gaze! Produce: uno Augusto AAnimagte: Giocee Vieira ‘Coordenaczo de desta: Bruno Rociigues Desenvolvimento: Elzabeth Quetaz = Frederico Freitas