15 sitios horizontales y el caso para hacerlos
La emoción del desplazamiento realmente ha evolucionado ya que podríamos usar barras de desplazamiento de color en Internet Explorer hace años.
Hoy, estamos encontrando nuevas formas de reinventar el proceso de desplazamiento con gestos, funciones de desplazamiento de paralaje y más. Estamos creando emoción y contando historias. Estamos creando excelentes experiencias de usuario y haciendo que el contenido sea funcional. El problema es que la mayoría de estos sitios usan desplazamiento vertical.
¿Y cómo puedes culparlos? Es normal. Es lo que se espera Y a menudo es lo más fácil de implementar.
Pero, ¿dónde está el amor por los sitios de desplazamiento horizontal? No muchas personas los crean, principalmente debido a las dificultades en el desarrollo y la idea de que los sitios web horizontales son menos funcionales. El argumento en contra del desplazamiento horizontal está en la línea de: "¿Por qué reinventar la rueda?" Pero, ¿deberíamos dar una oportunidad al desplazamiento horizontal?
¿Cuándo y por qué?
El desplazamiento horizontal debería tener una oportunidad por dos razones principales: (1) El enamoramiento que tenemos actualmente con el diseño receptivo y (2) los sitios horizontales tienen un lugar y un propósito, al igual que los sitios de desplazamiento.
Para repasar rápidamente la razón por la cual funciona de manera responsable, pensemos en cómo usamos nuestros teléfonos y tablas cuando instalamos un sitio en ellos. La mayoría de las veces, terminamos volteando el teléfono para que muestre nuestro contenido en orientación horizontal. Lo que significa que volteamos nuestros teléfonos para ver la mayor cantidad posible de ancho. ¿Por qué no utilizar esto creando sitios que puedan ser vistos y navegados de esta manera? Piense en cómo vemos los videos en línea y cómo desarrollamos y diseñamos sitios a lo ancho de todos modos. ¿Por qué estamos evitando el desplazamiento horizontal?
Ahora, para mi segundo punto, puedo mostrarte mucho mejor de lo que puedo decirte. Entonces, vayamos directamente y veamos cómo estos próximos sitios hacen un gran trabajo usando el desplazamiento horizontal para ser funcional e interesante.
Buro inverso
Este sitio de cartera utiliza un combo de desplazamiento vertical y horizontal para mostrar su trabajo. Cada vez es más popular contar con piezas de trabajo en sus propias pantallas sin distracciones porque tiene sentido. Este método de navegación no solo es intuitivo, sino que también crea una maravillosa sensación de innovación para este diseñador.
Gavin Castleton
Hoy en día, es imprescindible que los artistas musicales encuentren la manera de destacarse. En una industria tan inundada, los artistas tienen que crear el paquete completo que les llame la atención, desde la música hasta el diseño web. Gavin ha creado un sitio web maravilloso que es interesante y perfecto para albergar toda su información.
Bartle Bogle Hegarty
BBH es obviamente una de las agencias creativas más conocidas en el mundo. Cuando alcanzas el éxito que tienen, comienzan a crear diferentes sucursales y oficinas en diferentes áreas del mundo. En lugar de crear sitios diferentes para cada ubicación, tienen una forma de que usted pueda ver lo que cada uno hace en todo el mundo. Me gusta la navegación horizontal porque es como si viajaras hacia y desde cada ubicación diferente.
Jens Lehmann
Jens es obviamente un tipo que tiene muchos títulos y lleva muchos sombreros. Él no quiere mezclarlos a todos, así que en su lugar ha creado un hogar en la red que le permite exhibir individualmente las cosas que hace. La navegación horizontal de este sitio hace que la transformación de cada título sea fácil de entender y ver.
James Joyce
A diferencia del sitio Reverse Buro, no podemos ver cada trabajo individualmente por pantalla. Sin embargo, creo que funciona para James Joyce y sus diseños porque todos son muy similares. Tenemos la oportunidad de realmente ver y disfrutar su estilo.
Aquí diseño
Al igual que el sitio web anterior, estamos obteniendo un sitio horizontal para mostrar el trabajo. Éste crea un gran ejemplo de cómo mantener su justificación horizontal, pero también agrega la otra información necesaria en este sitio.
CL Holloway
Este es uno de los usos más obvios del desplazamiento horizontal que he visto. Es bastante inteligente ya que esta persona es un artista y pintor que probablemente ha estado en varias exhibiciones del museo. ¿Por qué no hacer eso en línea? Hacer esto en realidad le da a uno una mejor idea de lo que Holloway hace y cómo quiere que lo vean. Me gusta mucho este sitio.
WWF
Este sitio fue creado el año pasado para crear conciencia sobre la Hora del Planeta de WWF. En lugar de crear un sitio con algunos gráficos y algunos contenidos, decidieron crear una historia. Esta línea de historia se desplaza horizontalmente y recuerda mucho a pasar las páginas en un libro. Mientras tanto, este es un sitio muy divertido e interactivo.
Nivel de bloque
No, este sitio no se desplaza explícitamente de izquierda a derecha. Sin embargo, hay una tira que nos permite ver el contenido de izquierda a derecha. Es muy parecido a un control deslizante hiperactivo, que simplemente tiene sentido, especialmente en uno de los sitios preferidos de una sola página.
Punto caliente
Hot Dot es una compañía de producción web que afirma que es extremadamente innovadora. Con tales afirmaciones audaces, es mejor que tengan un sitio web que lo respalde. Afortunadamente, lo hacen. Ahora, estamos acostumbrados a los sitios de desplazamiento de paralaje que se desplazan hacia abajo, pero esta vez tenemos un sitio de paralaje que se desplaza de izquierda a derecha. Es tan emocionante, si no más, que su predecesor y tiene un aspecto muy innovador.
Rezo Zero Interactive
Una gran parte del diseño y desarrollo web es la experiencia del usuario. Se trata de crear un lugar interesante en la web que sea fácil y divertido para el visitante. Rezo Zero es uno de esos sitios que tiene grandes efectos, presta atención a los detalles, tiene un diseño maravilloso y mucho más. Sin mencionar que hacen un gran trabajo al crear una navegación de página que se mueve linealmente.
Búsqueda del pop perfecto
Si te encantan las fotografías en blanco y negro y las historias en el diseño web, este es el sitio para ti. La búsqueda del pop perfecto está dedicada principalmente al sonido que hace tu cerveza cuando la abres. Este sitio es una oda a eso, creando una historia muy interesante que estará disponible pronto.
Nerval
Al igual que el sitio anterior, tienes la oportunidad de desplazarte por este trabajo como si estuvieras caminando en un museo. Sin los gráficos obvios, esta es una forma muy limpia y elegante de crear esta sensación. No tiene absolutamente nada en su camino para distraer su vista del trabajo además de lo necesario. Esta es una gran manera de mostrar cómo el minimalismo se combina con esta técnica.
Mi espacio
Algunos de nosotros somos lo suficientemente mayores como para recordar "Myspace Tom" y los argumentos que tuvimos con nuestros amigos sobre no tenerlos entre nuestros 8 o 16 mejores. Myspace ha decidido regresar, pero ha decidido trash las páginas con brillo y peluche se cae de él y, en cambio, tenemos un diseño súper limpio y receptivo que se desplaza de izquierda a derecha. Mientras que otras redes sociales están subiendo y bajando, Myspace está haciendo algo diferente al crear una navegación horizontal.
Giellesse
Giellesse es una empresa de diseño de muebles con algunos diseños súper modernos. Además de su impresionante colección de piezas, han creado un diseño web realmente hermoso que le permite desplazarse de página en página horizontalmente. Esto se parece mucho a deslizar una página en un teléfono y obviamente se traduciría bien en dispositivos móviles. Esto combina la página vertical anterior con un nuevo método de navegación.
Conclusión
Obviamente, se nos enseña a mantener las cosas simples, pero también se nos dice que creemos soluciones a los problemas. Como puede ver, obviamente hay un lugar en la web para sitios horizontales. Si desea mostrar algo o crear un concepto limpio y fresco, moverse de derecha a izquierda, en lugar de hacia arriba y hacia abajo puede ser beneficioso. ¿Cómo utilizarás esta técnica?
¿Has construido un sitio de desplazamiento horizontal? ¿Prefiere el desplazamiento horizontal, vertical o ninguno en absoluto? Háganos saber en los comentarios.