15 locais horizontais e o caso para torná-los
A emoção da rolagem realmente evoluiu, já que poderíamos usar barras de rolagem coloridas no Internet Explorer anos atrás.
Hoje, estamos encontrando novas maneiras de reinventar o processo de rolagem com gestos, recursos de rolagem de paralaxe e muito mais. Estamos criando entusiasmo e contando histórias. Estamos criando ótimas experiências de usuário e tornando o conteúdo funcional. O problema é que a maioria desses sites usa rolagem vertical.
E como você pode culpá-los? É normal. É o que é esperado. E muitas vezes é a coisa mais fácil de implementar.
Mas cadê o amor por sites de rolagem horizontal? Poucas pessoas as criam, principalmente devido às dificuldades de desenvolvimento e à ideia de que os sites horizontais são menos funcionais. O argumento contra a rolagem horizontal é ao longo das linhas de: “Por que reinventar a roda?” Mas, devemos dar uma chance ao deslocamento horizontal?
Quando e por quê?
Rolagem horizontal deve ter uma chance por duas razões principais: (1) A paixão que temos atualmente com design responsivo e (2) sites horizontais têm um lugar e propósito, da mesma forma que os sites de rolagem.
Para analisar rapidamente o motivo pelo qual ele funciona de maneira responsiva, vamos pensar em como usamos nossos telefones e tabelas quando criamos um site neles. Na maioria das vezes, acabamos virando o celular para mostrar nosso conteúdo na orientação paisagem. Significa que viramos nossos telefones para ver o máximo possível de largura. Por que não utilizar isso criando sites que podem ser visualizados e navegados dessa maneira? Pense em como olhamos vídeos online e como desenvolvemos e projetamos sites ao longo da largura de qualquer maneira. Por que estamos omitindo a rolagem horizontal?
Agora, para meu segundo ponto, posso mostrar-lhe muito melhor do que posso lhe dizer. Então, vamos dar uma olhada e ver como esses próximos sites fazem um excelente trabalho ao usar a rolagem horizontal para ser funcional e interessante.
Buro reverso
Este site de portfólio usa uma combinação de rolagem vertical e horizontal para exibir seu trabalho. Está se tornando cada vez mais popular apresentar peças de trabalho em suas próprias telas sem distrações, porque isso faz sentido. Esse método de navegação não é apenas intuitivo, mas cria uma sensação maravilhosa de inovação para esse designer.
Gavin Castleton
Hoje em dia, é imperativo que artistas musicais encontrem uma maneira de se destacar. Em uma indústria tão inundada, os artistas têm que criar o pacote completo que vai chamar a atenção deles, da música ao web design. Gavin criou um site maravilhoso que é interessante e perfeito para abrigar todas as suas informações.
Bartle Bogle Hegarty
A BBH é obviamente uma das agências criativas mais conhecidas do mundo. Quando você atinge o sucesso, eles começam a criar diferentes filiais e escritórios em diferentes áreas do mundo. Em vez de criar sites diferentes para cada local, eles têm uma maneira de verificar o que cada um está fazendo em todo o mundo. Eu gosto da navegação horizontal porque é como se você estivesse viajando para e de cada local diferente.
Jens Lehmann
Jens é obviamente um cara que tem muitos títulos e usa muitos chapéus. Ele não quer misturá-los todos juntos, então ele criou uma casa na web que permite que ele mostre individualmente as coisas que ele faz. A navegação horizontal deste site torna a transformação de cada título fácil de entender e ver.
James Joyce
Ao contrário do site da Reverse Buro, não conseguimos ver cada trabalho individualmente por tela. No entanto, acho que funciona para James Joyce e seus designs, porque eles são todos similares. Temos a chance de realmente ver e apreciar seu estilo.
Aqui projeto
Muito parecido com o site acima, estamos recebendo um site horizontal para mostrar o trabalho. Este cria um ótimo exemplo de como manter sua justificação horizontal, mas também adiciona as outras informações necessárias neste site.
CL Holloway
Este é um dos usos mais óbvios da rolagem horizontal que já vi. É bastante inteligente como esta pessoa é um artista e pintor que provavelmente esteve em várias exposições do museu. Por que não fazer isso online? Fazer isso realmente dá uma idéia melhor do que Holloway faz e como ele quer ser visto. Eu realmente gosto desse site.
WWF
Este site foi criado no ano passado para aumentar a conscientização sobre a Hora do Planeta do WWF. Em vez de apenas criar um site com alguns gráficos e algum conteúdo, eles decidiram criar uma história. Esta linha de história rola horizontalmente e lembra muito as páginas de um livro. Entretanto, este é um site muito divertido e interativo.
Nível de bloco
Não, este site não está rolando explicitamente da esquerda para a direita. No entanto, há uma faixa que nos permite ver o conteúdo da esquerda para a direita. É como um slider hiperativo, que faz sentido, especialmente em um dos sites de uma única página.
Ponto quente
A Hot Dot é uma empresa de produção na web que afirma ser extremamente inovadora. Com afirmações tão ousadas, é melhor que você tenha um site que suporte isso. Felizmente, eles fazem. Agora, estamos acostumados com os sites de rolagem de paralaxe que rolam para baixo, mas desta vez obtemos um site de paralaxe que rola da esquerda para a direita. É tão emocionante, se não mais, do que o seu antecessor e faz um olhar muito inovador.
Rezo Zero Interactive
Uma grande parte do design e desenvolvimento web é a experiência do usuário. Trata-se de criar um local interessante na Web que seja fácil e divertido para o visitante utilizar. Rezo Zero é um daqueles sites que tem ótimos efeitos, presta atenção aos detalhes, tem layout maravilhoso e muito mais. Sem mencionar que eles fazem um ótimo trabalho ao criar navegação de página que se move linearmente.
Busca pelo Pop Perfeito
Se você gosta de fotos e histórias em preto e branco em web design, este é o site para você. A Quest for the Perfect Pop é dedicada em grande parte ao som que sua cerveja faz quando você a abre. Este site é uma ode a isso, criando uma linha de história muito interessante que estará disponível em breve.
Nerval
Muito parecido com o site acima, você terá a oportunidade de percorrer este trabalho como se estivesse andando em um museu. Sem os gráficos óbvios, essa é uma maneira muito clara e elegante de criar essa sensação. Você não tem absolutamente nada em seu caminho para distrair sua visão do trabalho além do necessário. Esta é uma ótima maneira de mostrar como o minimalismo combina com essa técnica.
Meu espaço
Alguns de nós são velhos o suficiente para lembrar "Myspace Tom" e os argumentos que tivemos com nossos amigos sobre não tê-los em nosso top 8 ou 16. Myspace decidiu fazer um retorno, mas decidiu arruinar as páginas com glitter e teddy ursos caindo dele e, em vez disso, temos um design super clean e responsivo que rola da esquerda para a direita. Enquanto outras redes sociais estão subindo e descendo, o Myspace está fazendo algo diferente, criando uma navegação horizontal.
Giellesse
A Giellesse é uma empresa de design de mobiliário com alguns designs super modernos. Além de sua coleção impressionante de peças, eles criaram um design da web muito bonito que permite rolar de página para página horizontalmente. Isso parece muito com passar uma página em um telefone e obviamente se traduziria bem em dispositivos móveis. Isso combina a antiga página vertical com um novo método de navegação.
Conclusão
Obviamente, somos ensinados a manter as coisas simples, mas também somos aconselhados a criar soluções para os problemas. Como você pode ver, obviamente existe um lugar na web para sites horizontais. Se você quer mostrar algo ou criar um conceito limpo e fresco, mover da direita para a esquerda, em vez de para baixo, pode ser benéfico. Como você utilizará essa técnica?
Você construiu um site de rolagem horizontal? Você prefere a rolagem horizontal, vertical ou nenhuma? Deixe-nos saber nos comentários.