Por natureza, a web é um lugar caótico onde as pessoas pulam de página em página à vontade. Infelizmente, essa liberdade pode funcionar contra os sites cujo conteúdo é melhor seguido em uma determinada ordem.

As técnicas de design possibilitam direcionar os usuários ao longo de um caminho com diferentes graus de persuasão. Mas quando é melhor direcionar os usuários e como?

O que define conteúdo linear? Você está lendo alguns agora: os artigos são semelhantes aos fluxos de pensamento apresentados em uma determinada ordem. A palavra escrita não está sozinha. Embora os usuários possam pular para frente e para trás em vídeos e arquivos de som, essas mídias restringem seus públicos a uma linha do tempo.

Experiências lineares não têm menos importância em um mundo multitarefa e hyper-threading. Quando usados ​​bem, os web designers podem usar esse conceito para sua vantagem.

Como funciona?

O verdadeiro problema não é como usar uma experiência linear, mas como manter a atenção em um meio baseado em distrações. Como os web designers não podem controlar fatores externos, eles devem trabalhar para manter os usuários envolvidos. Uma página da Web deve responder constantemente às perguntas não formuladas: "O que há para mim?" E "Há algo melhor?"

Os usuários sempre terão a opção de sair. Eles podem clicar nos favoritos ou no botão Voltar do navegador ou usar o campo de pesquisa do navegador. Ou clique nesse link para o vídeo do gato engraçado que seu amigo acabou de enviar. Eles podem apenas fechar a janela do navegador. Persuadir os usuários a seguir um caminho requer um pensamento não convencional.

Manter os usuários focados é um problema. Apresentação linear é uma solução.

Use um site de uma única página

A maneira mais fácil de criar uma apresentação linear é usar um formato linear. Os sites de uma única página exibem todo o conteúdo em uma única página para fazer os usuários rolarem na horizontal ou na vertical (mas não em ambos). O truque para atrair pessoas contrárias à rolagem é fazê-las acreditar que a rolagem vale a pena. É a mesma ideia com links: as pessoas escolhem clicar.

Content structure

Controle de experiência

  • Em um site de várias páginas, os usuários controlam as páginas que visitam.
  • Em um site de página única, os designers exercem mais controle sobre como os usuários visualizam o conteúdo.

Otimização de mecanismos de pesquisa

  • Sites de várias páginas permitem granular Métricas .
  • Sites de uma única página contam com clique em eventos e clique-thrus bem sucedido.

Benefícios de desempenho

  • Sites de várias páginas carregam conteúdo sob demanda (conforme os usuários clicam em cada página).
  • Os sites de uma única página têm um atraso mínimo entre as seções (uma página, uma carga).

Destrimentos de desempenho

  • Multi-página: os usuários devem aguardar o carregamento de cada página.
  • Página única: pode carregar conteúdo que não interessa aos usuários.

Melhor para sites

  • Sites de várias páginas que adicionam conteúdo ao longo do tempo.
  • Sites de uma única página que precisam competir pela atenção dos usuários ou ter uma mensagem concisa.

Melhor para os usuários

  • Sites de várias páginas são bons para pessoas que procuram um fato específico ou apenas as últimas atualizações.
  • Os sites de uma única página são bons para pessoas que precisam do panorama geral ou que são novas no assunto em questão.

Mantenha seções distintas

Como frases de execução, as páginas longas podem sobrecarregar e confundir os usuários. Uma longa linha de pensamento é difícil de absorver. Quebrar uma longa página em seções distintas, cada uma com seu próprio cabeçalho e rodapé, permite que as pessoas “saltem” do pensamento para o pensamento.

Se possível, tente manter cada seção aproximadamente do mesmo tamanho. Como qualquer grade, o ritmo estabelece um precedente confortável. Quando usado bem, “acima da dobra” não é uma barreira - é uma ferramenta.

Above the fold

Use a navegação na página

As barras de navegação tradicionais têm dois propósitos: primeiro, permitir que os usuários cliquem entre os tópicos que os interessam; segundo, para mostrar aos usuários onde eles estão no contexto do site. A navegação não se torna menos importante se um site usar apenas uma página. A navegação de página única tem os mesmos objetivos, ajudando a definir as transições entre as seções e respondendo "já chegamos lá?"

Remover distrações

Uma técnica vital para manter a atenção dos usuários é encurtar o tempo entre informações interessantes ou significativas em uma página.

Seja um fato específico, uma boa leitura, um vídeo favorito que eles viram centenas de vezes ou um jogo rápido e demorado, os visitantes acessam sites por algum motivo. Os sites narrativos não são necessariamente mais curtos, mas tornam mais fácil para os usuários “pularem” de peça para peça.

Casos adequados para uma experiência web linear

Embora experiências lineares ou sites de uma única página não sejam os melhores para todos os casos, eles são úteis nas circunstâncias corretas.

O rápido discurso de vendas

Os compradores on-line podem navegar e pesquisar como quiserem, mas o processo de pagamento segue um caminho definido. Para pessoas que vendem apenas alguns itens, um site de uma página é ideal: desde o discurso de vendas até o clique em “confirmar pedido” os clientes não se distraem com as páginas laterais. A experiência de compra em pergaminho os guia para a conclusão natural.

Cada Kickstarter O projeto é semelhante a um site de página única: introduções, descrições, exemplos de trabalho e opções para doar fazem de cada projeto seu próprio discurso de vendas autônomo.

pesquisas

Os sites projetados para coletar informações orientam os usuários entre as etapas são inerentemente lineares. Dependendo das técnicas utilizadas, uma pesquisa pode eliminar etapas desnecessárias à medida que o usuário avança, adaptando a experiência do usuário na hora. Por exemplo, “se você respondeu não, pule a próxima seção” pode se tornar automático.

Boletins informativos por e-mail

As páginas da Web entregues via e-mail abordam a difícil perspectiva de evitar o botão de exclusão dos usuários. Apesar de estar limitado a uma página com o mesmo objetivo, seja digno da caixa de entrada de alguém. Soluções para design de email atraente não se limitam a e-mail. Os sites que precisam alcançar usuários com pouca atenção ou interesse marginal podem usar a fórmula de ação de intro-explicação encontrada entre os designs de modelos de e-mail.

Descreva um processo

O conteúdo que explica um sistema, usa um fluxograma ou mostra a mudança ao longo do tempo pode usar o espaço vertical com grande efeito, pois os usuários não precisam clicar fora de uma peça para ver outra.

BBC Ocean Depths

o Profundidades do Oceano da BBC incentiva os usuários a rolar para os pontos mais profundos da Terra.

Living with nest

Viver com Ninho leva as pessoas ao longo de um ano usando o termostato Nest enquanto elas rolam para baixo.

Evolution of the web

Evolução da Web também rola para seguir o tempo, mas se move horizontalmente em vez de verticalmente.

Experimental web comics

Web quadrinhos experimentais por Scott McCloud Transforme as janelas do navegador dos usuários em um painel de quadrinhos em execução.

The dangers of fracking

Perigos do Fracking segue uma gota de água, usando a rolagem vertical para acionar eventos ao longo do caminho.

Ignition creative

Criativo de Ignição usa a rolagem como uma ferramenta para organizar seções de sua extravagância de página única.

A experiência do usuário linear é a ferramenta certa para o seu trabalho?

Experiências lineares, de página única ou de outra forma, não são ideais para todos os projetos. Se a pontuação alta nos mecanismos de pesquisa for uma prioridade, lembre-se de que O Google gosta de links internos . Eles também dizem “ Crie páginas principalmente para usuários, não para mecanismos de pesquisa No entanto, sites com apresentação direta forçam designers e editores a remover conteúdo livre de material estranho. Parâmetros restritivos podem levar a soluções inovadoras.

No final, eles sempre têm o poder de sair, o que faz com que os usuários persuadam a seguir um caminho, desafiando em qualquer projeto da web.