Crear un diseño de página de inicio dulce: la guía de 10 pasos

Las páginas de inicio son una característica definitoria de cualquier sitio web; su potencial para impresionar a su mercado objetivo es ilimitado. Ya sea que se suponga que debe ser atractivo y atractivo o directo al grano, una página de inicio debe cumplir.

Los desafíos aparecen una vez que comienzas a pensar en la variedad de formas de diseñar uno. ¿Cómo puedes saber qué estilo funcionaría mejor para tu marca? Aquí está nuestro desglose completo del diseño de la página de inicio.

La regla de los 10 segundos

Una página de inicio es la primera impresión de un sitio. Es como la introducción de una canción, la primera página de una novela o el primer episodio de una serie. Francamente, si no engancha a tu audiencia, no importa si el resto es bueno. Puede creer que el resto de su sitio web es estelar y puede tener razón. Pero sin un diseño de página de inicio atractivo, la mayoría de su audiencia no buscará más.

Es posible que se sienta inclinado a simplemente embellecer su página de inicio hasta el cielo. (Definitivamente soy culpable de esto). Es posible que se sorprenda al saber que el diseño de la página de inicio es más que solo estética. Se trata de combinar looks con todo lo demás en tu caja de herramientas para mantener la atención del espectador.

Introduce la regla de los 10 segundos. La regla de los 10 segundos se basa en un estudio realizado por Chao Liu. Y no, no tiene que ver con comer comida del suelo (por desgracia).

Lo que Liu detectó fue que las páginas de inicio tienen una ventana de 10 segundos para establecer una conexión. Si tiene éxito, este breve período convencerá inconscientemente al lector de permanecer en la página. Si no tiene éxito, el usuario hará clic tan pronto como haya llegado. Por lo general, es lo último; la página de inicio es aburrida, inaccesible, autoritaria o simplemente no es lo que el usuario está buscando. Su objetivo como propietario es crear una de las pocas páginas de inicio en las que la gente permanece.

Entonces, en honor a la regla de los 10 segundos, me siento obligado a darte 10 consejos útiles sobre cómo crear una página de inicio. No cualquier página de inicio, eso sí, sino una página de inicio que produzca tráfico duradero.

10. Comunicar los conceptos básicos

Piense en cualquier sitio web que visite regularmente. ¿Te tomaste un tiempo extra para examinar cada pequeña parte de la página de inicio antes de decidir quedarte? ¿Planeó inicialmente frecuentar ese sitio web? ¿O simplemente hizo clic en un enlace, escaneó la página de inicio y decidió que este sitio web era lo que estaba buscando?

El 90% de las personas que topan por primera vez con tu página de inicio están buscando algo. Por lo general, algo específico. O un amigo les recomendó su sitio web, hicieron clic en uno de sus anuncios o buscaron una palabra clave en Google. Independientemente, la mayoría de los usuarios primerizos interactúan con su página de inicio como un medio para un fin.

Por lo tanto, desea asegurarse de que el usuario sepa exactamente lo que ofrece su sitio web de inmediato. Quién eres y qué haces debe ser el principal tema de conversación.

9. Piense en el visitante ante todo

Lo primero que debes saber sobre tu audiencia potencial es que los humanos somos egoístas. Eso puede sonar un poco duro, pero es verdad. Cuando visitan una página de inicio, a las personas generalmente no les importa su empresa o cómo surgió. Se preocupan por lo que su sitio web puede proporcionarles. Ya sea que les esté vendiendo cosas, proporcionando un recurso u ofreciendo un servicio, la gente quiere conocer los beneficios.

Piensa en esos ensayos persuasivos que escribiste en la escuela secundaria. El único objetivo era convencer al lector de algo importante. Ese es el objetivo de su página de inicio: convencerlos, en palabras o frases cortas, de que deben mirar el resto de su sitio web.

Comenzando, desea recopilar información sobre lo que les gustaría ver a sus visitantes. Piense en el tipo de personas que atraerán sus enlaces o anuncios. Tal vez tenga personas que ya siguen su marca en las redes sociales. Asegúrese de monitorear sus intereses, necesidades y comportamiento.

Además, piensa en a quién quieres que atraiga tu página web en el futuro. Una página de inicio dirigida a mujeres de mediana edad, por ejemplo, se vería muy diferente de una dirigida a adolescentes. Su combinación de colores, diseño e imágenes pueden depender en gran medida de su grupo demográfico objetivo.

Ahora que sabe quiénes son sus visitantes potenciales, es hora de atenderlos. Abstente de hablar de ti mismo como marca o empresa. Recuerda, las personas solo se preocupan por ti cuando saben lo que puedes brindarles. Comunique el valor que tiene su empresa. Sea rápido y simple. Si bien los eslóganes y los juegos de palabras pueden ayudar, no son necesarios. Lo verdaderamente importante es la legibilidad.

La gramática correcta y las oraciones completas no siempre son necesarias. De hecho, a veces puede quitarle su página de inicio. Piense en la forma en que las personas interactúan entre sí en el mundo real. No usan oraciones largas con un vocabulario extenso. No, a menos que estén siendo entrevistados o en medio de un acalorado debate.

En general, las personas aprecian la escritura identificable. Las oraciones cortas e incompletas están bien, siempre que sean comprensibles.

8. Decide tu diseño

Por supuesto, el diseño de una página de inicio no se trata solo de las palabras que usa. Como propietario del sitio web, también debe estructurar su página de inicio de manera que se pueda encontrar y aprender.

¿Qué significa eso exactamente?

• Findability describe lo fácil que es para los usuarios encontrar algo en su sitio.
• La capacidad de aprendizaje es la rapidez con que un usuario puede descubrir cómo navegar por un sitio.

El diseño de la interfaz de usuario juega un papel importante en el logro de la capacidad de aprendizaje y la capacidad de encontrar. Aquí hay algunas pautas generales a seguir al crear la interfaz de usuario:

• Asegúrese de que las páginas principales de su sitio web estén enumeradas directamente en su página de inicio.
• Considere incluir una barra de búsqueda para que los usuarios puedan llegar fácilmente a cualquier página que estén buscando.
• Si tiene una venta u otro anuncio que le gustaría promocionar, colóquelo al frente de su página de inicio.

Lo más importante que debe recordar es que la originalidad no siempre es un beneficio. Como nuevo diseñador web, puede sentir la necesidad de hacer que su interfaz de usuario sea única y compleja para sobresalir de la competencia. La originalidad es excelente, pero un diseño completamente extraño seguramente confundirá a la gente. Por lo tanto, mi consejo es usarlo con moderación.

En el caso del diseño de su página de inicio, podría decir que a menudo es preferible no ser original. A menos que sus usuarios nunca antes hayan visitado un sitio web, les resultará más fácil navegar por un diseño que sigue los estándares básicos a los que están acostumbrados.

Aquí hay un ejemplo de lo que estoy hablando:

Por mucho que adoro este diseño personalmente, debes admitir que será difícil de navegar para los nuevos usuarios. Tal vez el objetivo de este sitio web es confundir a los usuarios y, por supuesto, darles más poder.

Pero si su objetivo es proporcionar facilidad de búsqueda y aprendizaje, entonces es mejor optar por un diseño como este:

7. Piensa en tu tipografía

Una página de inicio no es una página de inicio sin algún tipo de texto. Es cómo una página en línea se comunica con un visitante, y sería difícil encontrar un sitio web que funcione sin ella.

Al crear un sitio web por primera vez, puede inclinarse por utilizar las fuentes más elegantes con los colores más brillantes. Cuando era niño, solía disfrutar ir a wix.com para crear una página de inicio llena de todas las elegantes letras cursivas disponibles. Aquí está la cosa: nadie quiere que su sitio web se vea como si hubiera sido diseñado por un niño. Si te pasas de la raya con la tipografía, eso es exactamente lo que pensarán los usuarios.

La tipografía estratégica es crucial para mantener a las personas en su página de inicio. No solo proporciona información a los usuarios, sino que es una extensión de toda su marca. En general, es mejor usar una fuente que sea simple y/o tenga pesos variables. Arial es un excelente ejemplo de esto. No solo es una fuente segura y conocida, sino que también viene en Arial Bold y Arial Black.

Ahora te estarás preguntando, "¿y si no quiero estar a salvo?" Tal vez desee que la tipografía de su sitio web sea compleja o única sin dejar de verse profesional. Bueno, tengo buenas noticias para ti: eso es totalmente posible. Sin embargo, requerirá mucha más estrategia.

Mi consejo es elegir dos o tres fuentes que puedas mezclar y combinar en todo tu sitio web. Si desea una fuente más abstracta o en negrita, utilícela para los encabezados y combínela con una más tenue. En general, se trata de crear una jerarquía y conectar elementos que se complementen entre sí.

Recomiendo leer este artículo sobre los aspectos técnicos del emparejamiento de fuentes.

6. Piensa en tus imágenes

Las imágenes son cruciales al diseñar una página de inicio. Al igual que la tipografía, una página de inicio no es una página de inicio sin elementos visuales. Las imágenes afectan el sentido general y las expectativas del usuario sobre su sitio web. Es como la portada de una novela superventas; puede ser tan importante como el propio título.

Estoy dispuesto a apostar que los ojos de la mayoría de los humanos se sienten más atraídos por las imágenes que por las palabras. La razón por la que hemos escrito palabras es porque nos encanta comunicarnos a través de dibujos. Entonces, para establecer el tono de su sitio web, debe tener imágenes que correspondan a cualquier sentimiento que le gustaría invocar.

Asegúrese de que cada imagen sea de alta calidad. También es aconsejable optimizar las imágenes de una manera que las haga fáciles de cargar. Los usuarios en línea tienen muy poca paciencia y se irán si las imágenes tardan demasiado en aparecer.

5. Piense en la composición

En el caso del diseño de la página de inicio, la composición se refiere a la combinación perfecta de imágenes y tipografía. En resumen, desea asegurarse de que la tipografía elegida se ajuste a las imágenes elegidas. Esto es bastante complicado de equilibrar, especialmente porque la composición es un poco subjetiva.

En general, querrás que la composición incentive a las personas a interactuar de alguna manera. Su página de inicio debe estar diseñada para que las personas se desplacen hacia abajo, interactúen con la barra de menú o hagan clic en ciertos enlaces.

Preste atención al propósito de estas características de la página de inicio. Las imágenes y el texto deben compartir los propósitos correspondientes. Por ejemplo, muchos sitios web usan imágenes para contar una historia. La tipografía correspondiente ayuda a transmitir un punto mientras avanza la historia.

Las marcas de lujo hacen un gran trabajo al respecto. Cuando ofrecen productos en su página de inicio, muestran imágenes de alta calidad, con texto para detallar lo que el espectador está mirando.

4. Piensa en el color

Sí, incluso el color es un factor del que vale la pena hablar. En primer lugar, el color juega un papel importante para garantizar que su tipografía sea legible. El texto amarillo con fondo blanco, por ejemplo, está prohibido. Lo mismo ocurre con el texto negro sobre un fondo azul marino. No tener suficiente contraste es un error común pero perjudicial cuando se trata del diseño de la página de inicio. Tener que entrecerrar los ojos para leer el texto es un factor decisivo inmediato para la mayoría de los usuarios.

Por supuesto, no todo se trata de la función. El esquema de color juega un papel importante en la creación de una estética atractiva. Algunas combinaciones de colores atraerán el ojo humano, mientras que otras harán que las personas se marchiten internamente. Hay una razón por la que no verá muchos sitios web con texto verde y fondo naranja. (¡Qué asco!)

Si bien los colores que chocan pueden funcionar para llamar la atención del espectador, es mejor usar un poco de teoría del color al diseñar su página de inicio. Gracias a Internet, hay muchos recursos para ayudarlo a controlarlo.

3. Considere la plataforma de usuarios

Las personas no solo verán su sitio web en un escritorio normal. En muchos casos, obtendrá visitantes que están viendo su página de inicio desde un dispositivo móvil. Las personas tienen iPhones, tabletas, consolas y muchos otros dispositivos inteligentes. Depende de usted decidir si desea optimizar su sitio para estos productos. (La respuesta es sí. Lo haces).

Al considerar la plataforma, recuerde que muchos dispositivos móviles son más pequeños que su computadora portátil promedio. Los teléfonos inteligentes y las tabletas tienen diferentes resoluciones. Algo que se ve muy bien en su escritorio puede ser descuidado o difícil de leer en el Samsung de alguien.

Es por eso que muchos sitios web tienen un diseño móvil alternativo. Si elige implementar esto, asegúrese de dar a las personas la opción de cambiar a su página de inicio habitual. También puede formatear sus imágenes, tipografía y composición para que se vea genial tanto en el escritorio como en el móvil. Si bien esto es un desafío, se ha hecho.

Independientemente de la ruta que elija, es esencial tener en cuenta a sus usuarios móviles.

2. Agregue una llamada a la acción

Por supuesto, cada página de inicio necesita al menos una llamada a la acción. Mire su página de inicio como un anuncio extendido. Cuando alguien visita su sitio, su trabajo principal es engancharlo con todos los factores mencionados anteriormente.

Una vez que terminan las persuasiones, su próximo objetivo es llevar a los usuarios exactamente a donde los quiere, generalmente con un enlace resaltado. Verás esto mucho en los sitios web de comercio electrónico. Enumerarán categorías populares en su página de inicio con un botón en negrita "Comprar ahora".

1. En caso de duda, contrate a un profesional

¿Crees que no tienes lo que se necesita para diseñar una página de inicio? Bueno, no hay necesidad de preocuparse. Para eso están los profesionales.

Ahora, podría pasar por el tedioso proceso de publicar un anuncio de trabajo, realizar entrevistas y negociar los términos. Pero si necesita una página de inicio profesional rápidamente, simplemente puede trabajar con Penji. Con cientos de diseñadores de todo el mundo, ofrecemos servicios de diseño gráfico que incluyen sitios web, diseños móviles y mucho más.

Si tiene otros proyectos de diseño gráfico que necesitan trabajo, también podemos manejar eso. A una tarifa mensual fija, puede solicitar tantos diseños como desee. Eso significa que se pueden cubrir todas las imágenes, la tipografía y otras partes de su página de inicio.

El diseño de la página de inicio puede ser algo difícil de dominar. Pero con la cantidad adecuada de pasión y estrategia, su marca tendrá una página de inicio estelar y no tendrá tiempo.