15 sites horizontaux et arguments en faveur de leur fabrication
L'excitation du défilement a vraiment évolué depuis que nous avons pu utiliser des barres de défilement colorées dans Internet Explorer il y a des années.
Aujourd'hui, nous trouvons de nouveaux moyens de réinventer le processus de défilement avec des gestes, des fonctions de défilement de parallaxe et bien plus encore. Nous créons de l'excitation et racontons des histoires. Nous créons de superbes expériences utilisateur et rendons le contenu fonctionnel. Le problème est que la plupart de ces sites utilisent le défilement vertical.
Et comment pouvez-vous leur en vouloir? C'est normal. C'est ce qui est attendu. Et c'est souvent la chose la plus facile à mettre en œuvre.
Mais où est l'amour des sites de défilement horizontal? Peu de gens les créent, principalement à cause des difficultés de développement et de l'idée que les sites Web horizontaux sont moins fonctionnels. L'argument contre le défilement horizontal est le suivant: "Pourquoi réinventer la roue?" Mais devrions-nous donner une chance au défilement horizontal?
Quand et pourquoi
Le défilement horizontal devrait avoir une chance pour deux raisons principales: (1) L'engouement que nous avons actuellement avec la conception réactive et (2) les sites horizontaux ont une place et un but, tout comme le font les sites de défilement.
Pour passer rapidement en revue la raison pour laquelle cela fonctionne de manière responsable, réfléchissons à la manière dont nous utilisons nos téléphones et nos tables lorsque nous leur présentons un site. La plupart du temps, nous finissons par retourner le téléphone pour afficher notre contenu en mode paysage. Ce qui signifie que nous retournons nos téléphones pour voir le plus de largeur possible. Pourquoi ne pas l'utiliser en créant des sites qui peuvent être visualisés et navigués de cette façon? Pensez à la façon dont nous regardons les vidéos en ligne et comment nous développons et concevons des sites tout au long de la largeur. Pourquoi évitons-nous le défilement horizontal?
Maintenant, pour mon deuxième point, je peux vous montrer beaucoup mieux que ce que je peux vous dire. Alors, passons directement à l’attention et voyons comment ces prochains sites font un excellent travail en utilisant le défilement horizontal pour être fonctionnel et intéressant.
Buro Inverse
Ce site de portfolio utilise un combo de défilement vertical et horizontal pour montrer leur travail. Il est de plus en plus populaire de présenter des travaux sur leurs propres écrans sans distraction, car cela a du sens. Cette méthode de navigation n’est pas seulement intuitive mais crée une sensation d’innovation pour ce concepteur.
Gavin Castleton
De nos jours, il est impératif que les artistes musicaux trouvent un moyen de se démarquer. Dans un secteur aussi inondé, les artistes doivent créer le package complet qui leur permettra d’attirer l’attention, de la musique à la conception Web. Gavin a créé un merveilleux site Web intéressant et parfait pour héberger toutes ses informations.
Bartle Bogle Hegarty
BBH est évidemment l'une des agences de création les plus connues au monde. Lorsque vous avez atteint le succès, ils commencent à créer différentes succursales et bureaux dans différentes régions du monde. Au lieu de créer différents sites pour chaque emplacement, ils ont un moyen de vérifier ce que chacun fait à travers le monde. J'aime la navigation horizontale car c'est comme si vous voyagiez vers et depuis chaque lieu.
Jens Lehmann
Jens est évidemment un gars qui détient de nombreux titres et porte de nombreux chapeaux. Il ne veut pas les écraser tous ensemble, alors il a créé une maison sur le Web qui lui permet de présenter individuellement ce qu’il fait. La navigation horizontale de ce site rend la transformation de chaque titre facile à comprendre et à voir.
James Joyce
Contrairement au site Reverse Buro, nous ne voyons pas chaque travail individuellement par écran. Cependant, je pense que cela fonctionne pour James Joyce et ses designs car ils sont tous très similaires. Nous avons une chance de vraiment voir et apprécier son style.
Ici la conception
Tout comme le site Web ci-dessus, nous obtenons un site horizontal pour montrer le travail. Celui-ci constitue un excellent exemple sur la façon de conserver votre justification horizontale, mais aussi d'ajouter les autres informations nécessaires sur ce site.
CL Holloway
C'est l'une des utilisations les plus évidentes du défilement horizontal que j'ai vu. C'est plutôt intelligent, car cette personne est un artiste et peintre qui a probablement été dans diverses expositions de musée. Pourquoi ne pas le faire en ligne? Faire cela donne en fait une meilleure idée de ce que fait Holloway et comment il veut être vu. J'aime vraiment ce site.
WWF
Ce site a été créé l’année dernière pour sensibiliser à l’heure de la Terre du WWF. Au lieu de créer un site avec des graphiques et du contenu, ils ont décidé de créer une histoire. Cette histoire défile horizontalement et rappelle beaucoup les pages d'un livre. En attendant, c'est un site très amusant et interactif.
Blocklevel
Non, ce site ne défile pas explicitement de gauche à droite. Cependant, il existe une bande qui nous permet de voir le contenu de gauche à droite. Cela ressemble beaucoup à un curseur hyperactif, cela a du sens, en particulier sur l'un des sites les plus populaires.
Point chaud
Hot Dot est une société de production Web qui prétend être extrêmement innovante. Avec de telles affirmations audacieuses, vous feriez mieux d’espérer qu’elles disposent d’un site Web qui le confirme. Heureusement, ils le font. Maintenant, nous sommes habitués aux sites de défilement de parallaxe qui défilent vers le bas, mais cette fois nous avons un site de parallaxe qui défile de gauche à droite. Il est aussi excitant, sinon plus, que son prédécesseur et donne un aspect très innovant.
Rezo Zero Interactive
Une grande partie de la conception et du développement Web est l'expérience utilisateur. Il s'agit de créer un endroit intéressant sur le Web, facile et amusant à utiliser pour le visiteur. Rezo Zero est l'un de ces sites qui a de grands effets, fait attention aux détails, a une mise en page merveilleuse et bien plus encore. Sans compter qu'ils font un excellent travail de création de navigation de page qui se déplace linéairement.
Quête du Pop parfait
Si vous aimez la photographie en noir et blanc et les histoires dans la conception de sites Web, ce site est fait pour vous. La quête de la pop parfaite est en grande partie dédiée au son que fait votre bière lorsque vous l'ouvrez. Ce site est une ode à cela, créant un scénario très intéressant qui sera bientôt disponible.
Nerval
Tout comme le site ci-dessus, vous avez la possibilité de faire défiler cette œuvre comme si vous marchiez dans un musée. Sans les graphiques évidents, c'est une manière très propre et élégante de créer cette sensation. Vous n'avez absolument rien à faire pour détourner votre regard du travail en plus du nécessaire. C'est un excellent moyen de montrer comment le minimalisme se mêle à cette technique.
Mon espace
Certains d’entre nous sont assez vieux pour se souvenir de "Myspace Tom" et des arguments que nous avons eu avec nos amis pour ne pas les avoir dans nos 8 ou 16 premiers joueurs. Myspace a décidé de faire un retour, mais a décidé les ours en tombent et au lieu de cela, nous avons un design super propre et réactif qui défile de gauche à droite. Alors que d'autres réseaux sociaux sont de plus en plus complexes, Myspace fait quelque chose de différent en créant une navigation horizontale.
Giellesse
Giellesse est une entreprise de design de meubles aux designs très modernes. Outre leur superbe collection de pièces, ils ont créé un très beau design Web qui vous permet de faire défiler les pages horizontalement. Cela ressemble beaucoup à glisser une page sur un téléphone et se traduirait évidemment bien sur les appareils mobiles. Cela mélange l'ancienne page verticale avec une nouvelle méthode de navigation.
Conclusion
De toute évidence, on nous apprend à garder les choses simples, mais on nous dit aussi de créer des solutions aux problèmes. Comme vous pouvez le voir, il existe évidemment une place sur le Web pour les sites horizontaux. Que vous souhaitiez montrer quelque chose ou créer un concept soigné et frais, il peut être bénéfique de vous déplacer de droite à gauche plutôt que de bas en haut. Comment utiliserez-vous cette technique?
Avez-vous construit un site de défilement horizontal? Préférez-vous le défilement horizontal, vertical ou aucun? Faites le nous savoir dans les commentaires.