WordPress Web Design Trends 2018 – Qué esperar en el año nuevo

¿Cómo cambiarán los sitios web el próximo año? Estas son preguntas importantes para los propietarios de sitios web, diseñadores y desarrolladores. En un entorno tan cambiante como Internet, es importante permanecer en la cabeza de la curva. Ser consciente de los desarrollos y tendencias futuras significa que puede preparar sus sitios y sus clientes para ellos. Para ayudarlo en este campo, en este artículo queremos hablar sobre el diseño y las tendencias tecnológicas que liderarán el diseño web el próximo año. Tener una idea de esto le permitirá mantener actualizado cualquier sitio web del que sea responsable.
¿Estás listo para mirar en el diseño de cristal de diseño web? Entonces vamos a romper. ¿Cuáles serán las tendencias de diseño web en 2018? A continuación enumeraremos las tendencias de diseño que podrían dominar el próximo año. Muchas son continuaciones o pequeños cambios en los desarrollos existentes. Otros se deben a las nuevas tecnologías emergentes. Sin embargo, todos influirán en cómo construiremos y mantener sitios web el próximo año. Un verdadero enfoque de diseño de “primer móvil”. Si bien el móvil ha sido una tendencia de diseño web durante años, 2017 fue el primer año en que el tráfico móvil superó continuamente las computadoras de escritorio como el principal dispositivo de Internet.
Muestra cuán importante se ha vuelto esta forma de circulación. Los dispositivos móviles se han convertido en una herramienta importante y, para muchos, el principal para interactuar con los sitios web.

Además, Google tiene la intención de lanzar su índice móvil, dando importancia adicional a una buena presencia en el sitio móvil. Por esta razón, el diseño móvil ya no es algo que se agrega como parte del proceso de diseño web, sino una de las primeras cosas que necesita descubrir (es hora de leer nuestra guía de diseño receptiva). En resumen, el diseño móvil ha madurado. Esto también es visible en el hecho de que los elementos de diseño han llegado al escritorio. Los ejemplos incluyen una tipografía alta (aprender a agregar fuentes personalizadas a WordPress), menús de hamburguesas y la importancia de “arriba” (porque el desplazamiento se ha convertido en el segundo para la mayoría de los usuarios). Esto continuará en 2018. Una cosa para la cual puede prepararse es el pegajoso elementos en la parte inferior. Debido a que los usuarios móviles se están acostumbrando cada vez más (oye, más fácil de acceder), comenzaremos a ver estos elementos de diseño en todas partes.
Fuente: WooCommerce también, cuando hablamos de diseño móvil, ¡no te olvides de AMP (páginas móviles aceleradas)! El aumento de las notificaciones push notificaciones push es uno de los canales de marketing más futuros. Este año podríamos ver más y más sitios que ofrecen enviarlos a sus usuarios.

¿Se han generalizado tan extendido que recientemente nos hace preguntar si agrega notificaciones push a su sitio de WordPress? Hay muchos argumentos para eso:

Buen soporte para el navegador y el dispositivo
Alta aceptación de dispositivos móviles
Haga clic en tarifas más altas que el correo electrónico
Por otro lado, pueden ser intrusivos. De hecho, solo la solicitud de solicitar permiso para enviar notificaciones push es una parada para muchos usuarios. Este será un desafío para los diseñadores web. Con las notificaciones push que se convierten en la corriente principal, tendrán que encontrar formas inteligentes y atractivas para integrar el aviso en su diseño. La fuente: el clio gráfico y las ilustraciones personalizadas son una parte clave del contenido en línea. Son cautivadores y pueden transmitir cosas que las palabras y el texto no pueden. Además, las imágenes tienen un valor de SEO si están optimizadas correctamente.
Aunque las fotos de archivo siguen siendo fuertes, hay una tendencia que va en la otra dirección. En lugar de imágenes genéricas, prepárese para hacer más personalizados, manualmente. Los gráficos únicos y las ilustraciones únicas siguen siendo una de las tendencias de diseño web de 2018.

Fuente: Formar sus ventajas: una personalidad y tono distinguidos que le permiten distinguir su sitio en un entorno creciente. Además, las ilustraciones suelen ser más ligeras que las fotos y otras imágenes de alto contenido. En combinación con los gráficos vectoriales escalables y la necesidad de acelerar los sitios web, esta es una buena noticia. ¡Es hora de romper los lápices!
En todas partes, las tecnologías de navegador más avanzadas permiten a los diseñadores web alejarse de las imágenes estáticas y adoptar el movimiento. Las animaciones en los sitios web se han vuelto fácilmente disponibles.

Fuente: Rollpark El uso puede traer vida sutil a las páginas anteriores rígidas. Especialmente en combinación con micro-interacciones (más sobre esto a continuación), resulta en una experiencia de usuario más cautivadora e interactiva. Aplicaciones potenciales para mover los gráficos incluidos – Animaciones – Animaciones hacen que el logotipo sea más memorable. Los usuarios no solo reconocen el logotipo, sino también la forma en que se presentan. El logotipo puede contar una historia por sí misma. Mire estos ejemplos para obtener una mejor idea.
Carga de animaciones: los íconos de carga animados son un elemento básico de los sistemas operativos, pero también son posibles en la red. Hacen un tiempo de puente desde el acceso a la vista real del sitio web y la actividad de transmisión. Esto hace que sea menos probable que use los usuarios para aburrirse y irse.

Navegación: gracias al dispositivo móvil, nos alejamos de los menús clásicos de navegación. Los menús ocultos están de moda. Los deslizamientos y otras animaciones hacen que su apariencia sea menos impactante.
Los efectos del paso con el ratón, el pasaje, los efectos con el ratón transmiten la oportunidad de interactuar con ciertos elementos. Muestran a los usuarios dónde pueden tomar medidas y hacerlos más propensos a hacerlo.
Efectos activados por el desfile: los efectos de contaminación que tienen lugar a medida que los usuarios se mueven en una página pueden crear una narración en lugar de mostrar solo una página estática que pasa. También pueden tomar el lugar de los botones y los menús y educar al usuario sobre productos como Apple.
Encuentre más ideas para las animaciones del sitio en este artículo.
Los fondos de partículas reemplazan videos sobre animaciones: podremos ver más de ellos y en el fondo de los sitios web. Los fondos de partículas son la respuesta a algunos problemas que presentan los fondos de video, especialmente su tamaño. Fuente: Heystack. Se debe a que están hechas con partículas de JavaScript, las animaciones son bastante fáciles. De esta manera, pueden introducir el movimiento detrás de un sitio web y atraer la atención de los usuarios sin bloquearlo. Ya hay un tutorial disponible para WordPress (incluido un complemento).
Esquemas de color vibrantes y degradados En el pasado, el diseño web tenía que respetar los colores seguros para la web. Sin embargo, gracias a mejores monitores y dispositivos, ahora puede usar innumerables colores en su sitio web.
Y los diseñadores se aprovechan de ello. Siendo una de las tendencias de diseño web de 2018, está preparada para esquemas de color saturados, contrastes y muchos más tonos frente a usted.
Fuente: Spotify Esto es especialmente cierto para los gradientes, que regresan, por ejemplo, porque el gradiente se filtra sobre fotos. Asimetría y cuadrículas irregulares porque los sitios web ahora aparecen en cualquier cosa, desde televisores grandes hasta pequeñas pantallas de teléfonos móviles, ya no es necesario adherirse a la tradicional “cuadrícula”. Como resultado, los arreglos asimétricos comenzaron a estar de moda en 2017, que probablemente continuarán el próximo año.

Fuente: Quechua Aunque la cuadrícula tradicional todavía gobierna sitios web con contenidos pesados, las publicaciones más centradas en el diseño tienen como objetivo diferir en las líneas de descanso. Junto con el rendimiento de paralaje, puede crear una experiencia de sellado múltiple, con profundidad y efectos cautivadores. Probablemente seguirán a las marcas más grandes que buscan una caja. Fuentes en negrita y gran tipografía La tipografía grande y atrevida ha sido una tendencia en la web durante algún tiempo. Ya hemos hablado de esto en las tendencias de diseño web de 2017. Debido al creciente número de fuentes personalizadas disponibles, así como las mejoras en las capacidades del dispositivo, los sitios web ahora pueden escapar con letras muy grandes. Junto con grandes espacios blancos, esto facilita la lectura y el cambio a la facilidad. en otra parte. Espere que los diseñadores web aprovechen este próximo año, especialmente para reemplazar las imágenes. Debido a que las fuentes son ligeras y escalables, le permiten hacer una declaración visual sin forzar un navegador a descargar grandes imágenes. Un aumento en las micro-interacciones si no están familiarizadas con el término, las micro-interacciones son efectos sutiles para realizar tareas en los sitios web. Soy un elemento básico de las redes sociales como Facebook. En la plataforma, las apreciaciones y otras reacciones están asociadas con sus propias pequeñas animaciones.

Microinteraction brinda a los usuarios la oportunidad de interactuar con el contenido de diferentes maneras. Ventajas: comentarios visuales para las acciones del usuario
Interactividad sin tener que recargar la página

Experiencia de usuario rica, participación adicional

Ya es una de las futuras tendencias de diseño web en 2018. Por ejemplo, Medium ha introducido recientemente la capacidad de dejar “aplausos” para artículos. Al hacerlo, muestra soporte para la publicación y también funciona como una recomendación para otros usuarios.

También tenemos una serie de complementos de WordPress que le permiten hacer cosas similares. Por ejemplo, el formulario de contacto WPFFORMS le permite establecer un texto de carga que aparecerá en el botón de envío una vez que haya hecho clic. Plugins como Animated It! ¡Agregue los efectos de pase con el mouse a los botones y envíe esto! cuadros al texto resaltado. Hablemos de chatbots chatboţii están en gran medida en los sitios web. Desde que Facebook invitó a los desarrolladores a comenzar a producir botas para sus mensajes, el número de botas existentes ha aumentado de 30,000 a 100,000 en solo un año. ¡Y eso es solo una plataforma! Grandes empresas como Sephora, North Face y Whole Foods ya están proporcionando parte de la asistencia para los clientes al personal virtual. Esto drenará sitios web y empresas más pequeñas. Ya tenemos los primeros complementos de chatbot disponibles para WordPress. Pueden responder preguntas y proporcionar asistencia básica a los clientes de forma autónoma.

Fuente: Mi chatbot, mientras que los niños no son tanto un problema de diseño, su integración en los sitios web lo es. Depende de los diseñadores descubrir cómo hacer que la experiencia sea atractiva visualmente. Además, cómo proporcionar acceso al bot primero. Confrontar con chatbots es sin duda una de las tendencias de diseño web de 2018 tanto para aquellos que crean sitios web como para quienes los usan. Usted tiene el Internet de las cosas, la realidad virtual y otras tecnologías futuras, mientras que lo anterior cambiará el diseño web en la superficie, hay una serie de tecnologías que cambiarán la web tal como la conocemos. Ya hemos hablado sobre cómo cambiaría Internet e Internet. Aunque el próximo año probablemente no será cuando estas tecnologías se vuelvan dominantes (aún), una de las tendencias de diseño web de 2018 será su desarrollo y proliferación continua. ¿Qué puede esperar además de los chatbots mencionados anteriormente? Personalizar por IA y aprendizaje automático
Experimentos con realidad virtual (especialmente videos de productos)
Realidad aumentada y fotografía 360
Formas de conectar sitios web con electrodomésticos y artículos portátiles
Búsqueda vocal e interactividad vocal en sitios web