El comienzo de un nuevo año suele ser un momento en el que comenzamos a buscar formas de hacer algo un poco mejor. Ese algo puede ser nuestra vida, nuestro trabajo o lo que producimos. Los diseñadores net, por ejemplo, pueden buscar formas de hacer que sus diseños sean más interesantes o efectivos.
En esta publicación, nos centraremos en 5 tendencias de diseño net que están diseñadas para ayudar a los usuarios a aprovechar al máximo los sitios net que visitan y utilizaremos 10 sitios net prediseñados de BeTheme para demostrar la mejor manera de implementar esas tendencias.
BeTheme es uno de los temas de WordPress más populares y mejor valorados del mundo. con más de 268 000 ventas y una calificación de 4,83/5 estrellas.
5 nuevas tendencias de diseño net para 2023
Para mejorar cualquier cosa, debe saber qué hace o cómo funciona y qué puede tener un impacto en su desempeño, ya sea que el impacto sea positivo o negativo.
En nuestro caso, queremos tener un impacto en el diseño net que genere mejoras, que es lo que se espera que hagan las tendencias de diseño net. Lo que sigue es una discusión sobre cómo se pueden implementar 5 tendencias diseñadas para actuar en el mejor interés de los usuarios de la net.
1. Los beneficios de la iconografía flotante
Una forma efectiva de evitar el desorden es mantener la cantidad de texto en una página al mínimo. Un uso estratégico de los íconos puede servir admirablemente para ese propósito, ¡suponiendo que los usuarios entiendan lo que representan los íconos!
Cuando se encuentra una situación en la que un ícono tendría un propósito pero no es acquainted, parecería ser una situación sin salida. Por supuesto, podría agregar texto, pero eso contribuiría al desorden, ¿o no?
Comencemos primero con un ejemplo de íconos familiares. Sobre el BeBiker 4 sitio net hay tres iconos a la izquierda para:
- Bolsa/carrito de la compra
- Buscar
- Cuenta
Cuando estos íconos se usan una y otra vez, en un sitio net o en muchos, los usuarios entienden de inmediato lo que representan.
Entonces, ¿cómo se abordan los íconos que son menos familiares o que no le dan al usuario una pista obvia de lo que representan?
Podría dar a cada uno una breve descripción, pero eso requeriría agregar texto, que, como verá en el BeJeweler 2 sitio, no es una mala concept, pero es muy buena:
El texto de ayuda activado por desplazamiento es la respuesta en este caso, y también puede tener otros usos, ya que puede proporcionar información útil sin agregar desorden. Los ayudantes de activadores de desplazamiento pueden aumentar la confianza del usuario y darles la impresión de que el propietario del sitio net tiene sus intereses en mente.
2. Usa la prueba social para generar confianza
La confianza es una parte importante de la construcción de relaciones, ya sea que la relación sea private o la que una marca tenga con sus clientes. En el último caso, los sitios net a menudo sirven como puntos de contacto iniciales entre las marcas y los consumidores y es donde se debe iniciar la generación de confianza.
El uso de pruebas sociales para generar confianza es una tendencia que muchos diseñadores net agregarán a sus habilidades en 2023.
Un enfoque efectivo de generación de confianza utilizado en el diseño de sitios net implica una página dedicada a testimonios y reseñas genuinos. junto con una sección de la página de inicio que hace lo mismo, como se demuestra a continuación BeDoctor ejemplo de sitio:
BeDoctor utiliza tres tipos distintivos de creación de confianza:
- Un índice de satisfacción del cliente
- Testimonio de un cliente
- Una calificación promedio de los clientes
- de los cuales este último podría estar vinculado a una plataforma de calificación como Google o Yelp.
Es posible que las empresas más nuevas que carecen de pruebas sociales para generar confianza deban confiar en el uso de marcas de confianza. Un ejemplo sería colocar un icono junto al botón “Pagar” que signifique que la transacción será segura. Otro ejemplo, que se muestra en el enfoque adoptado por BeMarketing 2es agregar contexto a las afirmaciones de su sitio net:
En este ejemplo, el asterisco “triple” se repite para incluir una breve declaración textual que vincula a una página donde se documenta la prueba del reclamo.
3. Nuevas tendencias específicas para móviles
Dadas las reglas y los procedimientos sencillos a seguir, los diseñadores net se han vuelto bastante competentes para abordar las necesidades de diseño móvil en los últimos años. Tanto es así que, en aquellos casos en los que los diseñadores han encontrado una zona de confort, se ha producido un estancamiento.
No obstante, queda margen de mejora. En 2023, veremos una mayor atención prestada a las características específicas de los dispositivos móviles que se centran en superar fricciones y obstáculos específicos.
Él BeIdioma 4 El sitio net preconstruido aborda uno de estos en su diseño de navegación:
Observe cómo el botón “Llámenos” se encuentra en la parte superior de la lista de enlaces, en lugar de al ultimate donde normalmente aparecería en una pantalla de escritorio. Tal vez sea un ligero cambio, pero útil para un usuario móvil.
Él BeFurnitureStore El enfoque toma los íconos de cuenta, carrito y favoritos que normalmente se encuentran en la parte superior de una pantalla de escritorio y los coloca en un banner inferior adhesivo.
El uso de banners adhesivos también es ventajoso para los usuarios móviles. Mientras los diseñadores net trabajen para mejorar continuamente la experiencia net móvil, no importa cuán pequeños puedan parecer algunos de sus cambios. Los usuarios móviles se beneficiarán de ellos.
4. Texturización de formas
El skeuomorfismo alguna vez estuvo de moda y desempeñó un papel dominante en el mundo del diseño net. Esto fue en un momento en que los usuarios de la net todavía se estaban acostumbrando a la tecnología y el skeuomorphism demostró ser una tendencia de diseño extremadamente útil, ya que ayudó a los usuarios a sentirse cada vez más cómodos interactuando con la net.
Eventualmente, la tendencia se volvió cada vez menos un requisito y eventualmente comenzó a ser vista como una fuente de desorden y distracción. Los símbolos de la papelera y la cámara siguen en uso, pero la mayoría de los otros ejemplos de este enfoque de diseño se han quedado en el camino.
En 2023, los diseñadores net comenzarán a trabajar con formas orgánicas agregando pequeños, estratégico texturas a sus diseños. Él BeRenovar 5 sitio net ilustra un ejemplo de esta nueva tendencia:
Las formas redondeadas y las líneas que aparecen en el fondo tienen un efecto suavizante y, al mismo tiempo, atraen la atención hacia la sección central, lo que hace que la página sea más interesante y atractiva.
La texturización digital también se puede utilizar para llamar la atención sobre un área específica de una página. BeCoaching 3 proporciona un ejemplo de esta tendencia de diseño eficaz.
Las dos formas con textura digital que se ven aquí se utilizan en este sitio net de una página para ayudar a dirigir los ojos y la atención de los visitantes a las áreas de la página a las que desea que vayan. Todo el contenido del ejemplo es importante, pero la imagen de la derecha es clave y no se la puede perder.
5. Beneficios del video complementario
Los diferentes usuarios de la net tienen diferentes hábitos de visualización, por lo que es extremadamente difícil, si no imposible, satisfacerlos a todos. Algunos prefieren leer texto o blogs. Otros prefieren ver y escuchar un video o un vlog.
En lugar de tratar de satisfacer ambos mundos, experimente con movies complementarios o alternativas de video siempre que tenga sentido hacerlo. Es menos possible que reduzca la velocidad de carga del sitio, y evitar una dependencia excesiva de los movies de reproducción automática probablemente le valdría algunas buenas calificaciones de sus usuarios.
Él BeBusiness 6 la sección de video de ancho completo del sitio en la mitad de su página de inicio salta directamente a usted.
Podría usarse para resumir o ampliar el contenido anterior, para mostrar un video testimonial o para una variedad de otros propósitos.
Un video no tiene que ser de ancho completo para ser efectivo. Esto BePregnancy El ejemplo de la sección principal incluye un pequeño recorte que presenta un video complementario:
El botón “Reproducir” se reconoce instantáneamente y le da al visitante la opción de ver o no el video. En este caso, la elección de mirar probablemente ganaría sin duda, pero si el video se reprodujera automáticamente, probablemente se consideraría intrusivo.
Usar movies con moderación y estratégicamente tiene sentido. Es possible que los visitantes lo aprueben, y es más fácil para los diseñadores net mantener velocidades de carga de página razonables.
¿Cuál es su opinión sobre estas tendencias de diseño de sitios net?
Las tendencias de diseño de sitios net se han centrado en la mayoría de los casos en las tendencias de fondo y coloration, la experimentación tipológica, los efectos especiales para llamar la atención y otros enfoques que, si bien tienen buenas intenciones y generalmente son efectivos, también podrían verse como superficiales hasta cierto punto.
Las tendencias de diseño net de 2023 significan un cambio radical en las técnicas de mejora de sitios net. La atención se centra más en la generación de confianza, la capacidad de respuesta y la accesibilidad que en la participación o el entretenimiento del usuario.
Utilizar BeTheme para crear sitios net y descubrirá que estas nuevas tendencias ya se han incorporado en un grado u otro en muchos de sus más de 650 sitios prediseñados. ¡Buenas noticias!
