Arquivo da Categoria 'Criação & Usabilidade'

 Infográfico bacana: o mapa das medalhas olímpicas

Visualização interessante da quantidade de medalhas ganhas por cada país na Olimpíada:

No New York Times: A Map of Olympic Medals.

mapas_medalhas.jpg

 Preparando o terreno para o iPhone

Navegando pelo Terra, descobri que eles fizeram uma página especial para iPhone e iTouch:
http://m.terra.com.br/marcablanca/servicios/iPhone/BR/

Pelo que percebi por enquanto só colocaram em Futebol.

Quando o usuário navega com seu iPhone pelo Terra e chega em
http://esportes.terra.com.br/futebol/,
o sistema identifica o seu user agent de iPhone e redireciona para
http://m.terra.com.br/marcablanca/servicios/iPhone/BR/Futebol/.

O Google já faz isso há bastante tempo e mostra páginas customizadas para dispositivos móveis e iPhone. É interessante considerá-lo um site. Há uma versão mobile do Terra em
http://m.terra.com.br .

Para poder testar isso, instale o plugin User Agent Switcher para Firefox.

Depois em Ferramentas > User Agent Switcher > Options > Options > User Agents, depois clique em Add.

Cadastre da seguinte forma:

Description: iPhone

User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

Depois modifique o seu User Agent para iPhone em Ferramentas > User Agent Switcher > iPhone e navegue nas páginas mencionadas acima.

 A ordem dos botões que altera o produto

Você em alguma situação já clicou em cancelar quando queria salvar, ou vice versa? Vou ajudar a explicar porque isso acontece.

O posicionamento das ações principais à direita é o mais natural para mim, porque sou usuário do Windows e nele esse é o padrão adotado. Para usuários de MacOS e Linux o padrão muda.

ok-cancel-buttons.gif

A imagem é uma captura de tela do Office 2007 da Microsoft

Os desenvolvedores transportaram para suas interfaces os padrões que lhe eram mais familiares, o que fez com que na internet não houvesse padrão, nem Windows, nem Linux ou MacOS.

Pronto! Estes são os motivos, você talvez tenha convivido com essa salada de botões até hoje sem se dar conta, mas e agora, José? Temos usuários que interagem com os dois padrões na intenet, qual adotar?

Acredito que mais uma vez a solução é aplicar o bordão mais manjado dos defensores da usabilidade, “foco no usuário”. Como? Adote o padrão de acordo com o sistema operacional que o seu usuário utiliza.

Talvez caiba uma exceção se você está produzindo uma nova versão de um sistema, pois é interessante observar o padrão adotado no sistema legado e ouvir a opinião dos seus usuários.

Bem, se você não sabe quem é seu usuário e não sabe o sistema operacional que ele usa, a melhor decisão aí é abortar seu projeto…

Artigo recente publicado no site Useit, do guru Jakob Nielsen: OK–Cancel or Cancel–OK?.
Artigo do Luke Wroblewski sobre formulários: Web Application Form Design.

 IV Congresso Brasileiro de Publicidade, 30 anos depois

A quarta edição do Congresso Brasileiro de Publicidade ocorre exatamente três décadas após o último encontro, em 1978, que culminou com a criação do Conselho Nacional de Auto-Regulamentação Publicitária (Conar).

A entidade nasceu a partir do temor do mercado que o então governo militar sancionasse uma lei que estabelecesse censura prévia às atividades publicitárias.

Mais sobre a programação no site do IV Congresso Brasileiro de Publicidade.

 Peso das páginas triplicou de 2003 até hoje

Pesquisa mostra que o peso médio das páginas na internet triplicou e ultrapassa 300kb hoje em dia.

No último ano, as mil páginas mais populares cresceram 24.2% de dezembro de 2006 a dezembro de 2007, ou seja, de 250K para 310.4K. Seguindo esta linha de crescimento, uma home típica vai ter mais de 385K até o fim deste ano.

webpage_size.gif

Mais no WebSiteOptimization.com: Average Web Page Size Triples Since 2003.

 O maior departamento criativo do mundo (sem agência)

No site OpenAd.net você faz um briefing para a criação de uma campanha, define seu prazo, calcula o preço online, recebe um monte de opções e licencia a criação durante um período de tempo.

Estima-se que mais de 10 mil designers freelancers de vários países prestem serviços e o site fica com uma comissão de um pouco mais de 20%.

Trata-se de um mercado online para compra e venda de idéias criativas para uso em propaganda, marketing e design. O processo de compra e venda de idéias ocorre online, diretamente entre anunciantes e criativos, sem a intermediação de uma agência no processo.

O nome não tem nada a ver com o antigo adserver OpenAds, que virou OpenX.

Visite o OpenAd.net.
Veja o cálculo de preços online.

 O trabalho mais chato do ano

Qual o trabalho menos interessante que um profissional do mercado publicitário poderia realizar em 2008?

Se você chutou percorrer as principais capitais mundiais para conhecer a estrutura, o dia-a-dia e as figurinhas carimbadas das agências e hotshops mais inovadoras, acertou em cheio (e se eu fosse você jogaria na Mega-Sena).

Esta inglória missão ficará a cargo da sortuda Regina Augusto, editora-chefe do Jornal Meio & Mensagem.

A andança poderá ser acompanhada e invejada através do blog “Diário de Bordo”, que já está recheado com as visitas sem graça à Santo, Crispin Porter + Bogusky e Strawberry Frog e Droga 5.

Mais detalhes no Diário de Bordo, que possui uma chata mapografia do percurso.

 Quando a sua publicidade funciona, mas seu site não

As pesquisas de mercado apontam para um aumento significativo no investimento em publicidade, um movimento impulsionado pelo bom momento do país, o amadurecimento do mercado e as novas tecnologias que surgem pra viabilizar tudo isso.

Mas existe um problema ainda desconhecido de muitos anunciantes, o desempenho da landing page.

Gasta-se muito tempo na produção das peças e na estratégia publicitária, o que é muito importante, claro. Mas o site fica em segundo plano neste ponto e daí surge o questionamento sobre baixas taxas de connect rate do site em relação a uma campanha de sucesso.

O que muitas vezes o anunciante não consegue perceber é que o problema pode estar na sua landing page - seja na navegação, desempenho ou acessibilidade. O usuário clica, chega ao site, mas não consegue chegar ao objetivo desejado e muitas vezes se questiona se a publicidade funcionou. Sim, ela funcionou, o problema está em outro lugar.

Produzir um site especial para uma ação publicitária depende de planejamento - não só na comunicação visual, mas também na parte técnica, caso contrário o visual fica comprometido.

Já encontrei sites em que ao acessar a página o uso do processador chegava a 60% - uma taxa altíssima, comparável ao uso de softwares de grande porte. Mas espere aí, você está visualizando um site! É comum focar na parte visual (em animações, cores, sons) e nem se avaliar o impacto disso em máquinas mais modestas e conexões mais lentas.

Em outras situações, sites chegavam a ter mais de 1.8MB, onde pelo menos 900Kb eram apenas de um arquivo mp3 de som de fundo. Imagine só um arquivo com som de fundo ser metade do seu site sem ser o principal mecanismo de comunicação com o usuário. Isso é um grande download, principalmente para usuários de conexão discada. Em máquinas mais modestas, um site assim demora cerca de 65s para carregar. Este é um exemplo de como perder seu usuário.

Um grande percentual da perda de usuários ocorre com a demora de carregamento do site. Um processamento alto prejudica a renderização da página, assim como uma grande quantidade de elementos para serem carregados para um usuário com conexão limitada.

Não necessariamente um usuário de banda larga consegue navegar rápido no seu site. Ele pode estar baixando uma música, carregando outros sites ou, como é muito comum hoje, ter sua conexão compartilhada. Logo, o desempenho pode não ser aquele que você imagina.

Se você tem um objetivo de conversão, faça seu site ser direto. Conquiste a atenção do usuário, mas principalmente sua conversão.

Embora o Flash seja um aliado em comunicação multimídia, se você não seguir algumas dicas simples, ele pode se tornar o vilão do seu site.

Não abuse de animações. Embora sejam atrativas, consomem muito processamento e podem confundir a navegação do usuário, tirando o foco de outras áreas importantes.

Muito código significa mais uso de banda, mais tempo para carregar um conteúdo, maior custo para manter seu hosting. Você pode agilizar o carregamento, hospedando imagens e arquivos mais pesados em um servidor com cache.

Assim, carregue os elementos ou áreas do seu site sob demanda, o que minimiza consideravelmente o tempo de download e maximiza a experiência do usuário com o site.

Muitas empresas definem a navegação em seus sites sem realizar testes e só vão resolver os problemas em um redesenho que pode demorar a acontecer. Também esquecem de incluir um sistema de busca - o usuário está muito acostumado a buscar o conteúdo; ele não fica mais procurando aquele link ou navegando desesperadamente. Ele busca: é mais fácil, é mais rápido, leva ele para onde ele deseja.

Não deixe de incluir nos seus projetos os testes de desempenho e impacto de carregamento em diferentes configurações de máquinas e conexões. Assim você minimiza o problema de perda de usuários e conhece eventuais limites técnicos. Pode, por exemplo, trabalhar em diferentes versões do site de acordo com o perfil do usuário.

Use web analytics para avaliar a navegação dos usuários e identificar o ponto exato de perda deles - assim você economiza muito tempo e saberá exatamente onde precisa resolver algum problema.

Não tenha receio de modificar o site. A web evolui, os usuários estão mais exigentes, você precisa estar antenado a tudo isso. Quanto mais você entender seu usuário e cuidar da qualidade de código e desempenho do seu site, mais retorno terá.

 Microsoft deve atualizar IE com Eolas

Tempos atrás a Microsoft perdeu uma batalha judicial sobre patente de como o usuário interage com elementos ActiveX no Internet Explorer. Na época a Eolas foi a vencedora e o IE atualizado, fazendo que com todos elementos ActiveX (exemplo mais comum em Flash) tivessem que ser clicados antes de se poder ativar qualquer interação com eles.

Isso causou impacto em peças publicitárias, pois prejudicava por exemplo o clique na peça. Muitos de nós tivemos que preparar códigos para contornar esssa limitação e permitir a visualização dos elementos como eram antes. Pois é, de agora até abril de 2008 a Microsoft pretende reverter essa limitação.

Pouco se fala, mas até hoje a Microsoft não era tão prejudicada com o recurso. Era incômodo sim, mas com os códigos que davam um jeito era possível resolver. Dava mais trabalho, mas funcionava. Só que além de resolver esse problema, a Microsoft se livra de um outro: o Silverligth, concorrente direto ao Flash, e que está tendo dificuldades para conseguir entrar neste mercado concorrido, também sofria da mesma limitação e isso não ajuda em nada um produto que quer ganhar fatia de mercado.

Com essa atualização, o problema acaba e nós agradecemos, pois não será mais necessária aquela montanha de códigos para contornar a situação. Embora tenhamos que mantê-los por algum tempo, já que não se pode garantir a atualização por todos os usuários, principalmente os leigos e a Microsoft também não detalhou se limitaria a atualização apenas aos usuários do programa Genunine Windows.

Boas notícias, mais ainda teremos que manter o legado por algum tempo…

Mais detalhes no Betanews: Microsoft to Remove Eolas Barrier in IE.

 Alguns conteúdos ficam online para sempre

Dizem que tudo que é incluído ou enviado a um website - posts, comentários em blogs ou mesmo as fotos em um fotolog - permanecerá online por um bom tempo, muitas vezes por um tempo indeterminado.

A maioria dos sites tem pouca idade. Raramente encontramos sites mais antigos que não evoluíram, possuem “rústicos” códigos em puro HTML e foram desenvolvidos com pouco design e estrutura.

Ao pesquisar por servidores para o antigo mIRC (chat que chegou a competir quase diretamente com os chats dos grandes portais quando os messengers ainda não eram muito utilizados e que hoje em dia possui um público mais restrito), percebemos que muitos deles não são atualizados há algum tempo, mas por algum motivo não saíram do ar.

Estranho, pois a maioria desses sites não trouxe nenhum beneficio para a minha pesquisa, pois quase todos os servidores de mIRC indicados não funcionam mais. Então em alguns anos teremos um arquivo muito grande diminuindo ainda mais a credibilidade das informações encontradas online?

Por outro lado, fiquei emocionado ao entrar em websites como o Archive.org, que armazena informações sobre os websites mais antigos e as atualizações que sofreram. Podemos olhar o site da Predicta, por exemplo, desde os seus primórdios.

Ao acompanhar a história dos portais podemos ver claramente as inovações e mudanças que aconteceram desde o inicio. As transformações os tornaram fontes importantes de informações, mas no início os portais possuíam apenas algumas páginas “bobinhas”.

Esse post, por exemplo, talvez fique online ainda por algum tempo e vai mostrar algum dia que alguém já havia pensado sobre esse assunto.

Veja o site da Predicta em 26 de agosto de 2005:

site_em_2004.jpg

E depois, em 6 de fevereiro de 2006:

site_em_2006.jpg