¿Qué pasa con la moda de diseño de una página web?

He visto una afluencia de sitios web que ponen todo su contenido en una página, en este sitio . Incluso los sitios en algunas de las listas que veo en Smashing Magazine hacen esto ( como este, con lo que parece un centenar de sitios, la mayoría de los cuales lo usan).

Como programador, este estilo me molesta (por varias razones, principalmente técnicas, entre las que se incluyen mantenimiento, SEO, tiempos de carga, etc.), pero lo que es más importante, tengo curiosidad de por qué se hizo popular entre diseñadores para empezar?

Hay dos tendencias separadas involucradas.

El primero es la tendencia a tener un sitio simple. Si se trata de un sitio de folletos, es probable que no necesite cuatro páginas separadas. Una página de desplazamiento es más fácil de usar, navegar y mantener. Muchos sitios de aplicaciones de iPhone usan este modelo. Al igual que muchas pequeñas empresas. Muchos sitios pueden beneficiarse de esto.

La otra tendencia es que los desarrolladores de Flash finalmente descubran HTML, jQuery y AJAX y sigan pensando dentro del viejo modelo Flash de 'un archivo = un sitio'. Esto es diferente a la primera tendencia en que este es un sitio grande con mucho contenido comprimido en una página de datos / interacción. Como usted dice, este método tiene todo tipo de inconvenientes, aunque son superables con el código correcto (asegurándose de que las URL cambien / sean marcables, Google puede navegar por el contenido, los tiempos de carga se administran a través de AJAX, etc.).

Creo que una de las mejores ideas detrás de un sitio de una página es que tiene un aspecto más narrativo . El mejor ejemplo que se me ocurre es esta página : un sitio de invitación de compromiso / boda. Este es un sitio increíble, y funciona por muchas razones, una de las cuales es que todo fluye muy bien juntos. No tendría el mismo impacto distribuido en un conjunto de páginas.

Esta demostración que se hizo originalmente para mostrar IE9 se trata de contar historias . Casi como un libro ilustrado, pero con desplazamiento en lugar de pasar las páginas. Y por eso es realmente perfecto y genial. No es realmente práctico para hacer un sitio de negocios, pero destaca una razón por la cual la vibra de una página es útil.

También funciona con páginas más pequeñas con poco contenido . Cuando me casé, tenía toda nuestra información en un sitio de una página porque simplemente no había suficiente contenido para justificar ir de una página a otra. Era más fácil construir y mantener un sitio de una página, y el tiempo de carga no era realmente una preocupación.

Cuando se trata de negocios, creo que es un caso más difícil. Pensé que un ejemplo memorable fue cuando Google lanzó su teléfono Nexus: lo hicieron en un sitio de una página. Desde que lanzaron su tableta y anunciaron su Q, ya no es así, así que no puedo vincular, pero fue genial ver todo en un solo lugar. Usted reducir los clics y crear una experiencia más envolvente .

Creo que verá muchos ejemplos de personas que lo hacen solo para flexionar su músculo de codificación o para tratar de capitalizar una tendencia. Pero eso sucede todo el tiempo en el mundo del diseño. ¡Manténgalo sobre la mesa cuando considere el propósito de su sitio y úselo cuando sea apropiado!

Hay una ventaja en esto (¡solo se me ocurre!), Que es que si desea buscar con Ctrl+ F, todo el contenido está en una página para que pueda buscar en todo el sitio web a la vez (suponiendo que se pueda buscar el contenido) .

Creo que en parte se deriva del concepto de "No hagas que el usuario solicite más contenido, solo dáselo". Al igual que Google, Twitter, etc., brinda automáticamente más resultados a medida que avanza hacia abajo.

Vale la pena ver la charla de Aza Raskin en GoogleTech de 2008, "No me hagas clic" .

Toda la charla es muy interesante, pero el bit relacionado aquí comienza a los 29 minutos. Aquí ha pirateado Firefox para que obtenga todas las pestañas de su navegador en una página de desplazamiento vertical continuo.

Me pregunto si esto fue el precursor de lo que estás viendo ahora.

Dos palabras: experiencia del usuario.

Los sitios de cartera básica no deberían requerir que un usuario haga clic en varias páginas para ver lo que tienen para ofrecer si el contenido es simple y directo.

O más específicamente, de la llamada a la acción es singular. Cuando el objetivo del sitio es: "contratarme", el sitio puede ser contraproducente cuando su mapa del sitio es innecesariamente complejo.

EDITAR: algunos ejemplos a continuación ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/

Desde la perspectiva de SEO, el diseño del sitio web de una página es una moda.

Es algo que probablemente arruinará su rendimiento de SEO, especialmente cuando trabaje en un entorno empresarial altamente competitivo. Sé que los diseñadores gráficos rara vez toman esto en consideración y, por otro lado, los clientes no tienen suficiente conocimiento sobre SEO, pero si le preguntas a un especialista en SEO, dirán lo mismo.

Mi propina Pídale a su especialista en SEO que haga una investigación de palabras clave y le brinde un resumen de la estructura de su sitio web.

Puede leer más en Search Engine Land, estos tipos conocen muy bien el SEO;) https://searchengineland.com/single-page-websites-seo-182506

Parece que es un intento de tener todo "por encima del pliegue": el área preciosa y preciosa donde se queda el espectador promedio de poca atención. Varios estudios de usabilidad han demostrado esto, por lo que la gente trata de poner las cosas "importantes" allí. Parece que este diseñador sintió "todo es tan importante".

No creo que sea más que alguien usando el último truco llamativo para que la gente lea un sitio web.

Tomemos, por ejemplo, el sitio de Nike en el artículo vinculado de @ Shauna. Honestamente, ¿cuánta innovación queda en el diseño de zapatillas y en la publicidad de esas mismas zapatillas? Ese contenido podría haberse colocado con la misma facilidad en un folleto o en Flash si quisieran el paralaje. En cambio, pueden agregar un efecto de paralaje ingenioso como resultado del nuevo esquema de navegación sin la carga de Flash.

Incluso iría tan lejos como para adivinar que hay un tutorial HTML5 / CSS en el sitio web de Smashing Magazine que muestra cómo hacer esto que generó los sitios mostrados.

De hecho, creo que el primer elemento (la barra de deriva) que vinculaste tiene un factor genial: se ve bien en movimiento.

No tenía sentido para mí hasta que hice clic en uno de los enlaces del menú, y ahora veo que la animación fue la fuerza impulsora de toda la idea. Es una especie de efecto de cámara de 3 aviones de la vieja escuela como una vieja caricatura de Popeye o Disney.

Creo que la posibilidad de desplazamiento en esa página es un error o una característica de la que no pudieron deshacerse.

¡Un problema es que podría ser popular entre los clientes! Estos sitios se remontan a los días de micrositios flash para un producto recién lanzado, paralaje parece estar haciendo este trabajo en este momento. Para un micrositio de producto, creo que están bien, para un sitio que realmente tiene contenido definitivamente no son adecuados. Creo que otra cosa es que a los diseñadores les gusta mostrar que están actualizados y 'en tendencia', tener un sitio web con una nueva técnica popular de moda podría parecer beneficioso. Todo lo anterior cubre Internet en sitios similares.

Creo que prácticamente respondiste a tu pregunta en el título, es decir, es una moda pasajera.

Al igual que cuando Javascript (y luego AJAX) aparecieron hace años y la gente estaba haciendo todo tipo de cosas elegantes con él, un mejor soporte para Jquery y CSS 2/3 y una mejor velocidad de renderizado en los navegadores ha estimulado una nueva ronda de experimentación con nuevas formas de diseñar sitios que pueden no haber sido tan prácticos en el pasado debido a ciertos navegadores antiguos.

Pero al igual que con CSS, Javascript y AJAX, la moda madurará y se suavizará, y con el tiempo se volverá más afilada, agradable y útil. Su primer ejemplo es simple inducir dolor de cabeza con su desplazamiento desarticulado loco (si está, por ejemplo, al principio y presiona "Galería"). En mi humilde opinión, ha ido demasiado lejos, y no es una experiencia lo suficientemente fluida como para justificar la separación de lo normal. Esto no significa que todos los sitios que usen técnicas similares sean malos.

Es importante que los diseñadores experimenten con nuevas formas de hacer las cosas con nuevas tecnologías. Por un momento no sugeriría que esto nunca debería haberse intentado. Pero es lo que es: experimental.