Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Divulgação de sites / Tutoriais de web design / Usabilidade na web
SEÇÕES
Manuais relacionados
+Divulgação de sites
+Tutoriais de web design
+Usabilidade na web
Categorias
+Usabilidade
+Divulgação de sites

Índice do Manual Divulgação de sites
+ Introdução à divulgação de páginas web
+ Tipos de buscadores
+ Registro em buscadores
+ Dicas para o registro
+ Onde colocar as palavras-chave
+ Etiquetas META
+ Todo o HTML
+ Falsas dicas
+ Outros métodos de divulgação
+ Conselhos para o web site
+ Como ajuda um domínio
+ Popularidade de um site web
+ As sete regras de Ouro de um domínio
+ Erros freqüentes ao redigir o título de uma web
+ São eficazes os sistemas de Meta Cadastro em buscadores?
+ O PageRank do Google
+ A divulgação de webs com frames
+ Ranking de tráfico de Alexa
+ Google Rankings
+ Idéias para conseguir links
+ Coloque o conteúdo mais interessante no início
+ Buscadores em primeiro lugar I
+ Buscadores em primeiro lugar II
+ Buscadores em primeiro lugar III
+ Dmoz, o diretório onde você deve estar registrado
+ O posicionamento nos buscadores de Internet
+ Google e a publicidade on-line
+ Google já indexa os arquivos Flash
+ SandBox de Google
+ O banner perfeito
+ Densidade de palavras-chave
+ Uso de META Tag Description em Google
+ Os buscadores em Internet I
+ Os buscadores em Internet II
+ Ferramenta de Yahoo: Yahoo! Site Explorer
+ Robots.txt
+ Porque registrar seu próprio nome de domínio
+ Tráfego Rápido e Barato: 6 Tips

Descrição dos capítulos

Índice do Manual Tutoriais de web design
+ Como fazer um gif animado com Photoshop
+ Definições de tela
+ As cores e HTML
+ Formatos gráficos para páginas web
+ Tabela com esquinas arredondadas
+ Tabela com desenho em sua base
+ Tabela com desenho em sua base II
+ Frames sem bordas
+ Barra de navegação HTML simples
+ Barra de navegação HTML
+ Setores de Photoshop
+ Listas HTML feitas com tabelas
+ Tabela melhorada com imagens para barra de navegação
+ Informe sobre o estudo Eyetrack III
+ Montar uma web a partir de uma imagem com Photoshop
+ Como criar um gif com Photoshop II
+ Fluxograma
+ Formatos de Arquivos
+ 30 dicas de Photoshop
+ Criar imagem em miniatura (thumbnail) com Photoshop
+ Efeito de texto com Photoshop
+ Links sem sublinhado
+ Fundo tipo mosaico a partir de uma imagem com Photoshop
+ Efeito de reflexo de texto em Photoshop
+ Fazer um texto que se adapta a um círculo, Photoshop CS2
+ Trabalho com ações de Photoshop. Gravar e executar uma ação
+ Lote com Photoshop para executar uma ação sobre os arquivos de um diretório
+ Mudar o tamanho de todas as imagens de uma pasta com Photoshop
+ O banner perfeito
+ Páginas fluidas

Descrição dos capítulos

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


O banner perfeito

Análise do uso de banners como ferramenta de comunicação. Conselhos para melhorá-los e mais documentação.


Resumo.
  1. O banner funciona. Se bem que como suporte de um modelo de negócio está questionado pelo ingresso que é capaz de gerar, como meio de comunicação é algo que se deve aproveitar.
  2. Neste artigo veremos pontos-chave na hora de desenhar nosso banner para conseguir uma comunicação efetiva. Não loop, sim animação, menor peso, maior.

1. O banner funciona.
Lembrança do banner:
    43% algo.
    57% nada.

Fonte: Site Usability
Um estudo do Site Usability faz referência à cegueira ao banner. O estudo mostra que os usuários não são tão cegos ao banner como parece e a impressão da mensagem é efetiva.

Desde o ponto de vista do anunciante, o banner pode funcionar. Cada vez mais a internet faz diminuir mais tempo à televisão (evidentemente mais que os jornais e revistas) e na internet se encontram nichos de mercado que no mundo real são difíceis de seguir.
Por outro lado, na internet temos a oportunidade de acessar a uma classe de população mais ampla do que um meio com limitações geográficas, temporais, etc.

Incluído o 27.5.2001: Os dados de Site Usability sobre a cegueira ao banner despertaram dúvidas por parte de alguns leitores pelo qual fizemos uma enquete própria para saber até que ponto este dado era certo. A enquete que fizemos deu que um 25% dos usuários lembram de algum banner de sua última sessão. Este dado dá poucas esperanças ao banner atual com o qual devemos pensar em ir mudando os banners. Outra idéia é ir fazendo as páginas que dependem de ingressos por publicidade mais "leves" para que o banner possa brilhar o máximo possível e capte a atenção do usuário.


2. Nem sempre deve levar a uma página.
O dado que se toma para medir a eficácia de um banner é o click through. Isto é correto, mas nem sempre é válido.

Os anúncios servem para oferecer informação, posicionar ou dar valor a uma marca e para despertar a necessidade de adquirir um determinado produto. O click through está a uma dimensão a mais destes dados já que oferece acesso instantâneo à aquisição deste produto.

O problema é que muitos produtos que se anunciam em banners não podem ser adquiridos diretamente. Um banner sobre a estréia de um filme pode oferecer informação sobre o dia da estréia de um filme e como opção o visitar a página. Neste exemplo, a efetividade do banner não se mede somente pelo click through. A impressão correta da mensagem é suficiente para justificar a inversão.

Este banner serve para comunicar a data de estréia do filme e como opção de link, convida-nos a ver os grupos de discussão.



3. Deve levar a uma página de interesse.
O link que contém o banner deve levar a uma página desenhada especificamente para este fim. Se o banner leva ao portal, o usuário pode se sentir confuso ou não encontrar aquilo que viu no banner.

Se o que estamos comunicando é a existência de nosso site, pode-se preparar uma pagina de boas vindas especial onde se explica o projeto, objetivos, etc.

No caso deste banner de Mixmail.com, apesar de nos convidar a nos inscrevermos em seus serviços, o banner nos leva à página inicial.



4. Banners avançados são interessantes, porém as pessoas não os usa porque não sabe se deve clicar ou usa-lo.
Estes banners que contém combos, campos de texto ou botões, onde o usuário pode realizar parte da transação antes de ver a página. O conceito está bem, mas o problema é que muita gente abusa deste tipo de banners, enganando o usuário fazendo parecer botões do sistema, etc.

Não são muito recomendáveis.

Exemplo de banner avançado que funciona.



Aqui temos dois exemplos de banners que tentam simular o de ser avançado.
banner de alerta tipo PC WINDOWS

este banner não oferece interatividade



5. O peso importa.
Em geral fazendo um bonito gif, o banner não deveria passar de 4kbs.

Isto é óbvio, mas há que lembra-lo. Faça seu banner ultra leve. O modelo google de banners em formato texto é o passo mais avançado neste campo. Talvez seja algo extremo, porém no mundo google funciona (acadêmico, profissional, usuários avançados). Pessoalmente creio que é outra dimensão da publicidade a qual muita gente não chega.

Este é o exemplo de banner que se pode encontrar em google.com
exemplo de banner só texto de google.com Imagem reduzida, este link permite vê-la em tamnho real.

Se bem que este modelo de publicidade é avançado demais, o que sem que há que destacar de google é a forma de comprar publicidade. Tudo em formato web bem simples.


6. Animação sim, mas procure observar a mensagem desde o primeiro.
Que o gif esteja animado é parte da "surpresa" que ajuda a atrair a mensagem. Procure fazer com que a animação aconteça em uma parte do banner enquanto o resto permanece estático oferecendo claramente a mensagem que você quer transmitir.

Pese a isto não se devem fazer loops e a mensagem deve ser observada no primeiro frame.

Os loops fazem com que a mensagem se distorça ao perder a identificação de "conclusão" e "início". Se as pessoas não sabem onde está o final, não vão entender qual é o sentido do banner com o qual parte da efetividade pode ser perdida.

Desde o primeiro frame deve ser observada a mensagem. Muitas vezes a parte superior da página está presente alguns segundos até que o usuário faz scroll ou muda de página. Não perca esses segundos contando uma história.

Aqui temos dois banners em que a animação que conduz à mensagem é muito longa.

banner de marca muito longa



Estes dois banners de Marca (jornal de esportes espanhol) falham em quase todos os pontos que vimos até agora. São um loop infinito, não prendem a mensagem, a duração é excessiva, etc.


7. Procure fazer com que a mensagem não seja somente o logo.
Ainda faltam alguns banners onde o frame (entende-se como fotograma) final é o logo da empresa anunciante. Isto é um erro. O frame final deve servir para oferecer toda a informação necessária para transmitir a mensagem. O incluir a url costuma ser parte desta mensagem.

O frame final pode ser impresso, enviado por e-mail e deve continuar transmitindo a mensagem com clareza.


8. O banner pode ser um suporte de modelo de negócio.
O que falha agora mesmo é o formato. Banners que não são retangulares e que não estão na parte superior da página.

A busca de formatos e técnicas que permitam criar uma melhor impressão da mensagem no usuário é um caminho a explorar. Também há que contar com a dimensão que a internet adiciona onde a mensagem pode ser seguida até a compra direta do produto.

Em um estudo de webreference foi visto como colocando o banner um terço mais abaixo do normal, o click through se incrementava um 77%.

Certamente banners gigantes com flash tipo CNET sejam um caminho a seguir. Permitem explorar internamente o banner, oferecem mais informação e não precisa abandonar a página que estamos com o qual podemos seguir com nossa tarefa.
O que tem de bom este banner é o conceito de "colocar um pedaço da minha na sua". O banner já não é um anúncio, e sim passa a ser um pedaço da minha web onde você pode completar uma ação sem abandonar o site no qual se encontra atualmente. Isto faz muito sentido se pensarmos na compra de produtos. Não precisa abandonar o site no qual aparece o anúncio, podemos comprar o produto diretamente sobre o anúncio.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Divulgação de sites

Dentro de Tutoriais de web design

Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade
+ Entrar em Divulgação de sites


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites