Como aumentar o tempo de visitação no site

Olha eu aqui travez! Estoy aqui querendo recolocar “blogueira” no meu parco currículo. #not Eu adoro este espaço e a falha em não saber administrar o tempo me distancia daqui.
De volta, vamos falar de coisa boa.;)

Toda vez que sou convidada a participar da elaboração de um site, faço um circuito sempre novo. Para quem já leu um pouco sobre arquiteura da informação, sabe que a investigação é atividade principal de quem quer produzir um novo espaço na internet. Existem as lições de usabilidade, as convenções do W3C e a vontade de um monte de gente criativa de fazer a interação humano-computador cada vez melhor.

Lá no Facebook, comentei outro dia sobre bons exemplos de navegação que vejo na web brasileira. Uma área do conhecimento fundamental para quem quer aumentar o tempo de visita de suas páginas. Logicamente combinada com bom conteúdo, seo, e estratégia de divulgação.

Abrindo as gavetas da navegação

Conseguir estimular o usuário a continuar numa página é dos principais desafios na hora de conceber um projeto.
E pra conquistá-lo a equipe deve estar segura do tamanho e do tempo (leia-se verba) disponível para implementá-lo.

Os espaços projetados precisam funcionar a contento. E pra isso, a equipe de programação precisa estar habilitada a oferecer as soluções adequadas ao que foi definido. Os produtores de conteúdo também vão precisar manter a disposição para atualizar tudo com a cadência e frequência combinados e (re)combinados. Sim. Afinal é mesmo na prática que um projeto se efetiva. E por mais cálculos, análises e históricos de estratégias bem sucedidas é a implementação quem vai mostrar a realidade.

É mesmo o fator humano quem vai determinar a medida do sucesso de um projeto.
Se ele tiver o reforço de uma marca conhecida então.. o caminho tá adiantado.

É o caso do G1, plataforma web da Rede Globo de Comunicação, que se mantém como referência na construção de páginas brasileiras. Particularmente, gosto (com algumas ressalvas) da maneira como eles organizam os espaços e da consistência com que estabelecem mudanças.

Procurando referências de como destacar a equipe de uma instituição, decidi procurar sites de novelas, times de futebol, seriados e toda noção que me veio a cabeça de trabalho em equipe.

Foi aí que cheguei na novela das 21h > Avenida Brasil

Para cada tipo de produção eles desenvolvem um molde. Uma estrutura pronta que recebe novos módulos a depender do público alvo. O molde-padrão, na maioria das novelas, se mantém inalterado. Até que haja a renovação da grade.

Por causa da investigação (sites de equipes), cheguei a página de personagens. Na verdade, a página do personagem (já com o clique no escolhido).

De bate pronto, o que interessaria ter por lá?

• Foto de atores
• Personagens
• Quem é ele na trama

Cumpriria a função de informar se página se limitasse a esses fatores, certo?
Mas a equipe de planejamento foi sagaz. E trouxe outros espaços para estimular a permanência no site.

São pelo menos 11 novas áreas para comunicar e criar relações/hiperlinks sobre a novela. Até fiz um inventário da página {breve aqui}. Oportunidade não falta para fisgar o telespectador com um tempinho extra.

Meu exercício diante de um projeto vai nesse caminho sempre. Como dispor as gavetas de forma lógica e atraente. Trabalho extra para programação e design. Todos, sempre, juntos num só coração briefing.

Seo para jornalistas: Notícia no topo dos buscadores

De volta as origens. Essa jornalista metida a interneteira está de volta. Hoje para compartilhar a Cartilha de recomendações de SEO para Jornalistas. Dicas que já apareceram por aqui e outras, bem específicas do cotidiano das redações, foram apresentadas pela jornalista Barbara Zamberlan, idealizadora e criadora do projeto.

Barbara, profissional do Terra, foi muito feliz na condução do material que aborda desde o significado de SEO até a aplicação de técnicas para facilitar o ranqueamento nos buscadores. Meta tags, escolha de palavras-chaves e o uso de imagens são só algumas das informações destas 20 e poucas páginas de conhecimento.

A Cartilha

Sobre Barbara Zamberlan
Jornalista, Webwritter, Analista de Search Marketing com foco em SEO e Links Patrocinados, analista de produtos no Terra e apaixonada por internet e novas mídias. Saiba mais sobre ela no seonojornalismo.com.br

Update!

Acabo de localizar o ótimo artigo de Bruno Rodrigues – referência em webwritting – em que estabelece uma visão crítica sobre o mundo do conteúdo. Dicas publicadas lá, agora estão aqui, aplicadas neste espaço. Confira o artigo SEO e webwriting: uma visão crítica

SEO: Guia básico de otimização para buscadores

TDC2011 SP Palestra: SEO para Web Developers e Web Designers com Fabio Ricotta – Domingo, 10 de Julho from Globalcode on Vimeo.

 

Otimização de conteúdo para motores de busca. A fórmula secreta do Google para posicionar os sites tem sido estudada por profissionais de altíssima qualidade. Um deles é Fábio Ricotta da MestreSEO, referência em otimização no Brasil e pra mim especialmente. Há algum tempo encontrei essa palestra aí em cima e resolvi transformar em caracteres o que ouvi de mais bacana da palestra de Ricotta para o TDC São Paulo 2011.

Sem suspense e chorumelas. Aqui vai o conteúdo de exatos 44 min e 13 segundos todinhos pra você.
Se preferir, navegue pelo menu logo abaixo. Use e abuse destas informações. O maravilhoso mundo do Google está à sua disposição para aprofundar os temas.

Dicas de Ricotta para otimização

• As páginas devem ter título diferente
• As diferenças entre Html 4 e 5
• Padrão de links
• Imagens
• Tempo de carregamento
• Compressão de Arquivos
• Compressão de HTTP
• Redirecionamentos
• URLs amigáveis
• Conteúdo duplicado
• Google Analytics
• SiteMap XML
• Ajax
• Uso do Flash

As páginas devem ter título diferente

Topo

Desenvolvedores e clientes devem assegurar que o gerenciador de conteúdo permita edições de título, metatags, description, keywords, h1 e texto. Assim você facilita a identificação das páginas e da busca.

As diferenças entre Html 4 e 5

Topo
O novo padrão de linguagem vem ai. E ainda vai demorar um tempinho pra que todos os desenvolvedores se adaptem a nova plataforma. Já comece desde já diferenciando os blocos de conteúdo. Na varredura de sua página, o buscador precisa saber o que é conteúdo, rodapé, topo e suas informações.

Topo

Padrão de links

Descrever bem o texto âncora auxilia na organização de conteúdo. Os gerenciadores de conteúdo bem feitos, já auxiliam nessa tarefa. Cabe ao publicador, inserir a descrição do link, para gerar mais uma oportunidade de localização.

Atenção! Evite o “clique aqui”. Muito utilizado como texto alternativo, o clique aqui já está banalizado na internet. E convenhamos, não diz nada sobre o link específico. É por ser tão genérico, que o clique aqui se transformou num vilão para o SEO.

Imagens

Topo

ALT IMG:Descreva as imagens para facilitar a localização do Google.

Na hora de inserir imagem, repita o exemplo acima e garanta a inserção de texto alternativo personalizado. Sempre vale a pena repetir. O Google enxerga as páginas como caracteres, inclusive as imagens. Para identifica-las corretamente, ele se utiliza de vários parâmetros (nome do arquivo, alt, título). Ajude-o:

O ALT deve ter pelo menos o nome do arquivo. Uma forma de facilitar a compreensão do contexto pelos buscadores.

Nome do arquivo padrão da câmera:
DSC002.jpg

Nome do arquivo recomendado:
noiva-subindo-escada.jpg

Tempo de carregamento

Topo

Use o Google Webmaster Tools. Em labs, o Google mostra o tempo de carregamento do site e comparativo com sites da áreas. O objetivo é sempre ultrapassar a linha vermelha.

Trabalhe para otimizar as páginas mais lentas.
Faça uso do Page Speed pra isso

Compressão de Arquivos

Topo

O Page Speed também é muito útil para desenvolvimento de arquivos. Compactação de imagens, arquivos (CSS, javascript)são alguns das recomendações disponibilizadas.

Compressão de HTTP

Topo

Aqui vai uma atenção especial ao arquivo HTTP. Com a compressão dele é possível acelerar a resposta ao site.

Redirecionamentos

Topo

Redirecionamento inadequado. Problema nº 01 de acordo com Ricotta. Para corrigir, assegure a aplicação de Redirecionamento 301. Ele garante que o novo domínio ganhe a autoridade do site antigo. O que melhora o posicionamento do site e as informações a ele associadas.

URLS amigáveis

Topo

Prefira o uso de endereços amigáveis (www.nomedosite.com.br/nome-do-produto) ao antigo (www.nomedosite.com.br/produtocat=12345?#). Essas informações que parecem grego para o usuário comum são punidas pelo Google. Quem usa o endereço amigável garante melhoria do posicionamento.

Topo

Conteúdo duplicado

Várias versões de um mesmo site. Alerta vermelho de problemão. Em visita a página inicial de um site é comum perceber que ele pode ser acessado por vários endereços. Parece ótimo, certo? Mas não é. Para o Google este fato é a comprovação de conteúdo duplicado.

A correção:
A melhor das opções é escolher um dos domínios e fazer o redirecionamento 301.
Mas se os endereços já forem muito conhecidos? É tempo de fazer uso da canonical tag. Uma especificação no código do site que aponta o endereço original daquele conteúdo.

Topo

Google Analytics

É do time de desenvolvimento a responsabilidade pela gestão do Google Analytics. Assim fica mais fácil implantar tags e outras alterações na programação da página.

Trackeando subdomínios
Para subdomínios é necessário editar o código do Google utilizando a tag _gaq push.

Tracking de eCommerce
Para mensurar o ROI (retorno sobre investimento), o Google possui código específico a ser aplicado na página do carrinho de compras.

SiteMap XML

Topo

Documento adotado pelos mecanismos de busca que indica as URLS que existem no seu site.
Esse arquivo deve ter no máximo 10mb de arquivo. Se o arquivo for maior, deve ser quebrado em vários outros com este tamanho máximo.

A estrutura do Sitemap.xml também pode indicar imagens, videos e notícias.
Já que é comum estourar os 10mb ao referenciar aquivos multimídia, divida o sitemap. Crie um indice de sitemap para evitar que o Google deixe de localizar o conteúdo.

Sites multimídia
Opte por organizar os vídeos numa seção específica do site. Existe sitemap específico para vídeo. Muito recomendado para sites de jogos e vídeos.

Como colocar as notícias no Google News
Aqui é o caso de criar um sitemap específico de notícias.

Ajax

Topo

O Google tem dificuldade para leitura de Ajax por problema com a requisição HTTP no servidor. Para melhorar a indexação de Ajax é necessário reescrever as chamadas com hashbang.

Uso do Flash

Topo
Já existem várias formas de mostrar ao seu cliente que site em Flash não será bem lido pelo Google.
Se ainda assim a construção em flash for indispensável, há duas alternativas:

sIFR (Scalable Inman Flash Replacement)
Ajax crawling scheme

Atencão! Escrever HTML por trás do Flash é considerada atitude ilícita pelo Google.

É isso pessoal.

Telegráfico, mas limpinho.
Com esse glossário já dá pra ter uma noção do que trata o SEO.
Sempre é bom sacar um pouco desse mundo que nunca para.

Lembre-se! Desenvolvimento web, web design e SEO são áreas interpendentes. Quanto mais se conhece sobre as três, melhor para o profissional, cliente e usuário.

Como apresentar um site ao cliente

Reuniões, emails, telefonemas. Briefing devidamente validado é chegada a hora de mostrar que você entendeu o que o cliente deseja. Pelo menos é isso que se espera de uma reunião para apresentar um ____ (site, blog, aplicativo).

A essa altura seu cliente já deve ter visto o mapa do projeto, wireframe e layout, certo? Não? Então aqui vão algumas sugestões para cada uma destas etapas.

 

O mapa do projeto

Em se tratando de site, minhas melhores experiências na apresentação do mapa estiveram relacionadas ao velho e querido papel e caneta.

Sim. A hora de definir a organização de conteúdo funciona muito melhor quando se pode rabiscar o material.

Geralmente levo a documentação, que expliquei aqui, impressa.
Uma sugestão do conteúdo aparece em lista numerada. Assim, o cliente pode acompanhar a divisão dos blocos de informação e discutir a eventual mudança na hierarquia.

É o resultado dessa sessão de rabiscos que vai alicerçar a criação do wireframe e navegação do site.

Detalhe! A depender da familiaridade do cliente com a internet e da baixa complexidade do projeto, vale a pena pular esta fase e se reunir já para apresentar o wireframe.

 

A apresentação do wireframe

Para clientes visuais e/ou pouco familiarizados com navegação web, a hora de apresentar o wireframe é das mais esclarecedoras.

É com a sugestão de disposição de elementos e funcionalidades do futuro site que o cliente passa a ter contato mais próximo com o futuro site.

Na prática, fui muito feliz quando cosegui apresentar as telas de forma navegável. Menu, páginas internas, pequenas programações dão uma boa ideia da execução do projeto.

O Axure permite essa criação de hiperlinks e estruturas de navegação em HTML. Hospedado num servidor testes ou no pendrive é possível navegar pela arquitetura da informação como se o futuro site já estivesse no ar. Programação, claro fica de fora dessa etapa.

 

A apresentação do layout

Sentimento, cor e forma para as etapas anteriores. Tente entender ao máximo o perfil do seu cliente nesse momento. As expressões mais próximas do cotidiano dele farão diferença na hora de defender a criação do layout.

Respiro, pixels, distância, harmonia são das palavras mais ouvidas durante a apresentação do layout. Esteja preparado para responder a respeito delas. A experiência do usuário e os interesses do cliente nem sempre vão estar do mesmo lado da balança. Argumente. Ceda e defenda. Essa fase é crucial.

Quanto menor o número de refações após a aprovação desta etapa, mais rápido o pessoal da programação vai trabalhar.

 

Site programado, cliente satisfeito

Esse é o desejo de qualquer profissional envolvido num projeto web. De fato, a fase mais delicada de todo o processo é a concretização do que foi projetado ao longo das etapas anteriores.

É na programação que as cores e a navegação se tornam reais. Prever um tempo extra para as correções desta fase é essencial para a segurança do projeto.

Apesar de ser uma ciência exata, a programação é feita de vários testes. Navegadores, monitores, conexões precisam ser estudados para garantir que o site seja visto de forma semelhante por todos os usuários. Semelhante, porque igual é muito difícil.

Boa sorte! Serenidade e simpatia. Você vai precisar disso na hora do atendimento.

Como usar grupos de discussão para melhorar a comunicação digital

Fonte: www.desenhosanimadosclube.com

Hoje a postagem é rápida, mas vai ser boa.Vim aqui fazer companhia ao The Flash para compartilhar alguns grupos de discussão e fontes que utilizo para me atualizar sobre as  novidades dessa nossa mediada por computador, mobiles e dispositivos interconectados.

Usabilidade, marketing, comunicação empresarial digital, SEO. Esses são alguns dos temas que mais busco na web. E por isso. acabei indo atrás de fóruns relacionados. Com o tempo, Facebook e Linkedin se consolidaram como as principais ferramentas para quem deseja se manter atualizado sobre dicas, novidades e dúvidas frequentes. Eis aqui as recomendadas:

Facebook

Relações Públicas Digitais

Brasileiro, é um grupo fechado que reúne profissionais e estudiosos da comunicação corporativa digital. Sempre movimentada, garante o compartilhamento de informações e esclarecimentos de dúvidas muito rápido. Aqui também é uma oportunidade para discutir cases e aprimorar planejamentos.

SEO

Otimização de conteúdo para buscador tem sido um dos assustos mais curiosos ultimamente. Amiga das palavras, tenho percebido este com um nicho muito bacana de mercado. E agora, me juntei, aos mais de 300 brasileiros para compartilhar as novidades do tema.

Linkedin

Salve salve resumo diário dos emails. É que no Likedin sou leitora assídua de um bocado de grupos. Neles intervenho muito pouco, mas absorvo que é uma beleza. Pretendo me inteirar ainda mais sobre os temas pra garantir contribuições qualificadas. Todos trazem ótimas contribuições. A maioria dos grupo exige aprovação para entrar. Eis os indicados:

• Design centrado no usuário
• Arquitetura da informação
• Experiência do usuário en Latinoamérica
• Interaction Design Association
• Ensino de jornalismo digital
• Monitoramento de Marcas, mídias sociais, conversações, web

Tem alguma fonte de informação para sugerir? Fique à vontade. Deixe seu comentário!

Dia mundial da usabilidade: o que vi em Curitiba

Tecnologia derrubando barreiras. Foi a essa conclusão a que cheguei no Dia Mundial da Usabilidade 2011. Celebrado em 10 de novembro ao redor do globo, a data também foi lembrada pelo pessoal do capítulo Paraná do IxDA (Associação de Design de Interação). Uma parceria, liderada por Érico Fernandes, com a Aldeia Coworking  que despertou nesta escriba aqui um monte de ideias.

Criado em 2005, o Dia Mundial da Usabilidade (World Usability Day, em inglês) nasceu pelas mãos da Associação de Profissionais de Usabilidade (UPA, na sigla em inglês) para garantir que “serviços e produtos importantes para a vida humana sejam mais fáceis de acessar e simples de usar”. Fonte: Terra

O que rolou:

Durante algumas boas horas, a plateia de designers e profissionais da interação pode conhecer um pouco mais sobre as especificidades da tecnologia a serviço do usuário. Na noite, especial atenção às pesquisas sobre o cotidiano da comunidade surda e  sobre o uso de telefone celular pela população de baixa renda.

Essas poderiam ser manchetes reais para o que ouvi por lá. E mesmo que assim montadas, de forma um tanto sensacionalista, dizem muito sobre a importância de compreender o significado dos elementos tecnológicos para a acessibilidade.

E a comunicação, claro, tem muito a ver com isso.

No caso dos surdos, há de se compreender a diferença cultural e linguística de quem se utiliza das libras (majoritariamente visual) como primeira língua para desenvolver soluções cada vez mais adaptadas. Experiência do usuário é o foco.

As legendas nos programas de TV e aquele quadradinho (minúsculo) de tradução são marcos para o desenvolvimento desta parcela da sociedade. Muitas vezes alheios (involuntariamente) à informação, esse público passou a ter mais possibilidades de desenvolvimento graças às leis e iniciativas como essas. Novidades que ainda não recobrem toda a programação da tevê aberta, por exemplo.

A integração com a parte falante da sociedade também já ganhou reforço com as legendas no Youtube como a desse vídeo acima. Um recurso que pode ser cadastrado por qualquer pessoa.

Mas, segundo a palestra de Ana Claudia França, foi a popularização do SMS que determinou a autonomia dos surdos oralizados. Para estes, com domínio do português, poder encaminhar mensagens de texto via celular facilitou a comunicação e deu ares de independência.

A importância do celular também pautou a apresentação de Sandra Rúbia. Doutora em Antropologia Social, ela foi a campo para explorar o uso do celular por comunidades populares em Santa Catarina, e agora, no Rio de Janeiro.

Extensão do corpo, expressão de identidade, primeiro contato com a internet. É assim que o celular é percebido pela maioria da população de baixa renda. Pessoas de todas as idades que viram seu acesso facilitado graças aos pacotes de celular a baixo custo e, antes dele, à popularização do telefone pré-pago.

Mesmo com as tarifas mais altas do planeta, a telefonia móvel se popularizou no Brasil. De todos os tipos e recursos, os telefones adquiriram novas funções e, em breve, serão a primeira opção de conexão com a web desse público.

Até lá, precisaremos nos adequar. Oferecendo soluções web cada vez melhores e mais rápidas. Uma forma consciente e empreendedora de ratificar o caráter global dessa rede mundial. Eu tô nessa. Me declaro oficialmente uma estudiosa da mobile e da usabilidade na web.

Gerenciando redes sociais: o que escrever?

Twitter, Facebook, Likedin e até Orkut. Escrever e compartilhar informações nesses lugares já é parte da rotina da maioria dos brasileiros.

Fonte: Flowtown

Os números comprovam isso. São 77,8 milhões de pessoas com acesso a internet no Brasil. De acordo com o Ibope Nielsen, só em agosto, 45,4 milhões foram usuários ativos. 87% deles estão inseridos no que chamou de sites sociais.

Audiência é o que não falta, certo?

Todo dia esses números crescem e comprovam a vocação do brasileiro para o relacionamento online. Por aqui o Facebook já ultrapassa o Orkut em número de usuários. E o Twitter mantém a curva de crescimento.

Mas como otimizar esses perfis? O que escrever para atrair a atenção da audiência?

Cada rede exige uma atenção especializada. E já existe área do conhecimento para a otimização de conteúdo. O SEO que tratei aqui vira SMO (Social Media Optimization) quando se fala em redes sociais.

Resolvi então reunir algumas dicas para facilitar a gestão das contas, especialmente no Twitter.

• Ofereça conteúdo relevante
  Defina uma linha editorial para o seu perfil e ofereça o melhor daquele assunto a sua audiência.
• Encontre e monitore sua audiência
  Programas como Tweetdeck e Hootsuite permitem monitorar a sua conta. Saber o que estão falando sobre você ou sua marca é fundamental para facilitar sua interação. Nas redes sociais, a relação é pessoa-pessoa.
• Divulgue o seu canal fora da rede
  Ajude a descobrir seu perfil nas redes sociais. Cartão de visitas, assinatura de email, sites e blogs são ótimos aliados. De forma específica, solicite a inserção de um botão de seguir ou curtir no seu site ou blog.

Evite utilizar os 140 caracteres
Garanta o espaço para comentários e compartilhamento (RT) da sua informação.

 

Exemplo de RT:

O tweet original teve 73 caracteres. O que permitiu a inserção do RT mais o nome do usuário e ainda o comentário.

 

Abuse dos links encurtados
Também na ideia de facilitar o compartilhamento de sua mensagem, é importante reduzir o espaço dedicado aos links. Muitas ferramentas fazem isso automaticamente.
Se precisar, use o migre.me ou bit.ly para encurtar o seu link.

 

Evite abreviaturas
Informação boa é informação bem editada. Seja suscinto e direto. 

 

 Use “[ ]” para determinar o conteúdo do link encurtado quando ele for atraente como um [VIDEO], [INFOGRAFICO], [AUDIO], [FOTO]

 

 Use (via @) para mencionar a fonte
Quando quiser referenciar a fonte da sua informação, ou quando você modificou o contexto de um tweet para uma opinião pessoal, mas está aproveitando o conteúdo e o link de outro perfil.

 

 Aproveite o máximo das hashtags
Elas auxiliam na catalogação de um assunto. Você será encontrado por quem estiver procurando por ela.

 

 

Esse assunto rende infinitas contribuições. Vindas de muitas áreas do conhecimento. Comportamento do consumidor 2.0, folksonomia e taxonomia, marketing digital… . Vamo que vamo que tem mais por aí.

 

Fontes e referências:

• Social CRM: Evolua de fãs e seguidores para clientes engajados na web – Rafael Kiso
• SMO – Técnicas de Social Media Optimization
• A importância do SMO (Otimização para mídias sociais) – Mestre SEO
• Total de pessoas com acesso à internet atinge 77,8 milhões
• Sua relevância no Twitter depende… de seus tweets – Por Eduardo Kasse

Para ver ou imprimir: tratamento de imagem para web

[Atendimento Web] As imagens que recebi estão em baixa qualidade. Você não teria elas em alta?
[Cliente] Mas essas são a maiores que tenho.
[Atendimento Web] Ummmm. As que você enviou vão ficar pixelizadas. Não vai dar pra usar.

Não raro, esse diálogo retorna a vida do profissional de comunicação digital. Atendimento, designer, publicitário. De um lado ou de outro do atendimento, a guerra com a qualidade da imagem passa a ser motivo de brigas ferrenhas em busca da arte perfeita.

E nem precisa ser tão perfeita assim.

Na hora de solicitar uma material gráfico, é preciso se ater a algumas informações para evitar o retrabalho e, principalmente, a frustração sobre o que foi idealizado.

Glossário prático para web

Imagem pixelizada:

Diz-se a uma imagem não nítida. Aquela que fica cheia de pequenos quadrados (pixels) depois de esticada.

À direita um exemplo de imagem pixelizada

Alta resolução:

Diz-se da imagem de alta qualidade, apta para impressão. Em geral ela é grande e possui mais de 300 pontos por polegadas (DPI). Ela facilita o tratamento da imagem, retirada de fundos e outras manipulações na arte.

Baixa resolução ou qualidade para web:

As imagens que localizamos na web, são geralmente, em baixa resolução. Ou seja, são arquivos com pelo menos 72 dpi. Na tela aparece nítida, ao contrário, de sua versão impressa.

Do site para o papel

Se você quer imprimir uma imagem da internet em papel 10×15, certifique-se de que ela tem pelo menos 1800 x 1200 pixels de tamanho.

Encontrei no site Haco Virtual uma tabela muito bacana sobre a relação pixels e qualidade de impressão. Dá uma olhada:

Usabilidade e o Responsive Design

Essa semana fui apresentada ao Responsive Design. Essa entusiasta de usabilidade aqui agradeceu ao @HPizaia (designer incançálvel, Hugo Pizaia) pela indicação da novidade.

Para você que também não sabe o que esse nome significa, aqui vou eu.

Em linhas gerais, Responsive design Web é área da web que se dedica ao desenvolvimento de layouts adaptáveis ao maior número de navegadores. Trata-se de um conceito cuja ideia é garantir que as informações das páginas continuem acessíveis e fluídas, independente do tamanho da tela.

O trabalho passa pela definição de arquiteturas diferentes para cada resolução, além do CSS (folha de estilos), JQuery e outras técnicas de implementação que possibilitem visualizar um mesmo site por diferentes dispositivos (desktop, Ipad, smartphones), sem ter de fazer versões diferentes.

Na prática, é isso aqui:

http://www.cohenspire.com

O conceito não é tão novo assim. Já tem até livro de autoria de Ethan Marcote. Designer que no ano passado publicou um artigo sobre a importância de proporcionar uma web ágil.

Mas, entretanto, todavia… o Responsive Design Web merece algumas ressalvas, muito bem apontadas na tradução do Tabeless. A principal delas é sobre a detecção de características de cada equipamento. Velocidade de conexão, modo de navegação e resolução são só algumas delas.

Afinal, não basta apenas redimensionar uma imagem para caber na tela do celular, sem diminuir o peso do arquivo que vai ser carregado por uma conexão mais lenta.

Vale a pena conferir as novidades da área, lendo algumas referências:

• Introdução ao Responsive Web Design – Tabless
• Responsive Web Design – Ethan Marcote

Contador do Youtube travou: como vou mensurar?

Depois de um curto e tenebroso inverno, aqui estou eu para compartilhar mais uma questão neste querido espaço. Para destravar (sacou?) a conversa vim aqui contar uma experiência assustadora vivida durante a gestão de uma campanha web. E sim, tem a ver com o nosso Youtube.

Sem contador, como mensurar o sucesso da menina Isabela?

Atribuição:
Acompanhar o lançamento de uma campanha baseada em vídeos publicados no Youtube.

Ação estruturada, chega a hora de publicar os videos. Tudo certo. Tagueamento,descrições, listas de reprodução. Algumas horas de divulgação seriam suficientes para turbinar as visualizações pouquíssimas horas depois do lançamento. Seriam. Ou melhor. Foram.

O entendimento sobre a repercussão da campanha foi assim bem confuso. De um lado, o monitoramento dos links para os vídeos apontavam 3 mil cliques, só na primeira hora. O Youtube, referência do cliente, registrava 10% disso.

E agora José? Os cliques não efetivaram visualização? O Youtube deu pau e não registrou o pico de acessos? Nossa campanha tá comprometida? Diante do contador, ali travado em 300 visualizações, foi difícil pensar em Plano B. Mas ele existia: Google.

Foi ele que nos deu a resposta certa. E é ela que compartilho com vocês para impedir o aparecimento precoce de cabelos brancos em situação semelhante.

O fato é que o contador realmente travou, intencionalmente, em 300 visualizações. Mas continuou a armazenar as exibições posteriores. Devolvidas ao grande público só no dia seguinte.

E por que?

De acordo com o serviço de ajuda do Youtube, a contagem de visualizações utiliza uma tecnologia para impedir tentativas de aumentar as exibições de forma artificial. Spams, robôs ou mesmo a “ingênua” atualização frequente do navegador são alguns dos artifícios utilizados para forjar o interesse por um determinado vídeo.

E é só depois que essas ameaças são afastadas o Youtube atualiza a contagem das exibições. O que pode acontecer de forma quase instantânea, ou não, como foi o meu caso.

Então já sabe. Garanta sempre uma forma secundária de avaliar repercussão e calma. Se sua campanha está atrelada ao Youtube, você vai mesmo depender dele para saciar a curiosidade.

Formas secundárias de avaliação

Migre.me e OW.LY são alguns dos serviços de encurtador de links que fornecem monitoramento. Escolhi o Ow.lY para obter relatórios precisos sobre o número e origem dos cliques que divulgavam o vídeo. Blogs, Facebook, Twitter apareceram por lá revelando o verdadeira repercussão da campanha. UFA!