La página de inicio: 10 cosas que hacer y no hacer en el diseño

Cada año los diseñadores buscan lo nuevo, lo único y lo innovador. Y cada año no están decepcionados. El diseño de sitios web, particularmente para las páginas de inicio, sigue reflejando los cambios en las demandas de los consumidores, así como lo que hace posible la nueva tecnología.

Es fácil dejarse llevar por las últimas innovaciones creativas y sumergirse en nuevas técnicas, pero también hay una advertencia que contar. El diseño debe satisfacer las necesidades emocionales y los estándares de compromiso de los visitantes que pueden convertirse en clientes/seguidores.

Da un paso atrás

Todo diseño de página de inicio es, esencialmente, un argumento de venta. Si desea que un visitante ingrese al embudo de ventas por algún tipo de conversión; si desea que un visitante esté lo suficientemente asombrado como para ver las otras páginas; o si desea que un visitante se comprometa emocionalmente (por ejemplo, una causa benéfica), debe pensar en términos del cliente, no de sus preferencias de diseño o de lo que cree que sería "genial". Es fácil dejarse llevar por esas cosas. como paralaje y desplazamiento, pero esté dispuesto a detenerse y considerar para quién está diseñando. Si bien los nuevos atractivos visuales son emocionantes, deben adaptarse a la marca y a la audiencia, así que tenga cuidado. siempre prevalecerá, sin importar las nuevas “tendencias" de diseño que puedan aparecer.

1 Forme una relación íntima con la marca y sus clientes

Ya sea una empresa de juguetes, una joyería de lujo o un sitio web de caridad, cada organización tiene una marca y una imagen de marca que representar. Esto requiere mucho estudio e investigación, no simplemente lo que podría decir un CEO o CMO. ¿Cómo se representa a la empresa en las redes sociales y en su sitio web actual? ¿Cuál es la “cultura” dentro de la propia empresa? ¿Dónde se encuentra la empresa dentro de su industria? Un KIA no es un Cadillac y viceversa. Un banco tradicional no es un prestamista nuevo e innovador. Cada organización tiene una personalidad, y cualquier página de inicio debe coincidir con esa personalidad.

Conozca a los clientes: obtenga un perfil:

Del mismo modo, toda marca tiene clientes o objetivos potenciales. Cuando los especialistas en marketing de contenido planifican sus estrategias, tienen cuidado de crear contenido que atraiga a sus clientes. Desarrollan una personalidad del cliente que es muy detallada. Si está diseñando para una organización, comuníquese con el CMO y obtenga esa personalidad de cliente. Si no se ha desarrollado uno, deberá descubrir la demografía de sus clientes típicos y/o su mercado objetivo, antes de comenzar a diseñar. Tu diseño debe atraer a ese cliente, no a ti ni a nadie en la empresa.

Lo que atrae al propietario de una empresa puede no atraer a sus clientes. A veces es difícil convencer a los propietarios de empresas de esto. En 1971, Carolyn Davidson, estudiante de arte y diseño, diseñó el Nike Swoosh. Phil Knight no estaba encantado con él, pero accedió a intentarlo. Menos mal que se fue con el diseñador y no con sus propios pensamientos iniciales. Puede que tenga que ser un poco asertivo aquí y diplomático en esa afirmación. Si no puede llegar a un acuerdo, sugiera pruebas A/B de dos diseños. La prueba está en el número de los que se quedan más tiempo y que se convierten de alguna manera.

2 Estudia psicología del contenido visual y utilízalo mientras diseñas

La psicología del marketing siempre ha estado ligada al texto que se utiliza: crear un sentido de urgencia, apelar al deseo de pertenecer, etc. También existe una psicología definida del contenido visual, y la neurociencia nos brinda más información sobre esto cada año.. Parte de esto está cubierto en la escuela de diseño, por supuesto, pero parte no. La psicología del diseño se relaciona con el texto que usa, pero también con los principios de la neuropsicología incrustados en las imágenes que crea.

• Respuestas Viscerales: Todos hemos tenido estas experiencias. Miramos una página principal y la amamos (o la odiamos). No podemos decir exactamente por qué, pero nuestra mente subconsciente está reaccionando a algunos desencadenantes que ha activado el visual. La psicología nos dice que este tipo de reacciones generalmente se activan por deseos y necesidades básicas: seguridad, amenaza, comodidad, amor, supervivencia, etc. Usar un entorno de agua pastoral o pacífico, por ejemplo, evocará una sensación agradable, pero abierta y El diseño elegante en realidad promueve una sensación de seguridad y protección, algo de lo que quizás no nos demos cuenta.

• Movimiento ocular: si no ha leído sobre programación neurolingüística, debería hacerlo. Esta rama de la neurociencia se relaciona específicamente con el movimiento de los ojos en una página. Parte de esta investigación ha resultado en la "Regla de los tercios". Has leído, practicado y usado mucho los diseños de cuadrícula. La regla de los tercios, sin embargo, se relaciona con el lugar al que se dirige el ojo cuando toca una página por primera vez: hay 4 puntos formados por las intersecciones de una división de página de tres en raya. Echa un vistazo a esta página:

  El elemento más importante de la página se coloca en una de estas 4 intersecciones. Las intersecciones inferiores están debajo del pliegue, lo que puede ir en contra de las "reglas" de diseño tradicionales, pero los neurocientíficos no están de acuerdo. Si desea que se vea más información, puede usar el carrusel y colocarlo en el área de las dos intersecciones superiores. Es un método muy común y muy utilizado hoy en día.

• Estado de ánimo y tono/color: el diseño debe coincidir con todo lo relacionado con el estado de ánimo y el tono del producto o servicio que se ofrece. La mayoría de los diseñadores, por supuesto, saben esto, pero la psicología del color juega un papel importante en el establecimiento de ese estado de ánimo, tono y emociones:

3 Experimente con patrones; No exageres los patrones

Hay tres tipos de patrones que puede usar, pero, nuevamente, cuando elija un patrón, tenga cuidado: debe coincidir con la misión de la organización y no debe exagerarse. Afortunadamente, hay tantos recursos y aplicaciones para patrones que encontrará uno que coincida. Aquí hay algunos ejemplos de patrones que hablan del propósito y la personalidad de una empresa.

• El patrón generativo: estos son patrones repetitivos: diseños geométricos, partículas, etc. Algunos pueden ser bastante sutiles; otros pueden ser audaces y convincentes. Aquí hay ejemplos de cada uno:

  Este patrón es sutil y suave para un sitio de composición musical francés.

  Este patrón es para una empresa italiana de muebles contemporáneos. Contra este patrón en movimiento, las imágenes de los muebles vuelan dentro y fuera de la página.
  Ambos patrones ayudan a mejorar la identidad de la organización y atraen a su base de clientes/seguidores.

• Patrones de datos: muchas empresas venden servicios más abstractos, no productos concretos. Los patrones de fondo utilizados deben reflejar eso. Estos patrones pueden estar inspirados en las matemáticas o la alta tecnología y pueden dar una sensación de "más allá de lo mundano". Aquí hay un ejemplo de un patrón de datos muy sutil y minimalista para Optimizely:

• Paralaje: muchos diseñadores están experimentando con el paralaje y el impacto puede ser bastante sorprendente. Si bien obviamente no puede ver el movimiento, aquí hay un sitio web que lo hace perfectamente.

  Maaemo es un restaurante noruego de lujo. Las nubes bordean el cielo mientras el nombre permanece inmóvil. El paralaje puede ser increíble, pero solo si se hace bien. El resto de las imágenes y el texto no pueden estar demasiado ocupados, o se pierde todo el efecto, y el visitante queda confundido y bombardeado.

• Patrones de animación: las piezas móviles pueden ser una gran atracción, y hay tecnología más nueva que las hace bastante divertidas y atractivas. Además, la facilidad con la que los diseñadores ahora pueden agregar animaciones ha hecho que algunos se excedan un poco. Una vez más, considere la audiencia y la personalidad de la empresa antes de agregar animación. Este es un ejemplo de Manchester Masters Fieldwork, una empresa británica de diseño web, que demuestra el tipo de animación que pueden producir. No puede experimentar la animación de todos los bucles y movimientos. Es, por supuesto, una exageración y sería apropiado para un sitio que vende productos para niños.

• Patrones de cuadrícula: se puede utilizar un diseño de cuadrícula tradicional para colocar objetos de fondo en un patrón simétrico. Considere este patrón de cuadrícula de fondo para Aark Collective, un vendedor de relojes: perfecto.

• Sangrado: este es un elemento de diseño relativamente nuevo pero digno, apropiado para ciertos tipos de empresas. Esencialmente, un patrón comienza en la página de contenido y luego se desvanece en un fondo de color sólido. Así es como Web Designer Depot solía tenerlo para su propio sitio.

4 Busque una forma única de diseñar botones

Usar los botones de navegación tradicionales puede ser un poco aburrido. No tienen que serlo si luego se pueden incorporar directamente en el diseño de la página de inicio. Aquí hay un par de formas en que los diseñadores han puesto algo de diversión en una página y sus botones.

Eche un vistazo a la página de inicio de Small Stone: venden videos y música. El menú ha sido diseñado en una placa de sonido antigua, y las perillas son los botones de navegación, bastante únicos.

Custom Tshirts es una empresa británica que permite a los clientes diseñar sus propias camisetas. Los botones de navegación se colocan en la camiseta, junto con otros elementos del menú más abajo.

5 Experimenta con los menús

Al igual que los botones, los menús también pueden ser bastante aburridos. Además, pueden restar valor a un diseño agradable. Ocultar el menú ahora se ha hecho bastante comprensible para los visitantes, siempre que esté en la esquina superior izquierda o derecha con el elemento de hamburguesa de tres barras. Esto limpia un sitio. Hay algunos inconvenientes, así que investigue y vea si es adecuado para la organización.

Otros diseñadores han experimentado con hacer que toda la página de inicio sea el menú como se muestra a continuación:

6 Haga que los formularios sean agradables o divertidos:

Un formulario no suele estar en la página principal de un sitio, pero funciona para algunas empresas, si el diseño es agradable o proporciona un poco de diversión para el visitante. Cuando el formulario coincida con el tema, es posible que pueda salirse con la suya. Aquí hay dos ejemplos de formularios alojados en una página de inicio:

Podría ser una buena idea para un sitio web de viajes.

Aquí hay una muestra para una agencia de diseño y marca del Reino Unido.

7 Agregue cosas nuevas a la página de inicio con frecuencia; No dejes que se vuelva obsoleto

A la gente le gusta la variedad, y es agradable cuando regresan a un sitio web para ver algunas imágenes y texto nuevos. Mantener el logotipo, el tema, los colores y los elementos de navegación iguales les permitirá saber que están en el sitio correcto, pero es bueno hacer cosas nuevas.

Portuondo es un sitio web de decoración del hogar que ofrece una nueva imagen en su página de inicio regularmente, y puede hacer que los visitantes y clientes regresen solo para ver qué nueva idea de diseño se presenta.

8 No te excedas con el texto

Por supuesto, debe tener texto. Un visitante necesita saber dónde ha aterrizado, y esa es la primera tarea de cualquier texto. Más allá de eso, sin embargo, sea mínimo. Algunas de las páginas de inicio más llamativas casi no tienen texto, y esto permite a los visitantes asimilar el diseño y disfrutarlo por un momento antes de comenzar a navegar. Y, por supuesto, no hace falta decir que la escritura elegante es solo para encabezados grandes y solo si está en consonancia con el estado de ánimo y el tono de la empresa.

9 Pruebe el diseño de sitios web de una página

Todo está en la página de inicio y el visitante simplemente se desplaza. Estos sitios solo tienen que cargarse una vez, y puede colocar botones en la parte superior para llevar a un visitante al lugar de la página para obtener información específica. Estos son particularmente populares entre personas como tú y otros artistas.

10 No use carruseles de portada

Probablemente no sea agradable terminar con una negativa, pero, por muy populares que sean, hay muchos problemas con ellos. Pueden agregar algo de interés visual, y ciertamente reducen el desorden en una página de inicio, pero definitivamente tienen inconvenientes. Son malos para el SEO, pueden crear problemas de rendimiento (tiempo de carga, resolución de la imagen, etc.) y es posible que se deba colocar otro contenido importante debajo de la página.

Conclusión

Sin duda, hay muchas otras cosas que se deben y no se deben hacer en el diseño web. Probablemente ya tenga sus mascotas y sus manías. Realmente solo hay una conclusión clave. El objetivo del diseño de sitios web es fusionarte a ti, el diseñador y el artista, con la organización y sus consumidores. Y el más importante de los tres es siempre el consumidor. Si recuerda diseñar con ese público objetivo en mente, logrará la misión de un excelente diseño de página de inicio.