Banner

Um componente que mostra uma mensagem dentro da propria interface, sem tirar a pessoa do fluxo.

Hard

O que é

Banner e o componente que entrega uma mensagem dentro da propria interface, em vez de usar email ou push. Costuma ser uma faixa no topo ou no rodape, e comunica algo que a pessoa precisa ver naquele momento, sem ser levada pra outra tela.

O tipo de banner muda o desenho. O de sistema avisa de status ou condicao (a sessao vai expirar, o servico esta instavel) e, em geral, nao some ate a pessoa agir. O de feature apresenta uma novidade. O promocional oferece algo e quase sempre da pra fechar. E o de consentimento de cookie segue uma exigencia legal.

O que faz um banner funcionar e relevancia e timing. O banner certo na hora certa e lido; ja o banner repetido e fora de contexto vira ruido. Usar demais ensina a pessoa a ignorar, ate a mensagem importante. E justamente isso que chamam de cegueira de banner.

Em uma frase

Em vez de um modal que trava a tela, vamos usar um banner no topo avisando que o teste acaba em três dias.

A pergunta que ele responde

Como eu aviso a pessoa de algo importante sem interromper o que ela está fazendo na tela?

Quando usar

Ajuda pra avisar de status, novidade ou oferta sem tirar a pessoa da tarefa atual.

Como não usar

O cuidado e nao repetir um banner irrelevante toda sessao, ate a pessoa fechar no automatico e parar de ler.

Na prática

Pense num banner no topo avisando que o teste gratis acaba em tres dias, com um botao pra assinar, enquanto a pessoa segue usando normalmente.

Não confunda com

Vale separar banner de modal. O banner avisa sem interromper, e a pessoa continua o que estava fazendo, enquanto o modal bloqueia a tela e exige uma acao antes de seguir.

D

Em inglês

Banners

Pronúncia

ba-ner

Também chamado de

banner, faixa, aviso na tela

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre banner blindness