Professional Documents
Culture Documents
JULHO/AGOSTO 2011
R$ 11,90
Criao
Conhea ferramentas que oferecem
variadas maneiras de testar a
usabilidade do seu site
Tecnologia
Crie aplicativos para as plataformas
iPhone OS, Android, BlackBerry e
Windows Phone 7
Marketing
Como planejar campanhas inteligentes
e eficazes nas mdias sociais para
propagar sua marca
E-commerce
Saiba como se manter entre os sites
de compras coletivas mais
acessados do Brasil
REDES SOCIAIS
SEGMENTADAS
Umas das principais tendncias de 2011
a
d
Prepare-se para se envolver nesse poderoso
en
r
canal de comunicao de forma significativa
ap
:
l
e conhea as estratgias bem-sucedidas
a
ci
e
de 12 cases interessantes do Brasil.
p
em
g
a
rt
o
p
Re
es
I
R
R
A
P
A
S
P
1
EDITORIAL
Pinguins...
Minha filha de seis anos quer ser um pinguim virtual. No, ela
no est passando por uma crise de identidade precoce, quer
apenas acompanhar o mais novo passatempo dos coleguinhas
da escola. Trata-se de uma rede social da Disney, voltada para o
pblico infantil: Club Penguin. Disponvel em portugus, ingls,
francs e espanhol, a rede multinacional caiu no gosto do pblico mirim.
Se prestarmos ateno, veremos que vrias redes de nicho, como
essa, esto surgindo em ritmo acelerado no mercado digital.
A propagao das redes sociais segmentadas foi umas das
dez principais tendncias para 2011 apontadas pelos estudos da MillwardBrown. Mesmo antes do surgimento do Twitter ou do Facebook, a internet j possibilitava a formao de grupos com interesses especficos. E a popularizao das grandes
redes sociais serviu, ento, para impulsionar e fomentar as redes
de nicho j existentes, alm de inspirar novos empreendedores.
Vocs iro conferir na matria principal como anda esse mercado promissor. Fiquem de olho, grandes oportunidades surgiro
a partir da.
E os aplicativos para smartphones? No poderiam ficar de
fora da Wide. Michel Lent, em sua coluna (pgina 45), descreveu muito bem o cenrio onde os aplicativos j aparecem na mdia como o ganha-po do momento, o novo bico na internet,
ou seja, est despertando o maior interesse do mercado. No
deixe de ler. E nossa jornalista Flvia Freire caprichou na produo de uma matria sobre o assunto, cobrindo as principais
plataformas utilizadas nos dispositivos. Enfim, uma reportagem
completa para que voc mergulhe no mundo dos aplicativos
mveis e inicie suas criaes. Quem sabe daqui dos leitores da
Wide no surjam os futuros grandes players desse mercado?
Design Thinking. Outra novidade? Digamos que o mercado finalmente se atentou para a importncia do design como estratgia de negcios. O que muito bom para o nosso segmento! Essa
foi uma pauta sugerida pelo leitor e amigo Cayo Medeiros,
que sempre interage bastante com a redao da revista,
trazendo ideias superbacanas. Quem foi convidado e tambm participou dessa ltima reunio de pauta foi o Henrique Bastos. Seu entusiasmo na rea de desenvolvimento
web to contagiante que acabamos elegendo o prprio
como entrevistado do ms da editoria Tecnologia.
85
Direo Geral
Adriana Melo
Direo de Redao
Flvia Freire
Jornalismo
Tiago Bosco
Reviso
Rodrigo Gerdulli
Projeto Grfico
Tabaruba Design
Direo de Criao e Ilustrao
Camila Oliveira
Ilustrao (colaborao)
Carolina Vigna-Mar
Publicidade
Luanna Chacon
Atendimento
Michelle Ferraz
Tecnologia
Neilton Silva
Financeiro
Cristiane Dalmati
Revista Wide
www.revistawide.com.br
Verso para eReaders
www.revistawide.com.br/ereader
Arteccom
Eventos, editora e treinamento
www.arteccom.com.br
www.twitter.com/arteccom
www.facebook.com/arteccom
www.flickr.com/arteccom
Fale conosco
Atendimento: atendimento@arteccom.com.br
Redao: redacao@revistawide.com.br
Publicidade: publicidade@arteccom.com.br
www.youtube.com/arteccom
Produo grfica
www.ediouro.com.br
Produo digital
www.kahek.com.br
Distribuio
www.chinaglia.com.br
CAPA
Redes sociais
segmentadas
Contribua de forma
significativa para
esse poderoso canal
de comunicao
e conhea cases
brasileiros de
sucesso
48
Criao
> p. 14
Tecnologia
> p. 60
Marketing
> p.94
E-Commerce
> p. 110
PORTFLIOS > 14
Agncia: Fri.to / Freelancer:
Thiago Andrade / Ilustrao:
Flavio Pessoa / Lente Digital:
Luiz Mascarenhas / Fontes de
Inspirao: Gustavo Soares
REPORTAGEM > 60
Crie aplicativos para as
plataformas mveis iPhone OS,
Android, Windows Phone 7 e
BlackBerry OS
REPORTAGEM > 94
Estratgias de marketing para
as mdias sociais: acompanhe
um passo-a-passo para
propagar sua marca nesse
poderoso universo
CAMPANHA > 98
Banda Jota Quest aposta na
interatividade por meio da
troca de informaes com
os fs em sua campanha de
marketing na web
REPORTAGEM > 24
Conhea dez opes de
ferramentas para testar e
melhorar a usabilidade de
seu site
ENTREVISTA > 28
O talentoso artista Mateu
Velasco apresenta um estilo
prprio de ilustrao e grafite
REPORTAGEM > 34
Cobertura do maior festival de
publicidade realizado no pas:
Wave Festival 2011
ESTUDO DE CASO > 38
Rede social Mundo do Stio
rene os mais modernos
recursos de interatividade
COLUNAS > 42
Ilustrao: Carolina Vigna-Mar
/ Design de interao: Amyris
Fernandez / Internacional:
Julius Wiedemann / Aqui, ali,
em qualquer lugar: Michel Lent
ENTREVISTA > 68
O revolucionrio desenvolvedor
carioca Henrique Bastos
fala sobre o conceito de
comunidade, suas iniciativas
com Python e Django, Software
Livre e muito mais
OPINIO > 72
Desenvolvedores experientes
fazem uma anlise sobre o uso
de Programao Orientada a
Objetos e a estrutura Model
View Controller
ENTREVISTA > 76
Os ingleses Gavin Ambrose e
Paul Harris, autores do livro
Basic design: Design Thinking,
explicam a metodologia
COLUNAS > 84
PHP: Gustavo Guanabara /
Ciberespao: Ricardo Murer /
Segurana: Ivo Machado / Cloud
Computing: Lenildo Morais /
Tableless: Diego Eis / Mercado
de TI: Paulino Michelazzo
E-MA IL S
E-mails e
Tweets
[redacao@revistawide.com.br]
No querendo fazer
propaganda no, mas sempre
me surpreendo com as
edies da revista Wide.
Matrias de grande valia. Sinal de
um excelente trabalho de vocs.
EVERTON MELO
(WWW.FACEBOOK.COM/EVERTONMELO)
T W E E T S [@arteccom, #revistawide]
@tuzk
J estou com a minha nova
@revistawide em mos,
imperdvel esse ms, com
muitas dicas sobre Ecommerce, precisam ler!
@fredecs
timo artigo de @kauelinden
na @revistawide #84 sobre a
imagem de uma empresa na
web. Vale a pena a leitura!
@elyanoveras
A Revista Wide est show
de bola! Assunto de capa
Venda pela Internet
http://bit.ly/db079E
@arteccom #RECOMENDO
@_TVieira
O Mariano Faria fala das novas
experincias de consumo nos
EUA, unindo online e offline;
na @RevistaWIDE desse ms.
Recomendo.
@semitom
Vou ler e compartilhar informaes sobre a revista aqui no
Twitter, mas recomendo a todos
os profissionais da rea a
@RevistaWIDE. Muito boa
@luizwarner
Hoje comprei uma #revistawide
para profissionais da internet,
muito boa hein, dicas de
marketing, toques para quem
vende na web!!! Recomendo
@aretadobem
Finalmente lendo minha
#RevistaWide desse bimestre,
mt legal a reportagem sobre
Advergames e olha qm est
aqui... @gazozzo! Amei
@vieiralessandro
Estou lendo a #revistawide
desse ms sobre e-commerce.
Gostei da indicao do
#Prestashop
ERRATAS
N OT C I A S
Magento + eBay =
X.Commerce
Fique
por dentro
FIFA 12 nos dispositivos da Apple
Extras no eReader
Se voc estiver lendo a Wide
pelo seu eReader, clique aqui
e assista ao vdeo de
demonstrao do
motor fsico, que
promete resultados
nicos para cada
coliso em campo no
game FIFA 12.
MTRICAS
427,8 milhes
US$
1,4 trilho
crescimento de 13,5% ao ano. Estados Unidos, Reino Unido e Japo podem chegar
a uma parcela do mercado global de 53% das vendas em 2015, e pases como
Espanha, Brasil, China, Rssia e Mxico devem crescer a mdias anuais de 26% ao
ano at essa data. Fonte: Cisco (www.cisco.com)
BLO GS DO M S
Os coletivos
Matrias e artigos jornalsticos sobre o
fascinante mundo das compras coletivas
podem ser encontrados no blog Os Coletivos
(www.oscoletivos.com.br), que tem como
objetivo ajudar os consumidores desse
modelo de compra a tirar todas as suas
dvidas e manter os empreendedores
informados sobre as mais importantes
novidades sobre o mercado. Dicas
fundamentais de como conquistar usurios e
captar anunciantes, e ranking com os sites de
compras coletivas mais acessados do Brasil,
fazem parte do rico contedo do blog.
Os Coletivos no Twitter: @oscoletivos
Simplssimo
Os autores, Eduardo e Fernando, so
amantes de e-books e desenvolvem um
trabalho inovador na ONG Editora Plus, que
publica e-books desde 2008 e desenvolve
projetos sociais e educacionais. Com o blog
Simplssimo (www.simplissimo.com.br/
blog), buscam incentivar os produtores de
livros digitais a criarem e-books bem escritos,
diagramados cuidadosamente, prticos e
funcionais. As postagens do dicas sobre a
nova profisso de designer de e-books, sobre
diagramao, cursos e eventos sobre o tema e
notcias em geral sobre o assunto.
Simplssimo no Twitter: @SimplissimoLivr
300milhes 27%
Quantidade mensal de pessoas que utilizam botes para compartilhar algum
LIVRO S
Gesto estratgica
do design
ROBERT BRUNNER E
STEWART EMERY
AGEN DA
02/07 e 23/07
FRUM NACIONAL
DE E-COMMERCE
07 e 14/07 e 04/08
AGIS EXPEDITION
Editora M.Books
www.mbooks.com.br
aplicao do padro MVVM na
plataforma.
Ingressos: R$ 60
16/07 e 27/08
EDTED 2011
27/07
SEMINRIO DE
CLOUD COMPUTING
Rails 3 Bsico
CLOVES CARNEIRO JR. E
RIDA AL BARAZI
Editora Novatec
www.novatec.com.br
O livro destina-se aos interessados no aprendizado de como desenvolver aplicaes web
utilizando o framework Ruby on Rails. Com
uma introduo completa sobre o panorama
do Rails 3, a publicao aborda tudo o que
envolve o processo de criao de aplicaes
funcionais, da instalao at a implantao.
HTML5
Local: So Paulo
www.ideti.com.br/cloud
Frum de debates e discusses
sobre o conceito Cloud
Computing, que tem como
objetivo informar os benefcios
e os pontos crticos do
armazenamento de dados e a
virtualizao dos servidores,
bem como a utilizao de
software como servios (SaaS).
Ingressos: de R$ 490 a R$ 1.220
16/07
10/08
ROBERTO DUAILIBI E
HARRY SIMONSEN JR.
Local: Florianpolis
www.dotnetfloripa.com/
windows-phone-7-developer-day
O evento traz palestras que iro
auxiliar os desenvolvedores
na criao de aplicativos
para o Windows Phone 7, no
desenvolvimento de interfaces
com METRO, no acesso a servios
WCF e Azure no WP7 e na
Local: So Paulo
www.javaday.com.br
A 4 edio do evento visa
disseminar a plataforma Java,
fundamentando o conhecimento
na tecnologia, gerando
oportunidades, inovao e uma
rede de contatos profissionais
com palestras tcnicas,
discusses e minicursos prticos.
Ingressos: no informado
Editora M.Books
www.mbooks.com.br
WINDOWS PHONE 7
DEVELOPER DAY
10
Criatividade &
Marketing
DIREITO NA WEB
INTE R N ACIO N AL
Google: o maior
canal de publicidade
da Inglaterra
LONDRES
Enviado por Gustavo Burnier
www.motherlondon.com
A maioria das pessoas se surpreende
quando digo que a Google o maior canal
publicitrio da Inglaterra. Mas, repassando
rapidamente os nmeros da empresa, vemos a verdadeira magnitude. Ela reportou
2.2 bilhes de ingressos em 2010 para a
Inglaterra, o que representa aproximadamente 12% do mercado total. Agora, comparemos com os maiores canais de TV: a ITV
reportou 718 milhes em publicidade, e a
SKY reportou 319 milhes (a SKY tem um
grande ingresso via assinaturas). Ou seja, a
Google no s o maior canal de publicidade da Inglaterra, mas ela quase trs vezes
maior que o segundo canal. Hoje, isso uma
exceo mundial. Mas, mesmo sendo uma
exceo, vale a pena seguir de perto.
85 > FRONT | WIDE |
11
E MP R E E N D E D O R IS MO
Kau Linden
Empresrio e publicitrio, fundou a Hostnet quando tinha apenas 17 anos. Em dez anos de
trabalho, alm das atribuies executivas, criou projetos como a Olmpiada de Algoritmos
nacional, que estimula o interesse de estudantes pela rea de desenvolvimento de TI, e o
site Artistaderua.com, que visa divulgar artistas que se apresentam em palcos improvisados
nas caladas de grandes cidades brasileiras.
MARKETING NA ERA DA
INTERNET
Ento, como num passe de
mgica, toda propaganda
se viu obrigada a rever
seus mtodos de trabalho
depois da internet. Tudo o que
foi ensinado pela academia
tornou-se obsoleto; o modelo
de propaganda em massa ao
longo de 30 segundos para
o povo ficou defasado. Os
profissionais renomados do
marketing comearam a ser
substitudos por especialistas,
ou geeks, com 20 anos de
idade que se intitulam os reis
da estratgia SEO e garantem seu produto em primeiro lugar nas pesquisas
do Google, claro.
Blogueiros super-cool produzem contedo vendido e garantem os melhores
comentrios em seus posts. O programador de gambiarra substituiu o planejamento com scripts malandros de Twitter
e Facebook que prometem fazer seu produto bombar nas redes sociais.
Determinou-se a morte da mdia tradicional, o fim do escritrio fsico, a chegada da era do home-office. Tudo o que
voc precisa um bom site. O impresso
j era, a TV tradicional est condenada
falncia. Quem ter pacincia de ficar
esperando a hora exata de um programa comear?
O diploma de jornalista torna-se
completamente desnecessrio e o
e-mail est com os dias contados, dizem
os mais adiantados. Todos estaremos
interligados pelas maravilhosas redes
sociais garantidos que a experincia de
12
seus consumidores seja a melhor e talvez nica forma de ter qualidade promocional de seus produtos.
A gerao Y puxa o tapete da gerao
X sem piedade. Caiam fora daqui, no
alimentem os jornalistas, prega a nova
era da propaganda.
Qualquer relao ruim com empresas
se resolve xingando muito no Twitter.
O consumidor agora dita as regras e ns,
a nova gerao, mais inteligente, mais
bonita, mais sagaz e muito mais estpida, acabaremos com todos os grupos
de propaganda e mdia que manipulavam informao e nos transformavam
em alienados. #Todoscomemora a falta
de concordncia?
Doce iluso. A internet chega sua
fase adulta, mas ainda tem muito profissional e muita empresa com sndrome
de adolescente revolucionrio. A revoluo digital chegou, inegvel, mas
nada que tenha abalado a credibilidade
dos mais velhos. Pelo contrrio, as grandes agncias continuam existindo e o
comercial de 30 segundos na novela
das oito ainda a forma mais eficaz de
chamar a ateno. Existe, sim, espao
no mercado, mas, para fazer sucesso
de verdade, uma mxima nunca vai
mudar: comporte-se como adulto.
um erro colocar a internet acima
da comunicao, como muitos tentam
acreditar. A rede ferramenta da comunicao, assim como a televiso, o rdio
e a mdia impressa. Tudo precisa ser
muito bem integrado, e o jovem sempre ter a aprender com o mais velho.
mais que comprovado pela histria
que uma mdia no mata a outra e que a
experincia continua a ser o maior diferencial em qualquer profissional. Afinal,
o marketing na era da internet continua a ter o mesmo objetivo de sempre:
convencer e vender. E, para isso, no
necessrio sacrificar ningum.
13
Agncia
PORTFLIO
FRI.TO
ANO DE FUNDAO: 2009
NMERO DE FUNCIONRIOS: 25
CIDADE SEDE: So Paulo, SP
SITE: www.fri.to
E-MAIL: contato@fri.to
14
OAKLEY
www.oakley.com.br
App: migre.me/4x47T
Sobre a tecnologia
PHP+MySQL+C/C+OBJECTIVE C foram utilizados no desenvolvimento do aplicativo.
projetar a Adidas nas mdias sociais. O principal desafio era falar sobre a marca durante o evento mais
importante do mundo (Copa), em um pas/seleo em
que ela no fornece material esportivo.
Focando no Twitter e no Facebook, criamos uma
estratgia de dilogo full time, com contedo exclusivo, fotos e vdeos que o pblico s encontrava na
nossa fan page. Mostramos bastidores dos vestirios,
das comemoraes, atletas e muito mais. Alm disso,
durante todo o ms levamos a Copa para dentro do
Twitter: tivemos desafios dirios, jogos, passatempos,
maratonas, sempre interagindo e desafiando o pblico,
com premiaes (chuteiras, bola oficial da competio,
camisas etc.). O sucesso foi to grande que o pblico
interagiu bastante com o perfil: dava bom dia, perguntava sobre os jogos da rodada, discutia jogadas, enfim
todo tipo de interao de qualidade, conta Gustavo.
Sobre a tecnologia
Customizao do Linux e Apache+PHP/Zend Framework,+MySQL+JavaScript+Ajax+Flash/
Actionscript estiveram presentes na criao do site.
15
Freelancer
PORTFLIO
THIAGO ANDRADE
E-MAIL: eu@thiagoandrade.com
SITE: : www.thiagoandrade.com
TWITTER: @ttandrade
FACEBOOK: facebook.com/ttandrade
ANDRADE foi um hotsite com acervo de todos os carnavais, incluindo imagens, vdeos, msicas e letras dos
sambas-enredos, mesclando com histrias do Grupo
Libra em parceria com a escola de samba Grande Rio.
Adequamos o material em totem digital que ficava
dentro da rea vip da empresa no carnaval de 2009, na
Sapuca. Uma ideia simples, mas que explorava muito
bem a evoluo artstica, entretinha e informava os
visitantes, conta.
O processo de criao desse job consistiu em muita
cor, movimento e informao. O foco era juntar tudo
16
Sobre a tecnologia
FLASH+ACTIONSCRIPT3
RIO360 NO CABOR
www.rio360nocabore.com.br
desenvolvido por Thiago. A Rio360, agncia de comunicao tipicamente carioca e com foco em promoo
e eventos, precisava apresentar os cases e conquistar
votos para o Cabor (premiao que laureia profissionais que contribuem para o desenvolvimento da propaganda no Brasil).
Ns, da The Aubergine Panda, pensamos em apresentar #360Motivos espalhados pelo site, Twitter,
Facebook e YouTube. Indiretamente, mostrvamos
quem era a Rio360, o que fazia e o que j tinha feito.
Alm do hotsite e da fan page no Facebook, o canal do
YouTube mostrava a ao fora da internet, onde promotores contratados visitavam faculdades de comunicao e agncias de propaganda levando um kit
com Biscoito Globo e Ch Matte. Era apenas uma lembrana de duas coisas tipicamente cariocas, mas conseguimos aceitao e alguns minutos para apresentar
a Rio360 para esse pblico, conta Thiago.
Em relao s etapas de produo do site, Thiago
explica que foi montada uma arquitetura simples e
com fcil navegao, que favorecesse a movimentao 360 da foto e a apresentao do contedo. O
design foi pensado para ser mais sbrio e com poucas
cores, porm se relacionava bem ao contexto carioca.
O mais importante foi a escolha da foto, essa produzida pelo Ayrton360, diz.
Sobre a tecnologia
FLASH+FOTO360
17
Ilustrao
PORTFLIO
Flavio Pessoa
Formado em Design Grfico, o carioca Flavio Pessoa dedica-se a
projetos ligados histria do Rio de Janeiro e cultura da cidade.
Desde 2008, tem seus trabalhos publicados no mercado editorial,
no qual se destacam ilustraes para um livro de crnicas de Paulo
Coelho da editora Agir, alm de capas para uma coleo de didticos para a editora FGV.
WIDE Como define seu estilo?
FLAVIO Tenho certa predileo por tcnicas mais
tradicionais (praticamente nada de digital, na execuo da ilustrao) e por temticas histricas, que
abordem o Brasil e a cultura brasileira.
WIDE Onde voc busca referncias para o seu trabalho?
FLAVIO Em todo tipo de produo visual com
que tenho contato. No procuro apenas por ilustraes, mas por livros tericos e prticos, revistas diversas, quadrinhos, teatro e cinema.
Flavio Pessoa
E-MAIL: flaviocariocapessoa@gmail.com
FLICKR: www.flickr.com/riohq
18
19
Lente Digital
PORTFLIO
Luiz Mascarenhas
Nascido em 1946, na Bahia, o soteropolitano Luiz Mascarenhas
tem a fotografia como sua grande paixo. Administrador de
empresas por formao, especializou-se em foto documental e
de arquitetura. Atualmente, ministra aulas tericas e prticas no
Instituto Casa da Photographia, em Salvador.
WIDE ngulo, iluminao, textura, movimento,
Luiz Mascarenhas
E-MAIL: luiz@luizmascarenhas.com.br
SITE: www.luizmascarenhas.com.br
TWITTER: @LMasca
FACEBOOK: migre.me/4uvXE
20
1-Altar da Virgem da
Conceio, na Ordem 3a, BA
Cmera Canon EOS 30D
Objetiva Canon EF17-40mm f/4L USM
3-Janela, em Diamantina, MG
Cmera Canon EOS 30D
Objetiva Canon EF-S 18-55mm f/3.5-5.6
3
4
21
PORTFLIO
Fontes de Inspirao
Gustavo Soares
Formado em Comunicao Social, Gustavo Soares mestre
em Information Design pela University of Reading, Inglaterra,
e mestre em Type and Media pela KABK, Holanda. Foi diretor
de arte da Bizz e desenvolveu trabalhos para Rio 2016, Oi,
Volkswagen e outras grandes marcas. Atualmente, designer snior na agncia Ttil e professor convidado no Instituto
de Educao Superior de Braslia.
WIDE Como surgiu a ideia de criar a Pocket?
GUSTAVO A Pocket foi o meu projeto de conclu-
Gustavo Soares
E-MAIL: gr2s@uol.com.br
SITE: www.gr2s.com
22
Quando se comea a desenhar letras, fundamental entender a relao que existe entre os traos finos e grossos (contraste) e, sobretudo, como
esses contrastes se formam. Fiquei fascinado.
Queria produzir uma fonte para livro, levemente
condensada e que fosse mais escura na pgina
seguindo a formao de contraste da pena de
ponta larga (broad nib pen).
WIDE De que maneira o design de tipos influencia
na transmisso da mensagem?
GUSTAVO A capacidade do design de vestir men-
23
criao
AL, AL,
TESTANDO!
FERRAMENTAS PARA MELHORAR
A USABILIDADE DE SEU SITE
Por Tiago Bosco
CRIAO
teste. Se o objetivo promover aprendizado sobre o comportamento do usurio para a equipe de design, no h a necessidade
nem mesmo de gravar as sesses. Basta transmitir a tela do usurio para uma sala separada e deixar o pessoal discutindo. Porm,
se o objetivo fazer uma avaliao comparativa utilizando critrios objetivos, os softwares de registro de tela e inputs facilitam
muito a anlise estatstica depois do teste, diz.
Antes da escolha das ferramentas, devem-se definir quais sero
os principais objetivos dos testes, pblico-alvo, dados que precisaro
ser coletados e quais sero as tcnicas utilizadas. o que diz Horcio
Soares, consultor e pesquisador da Acesso Digital (www.acessodigital.net) e especialista em design, acessibilidade e usabilidade.
Nem todos os testes de usabilidade possuem ferramentas
especficas, mas, na maioria dos casos, existe algum software
que poder, de alguma forma, auxiliar na coleta dos dados e na
posterior anlise. Um exemplo so os softwares que capturam
os movimentos do usurio com mouse e teclado, que podem ser
utilizados tanto nos testes tradicionais de usabilidade como nas
tcnicas de compreenso, que so indicadas para avaliar a usabilidade em contedos complexos, ou os testes do primeiro clique,
que validam se os links da home page esto com bom funcionamento. Na maioria dos casos existe mais de um software disponvel e, como quase todos possuem uma verso free ou trial, recomendado que sejam testados ao menos dois desses softwares. O
avaliador dever escolher aquele que melhor se adapte s suas
necessidades e gostos, orienta.
importante ressaltar que, alm dos dados qualitativos sobre
a experincia do usurio, tambm deve-se levar em considerao a anlise quantitativa. essencial, alm de fcil e grtis, monitorar os dados de acesso do seu site por meio de uma ferramenta
de web analytics, como o Google Analytics. Outra forma eficiente
de testar interfaces fazendo testes A/B com ferramentas como o
Google Website Optmizer. possvel comparar a performance de
diferentes verses da mesma tela e decidir pela que apresentou
maiores ndices de sucesso quando exposta aos usurios do site,
diz Juliana Gaiba.
25
www.clicktale.com
q1FSNJUFPCTFSWBSBOBWFHBPEFGPSNBSFNPUB
q"QPTTJCJMJEBEFEFBOBMJTBSEBEPTFNGPSNBEFNBQBEFDBMPS
q" GFSSBNFOUB EF BOBMZUJDT QBSB GPSNVMSJPT FTQFDJBMNFOUF
importante para sites de converso.
Contras:
CHALKMARK
www.optimalworkshop.com/chalkmark
26
PLAIN FRAME
www.plainframe.com
O Plain Frame tambm similar ao YouEye, mas permite apenas a gravao de cliques e movimentos do mouse enquanto os
participantes realizam as tarefas.
MORAE
www.techsmith.com/morae
TREEJACK
www.optimalworkshop.com/treejack
CRAZYEGG
www.crazyegg.com
O CrazyEgg foi uma das primeiras ferramentas online de usabilidade. Ele gera um mapa de calor sobre o site, que mostra onde
os usurios esto clicando. uma ferramenta interessante, que
pode proporcionar insights sobre os pontos de maior interesse
dos usurios. No entanto, talvez seja preciso ter certo cuidado,
pois os cliques podem no corresponder ao real desejo dos usurios. Dessa forma, uma ferramenta complementar e deve ser
usada em paralelo com outras formas de registro do comportamento dos usurios.
Com o tempo, foram surgindo outras ferramentas similares
ao Crazy Egg, como o Click Density (www.clickdensity.com) e o
Mouse Flow (www.mouseflow.com), que fazem basicamente a
mesma coisa.
O Five Second Test tem uma lgica prpria, na qual os participantes tm que responder s perguntas estipuladas pelo pesquisador em cinco segundos, enquanto olham o site ou o seu
prottipo. uma variao da metodologia tradicional, que pode
se mostrar interessante com tarefas especficas para captao
da percepo macro das pessoas.
USERTESTING
www.usertesting.com
LOOP11
www.loop11.com
YOUEYE
www.youeye.com
O YouEye tem a mesma lgica do Loop11, porm permite a gravao de movimentos do mouse, cliques em forma de vdeo e de
udio. Com isso, possvel coletar mais dados alm do resultado
da tarefa em si, o que tornam os resultados muito mais ricos.
27
Mateu Velasco
E por qu?
MATEU As referncias so muitas; difcil list-las aqui.
trabalhos?
MATEU Trabalho em trs segmentos distintos. Na
85 > CRIAO | WIDE |
29
pelo ex-jogador de basquete Oscar Schmidt, partidrio de que a repetio do trabalho mais importante do que as habilidades adquiridas
naturalmente. Em relao arte, como voc enxerga a relao entre o
dom e a tcnica?
MATEU Se pegarmos o exemplo de grandes nomes da histria da
arte, veremos que boa parte de seu xito vem da repetio, do treinamento, da produo intensa. Picasso, para citar um exemplo famoso,
trabalhou em diversas frentes (pintura, escultura, colagem, desenho
etc.) exaustivamente, desde garoto at o final de sua vida. O resultado
30
31
WIDE De todas as suas criaes, quais voc mais gosta e por qu?
instncias legitimadoras tradicionais. O espao das ruas democrtico, livre, possibilita ao artista quebrar barreiras preestabelecidas pela
sociedade de controle, desmitificando a chamada vida de artista. Na
rua, o trabalho acontece na frente de todos, sem maquiagem, sem o
controle que temos dentro de um atelier. Alm disso, devido ao fato
de inmeros painis serem feitos de forma coletiva, a troca de informaes entre diferentes artistas intensa, propiciando um ambiente
rico em troca de conhecimentos e vivncias.
MATEU No tenho uma imagem que possa eleger como a de que mais
gosto. De um modo geral, cada uma delas tem a sua importncia, pois
o que realmente valorizo no trabalho que venho desenvolvendo o
processo criativo, o desenvolvimento da linguagem grfica e a busca
por novos desafios. Sendo assim, cada uma das centenas de imagens
que criei ao longo da minha vida teve o seu papel naquele momento,
e por um curto perodo foi merecedora de uma anlise mais detalhada. Geralmente, a imagem que de mais gosto a em que eu estou
trabalhando no momento.
da street art com o mundo da publicidade comercial. Quais os maiores desafios encontrados em conectar esses dois universos?
32
33