¿Cuál es el beneficio de los diseños de página de inicio utilizados por Squarespace.com, SimplyMeasured.com y DevBootCamp.com?

Hay tres tipos de páginas de inicio de marketing:

Escasa páginas de inicio con un llamado a la acción. Me disgustan mucho estos porque nunca me dicen por qué debería importarme. Simplemente gritan “¡Compra!” o “¡Regístrate!” a mi. Los sitios de inicio y redes sociales son conocidos por esto.

Las páginas de inicio de formato corto tienden a empujarlo a otras páginas del sitio donde hay más espacio para dar detalles. Sin embargo, cuando divide el contenido en páginas, no tiene la capacidad de saber a) en qué página aterrizará un usuario, b) en qué orden de páginas elegirán explorar, yc) si explorarán todas las páginas. Esto da como resultado una estructura narrativa rota que es contra-intuitiva para el objetivo de la mayoría de las páginas de inicio: contar la historia y vender el producto.

Las páginas de inicio de formato largo tienen como objetivo proporcionar la mayor parte del contenido del sitio en un solo lugar. Esto proporciona un par de beneficios: a) puede asegurarse de que el usuario experimentará el contenido de manera lineal (comenzando en la parte superior y desplazándose hacia la parte inferior), yb) la mayoría de las personas quiere terminar una historia corta, y la barra de desplazamiento le dice ellos tienen un final a la vista. Mientras su contenido inicial sea lo suficientemente atractivo como para que se desplace, lo más probable es que lo aguanten durante el viaje. No se preocupe, la gente se desplaza, es la interacción más fácil con cualquier dispositivo de navegación de Internet, tanto en dispositivos móviles como de escritorio.

Cuando sabes que tienes una narrativa lineal, puedes configurar las cosas y contar una historia más coherente y atractiva. Me gusta estructurar las páginas de la siguiente manera:

Arriba (arriba del pliegue): establezca qué , dónde , cuándo y por qué de nivel superior con un wow visual para enganchar al espectador. Sería aconsejable incluir un llamado a la acción si ya están vendidos o visitando la página con la intención de comprar.

Medio: convencer y educar al espectador explicando las razones por las que deberían preocuparse y cómo lo hará. Aquí es donde presentas tu caso.

Abajo: proporcione una conclusión a su historia. Resumir Repita el llamado a la acción u ofrezca pasos de acción alternativos. Si los usuarios han llegado hasta aquí, ahora están decidiendo si les importa lo suficiente como para seguir adelante. Que sea fácil para ellos.

Puede ver estos principios aplicados en http://2012.buildconf.com/teaser/

Si bien hay otros factores en juego, Build se agotó en 1 hora y 8 minutos para el año 2012, en comparación con las 12 horas o más del año anterior que utilizaron una estructura de sitio web más estándar.

Esta respuesta originalmente escrita para: ¿Realmente funcionan los sitios web diseñados a largo plazo ?, que ahora redirige a esta pregunta que ya tiene una gran respuesta de Kyle Meyer.

Depende, pero dependiendo del objetivo del sitio, puede ser una herramienta eficaz. No me interesan los detalles sobre el “rendimiento superior en comparación con el diseño de página web tradicional” porque depende del contenido. Decidir sobre el formulario sin considerar el contenido o el propósito de la página es una receta para el desastre y el diseño deficiente.

El diseño de forma larga es una excelente manera de contar una historia. Otro uso común del diseño web de formato largo es dar una llamada a la acción de inmediato para aquellos que ya están vendidos en su idea, y luego dar más detalles y razones para realizar la llamada a la acción a medida que el usuario se desplaza hacia abajo en la página. Me gustan esos tres ejemplos que diste en la pregunta, así que revisaré cada uno y daré mi impresión sobre la efectividad.

diablo 3
Llamado a la acción: juega gratis ahora (o cómpralo ahora)
Este es un buen llamado a la acción. Pruebe una demostración, o si ya está decidido a comprar, cómprelo. Descargar una demostración es la forma más fácil de enganchar a alguien a la experiencia.

A medida que se desplaza hacia abajo en la página, obtiene videos y capturas de pantalla (es mucho más fácil hacer que alguien revise que una demo de juego pesado), detalles sobre héroes y luego más detalles sobre el juego, y finalmente enlaces a más información. Esto sigue un patrón bastante lógico, y creo que el diseño de formato largo de esta manera es una buena manera de vender Diablo 3.

Empleos de Airbnb
Esto, creo, es un mal uso del diseño de forma larga. Sí cuenta una historia, pero tengo que imaginar que si vas específicamente a la página de empleos de Airbnb ya estás interesado en conseguir un trabajo allí, y la historia contada no es tan convincente. Luego, la sección de trabajos es solo una lista de trabajos sin descripción más allá del título. No creo que realmente dé una idea de la cultura o de cómo es trabajar en Airbnb. Nos encontramos un poco al final de la página en “Preguntas comunes”, pero dudo que muchas personas lleguen tan lejos si hacen clic en una de las ofertas de trabajo más arriba en la página.

No me gusta esta página Parece que se construyó alrededor del diseño de formato largo en lugar de vender Airbnb como un lugar para trabajar. Ahora, puedo estar totalmente equivocado y podría ser tremendamente efectivo, pero como alguien que estaba buscando trabajo recientemente, este tipo de página realmente no me inspira y no hace que sea fácil encontrar si hay una buena cultura adecuada. o ajuste de posición.

Simple
Una página de estilo de historia larga es una forma efectiva de explicar un producto o servicio único o innovador con el que las personas no están familiarizadas. El sitio Simple hace un muy buen trabajo al explicar su servicio, por qué son diferentes y las características que tienen y con las que están saliendo. Alguien que no esté familiarizado con Simple puede ir a esa página, averiguar de qué se trata y decidir si es adecuado para ellos.

“Prepárate para salir de tu banco”. Si no quiero salir de mi banco, dejaré el sitio. Si tengo problemas con mi banco, es una línea convincente para hacerme leer lo que tienen para ofrecer. Una vez que soy capturado por ese gancho, me desplazo hacia abajo y percibo de qué se trata como compañía. Capturan a la audiencia correcta y luego los empujan a un llamado a la acción. Gran ejemplo de narración de cuentos con un diseño de forma larga.

Cuando habla de estas páginas en particular, el concepto parece disipar la información con llamadas a la acción sutiles pero efectivas. Estas páginas tienen un fuerte disgusto por los CTA consistentes y, en cambio, obligan al usuario a permanecer en la página e invertir tiempo. Se pueden clasificar como escasos debido al espaciado, pero seguramente evocarán acciones debido al valor que proporcionan. El desplazamiento asegura que el usuario esté pegado a la página. Además, observa el espaciado desigual y el elemento que garantiza la continuidad desde la perspectiva del lector.

Todas estas páginas tienen un diseño diferente pero se centran en proporcionar la mayor parte del contenido de la página de inicio. Es su tema central. El compromiso y la cohesión se aseguran a través del desplazamiento visual lleno. La parte inferior también está bien organizada y termina bien la página. El pie de página es pesado en algunos casos pero lo suficientemente sutil como para navegar.