Tendencias de diseño web 2016: navegación sencilla, minimalismo y personalización

Torben Simon Meier Última actualización 15.01.2020
5 min.
tendencias de diseño web 2016

Los diseños web innovadores son bonitos de ver, pero terriblemente poco prácticos para la mayoría de los sitios web. Hoy te contaré cuáles son las tendencias de diseño que cobrarán importancia en 2016 y que, además, prometen más y más fáciles conversiones.

Con el cambio de año, se suelen mirar las tendencias de diseño web del año que viene. El minimalismo -como en el diseño plano o el diseño de materiales- también juega un papel importante en 2016. Hoy te mostraré cómo puedes diseñar la navegación de tu , tu área de conversión y tu contenido de tal manera que también estarás totalmente en línea con la tendencia de 2016 y así también optimizarás la tasa de conversión de tu . Y eso sin tener que entrar en las especificaciones de ciertas direcciones de diseño.

Tendencia de diseño web 1: Navegación orientada a objetivos

Si le das al usuario demasiadas opciones, se siente rápidamente abrumado. Aunque las personas pueden almacenar una media de 5 a 7 objetos en su memoria a corto plazo sin ningún problema, todo lo que supere este nivel es difícil de recordar para el usuario medio. Por tanto, más de 7 puntos de navegación son innecesarios y reducen la interacción con tus sitio . Con innecesario me refiero en este caso a todos los puntos de navegación, detrás de los cuales no se esconde ninguna conversión o que distraiga de ésta. Por lo tanto, estos elementos del menú pueden eliminarse de la navegación y combinarse, por ejemplo, en una llamada hamburguesa. El usuario sólo puede elegir entre unas pocas opciones, todas ellas relevantes para la conversión. El visitante puede navegar a todas las demás subpáginas como antes, pero debe hacer clic en la hamburguesa para hacerlo.

Tendencias de diseño web 2016: navegación sencilla, minimalismo y personalización

UBER tiene una navegación minimalista ejemplar: el usuario sólo tiene la opción de registrarse o de abrir los demás puntos de la navegación.

Es importante poner realmente sólo aquellas páginas en la hamburguesa que no son relevantes para la conversión. Porque todos los puntos de navegación de este menú -desarrollado originalmente para pantallas pequeñas- corren el riesgo de no ser vistos y, por tanto, de que se acceda a ellos con menos frecuencia.

Diseño de tarjetas - Visualización y compresión

Un diseño de tarjeta también puede adelgazar la barra de navegación y dirigir a los visitantes de tu de forma rápida y decidida a las áreas del sitio web tus donde también se produce la conversión. Este diseño también le ofrece la posibilidad de agrupar elementos de texto e imagen. Al aplicar este diseño, hay que tener cuidado de no abrumar al usuario con demasiadas cosas. El diseño de la tarjeta fue implementado de manera prominente por Pinterest, por ejemplo.

Tendencias de diseño web 2016: navegación sencilla, minimalismo y personalización

Pinterest es el caso de uso clásico para el diseño de una tarjeta.

Tendencia de diseño web 2: Minimalismo

Una gran palabra y un amplio campo de aplicación, lo sé. El sitio web tu probablemente ya tenga un diseño minimalista, porque dos de las tendencias de diseño web más destacadas de los últimos años se basan en este principio: el flat design y el material design. Estos estilos también aportan una importante contribución al diseño del área de conversión. Esto debe mantenerse lo más delgado posible desde el punto de vista visual.

Un buen titular, unos cuantos beneficios y una pregunta de conversión convincente.

Por un lado, el botón de conversión debe combinarse con un buen contenido, es decir, un titular comprensible y cautivador y una breve descripción de los beneficios centrales. Por otro lado, el espacio en blanco y una maquetación clara garantizan la atención necesaria y facilitan la comprensión del contenido. El propio botón de conversión debe contener una pregunta o una indicación breve y adecuada al tema.

Tendencias de diseño web 2016: navegación sencilla, minimalismo y personalización

Un ejemplo de un área de conversión de diseño minimalista e ilustrado de forma inteligente. Si el usuario se desplaza hacia abajo, recibe información más detallada. La conversión es posible con sólo tres clics.

Coloque el botón de conversión en un lugar destacado

También debe asegurarse de colocar el botón de conversión real de la manera más prominente posible. Por ejemplo, si tiene un sitio web sitio con varias columnas de texto, es conveniente mostrar el botón de conversión a todo lo ancho y sin una barra lateral u otros elementos innecesarios. Basta con el botón, un titular atractivo y, si es necesario, algunos datos clave y el área de conversión salta a la vista del usuario. Con mucho espacio en blanco alrededor de esta zona y una elección de colores adecuada, puede incluso potenciar este efecto.

Tendencias de diseño web 2016: navegación sencilla, minimalismo y personalización

Nuestro botón de conversión llama la atención porque se distingue claramente del resto de sitio : En lugar de cuatro filas, sólo se ve una columna en la conversión, que también se resalta visualmente.

Tendencia de diseño web 3: Personalización

La personalización en este contexto significa dos cosas. En primer lugar, la representación emocional y humana de la propia empresa, equipo, blog, etc. Esto debería evocar un afecto positivo en el visitante, es decir, una vaga sensación de bienestar al interactuar con el sitio . Aquí, en la mayoría de los casos, no quiero evocar todavía una emoción concreta, sino simplemente hacer que la marca (del bloguero, de la empresa, sitio) sea más humana y, por tanto, más fácil de captar. Por otro lado, la personalización significa adaptar la experiencia del usuario (UX) a sus preferencias.

Dado que el tema de la personalización de la UX es un tema especial, que también requiere conocimientos y habilidades especiales -o al menos cierto presupuesto-, no trataré aquí los aspectos creativos y de diseño de la UX. Este tema tendría que tratarse por separado.

En cambio, personalizar la presencia de su propia marca es relativamente fácil, al menos en teoría. Si elige los motivos adecuados, por ejemplo, sus propios empleados, sus propias instalaciones o, al menos, imágenes que reflejen bien tu su propia personalidad (de marca), habrá dado el primer paso. Si tiene la posibilidad y los recursos, también es una buena idea incluir material de vídeo. Con las imágenes en movimiento puede ganarse más rápidamente la confianza de tus clientes potenciales e ilustrar tu su propia empresa de forma más fácil y sostenible. En WordPress , por ejemplo, es posible una integración de vídeo simplemente a través de fondos de vídeo.

Conclusión: Mucho potencial para las pruebas de conversión

Estas fueron mis tendencias de diseño web de 2016 que no solo harán que tu sitio sea más elegante y moderno, sino que también aumentarán las conversiones: agilizar la navegación y adaptarla a la conversión tu , el minimalismo no solo en las áreas de contenido tus sitio , sino especialmente en las áreas de conversión y, por último, personalizar tus sitio con vídeo e imágenes.
Estas directrices de diseño, más bien generales, te dan la oportunidad de jugar mucho con tus áreas de conversión en 2016 y seguir mejorándolas. Lo importante en este caso es que se aborde la aplicación de forma profesional y auténtica desde el principio. Es mucho trabajo, pero los clientes de tu se lo agradecerán.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.