Tendencias de diseño web de WordPress para 2020

¿Conoces las últimas tendencias de diseño web de WordPress? Mirando en el futuro, tenemos la intención de mostrarle algunas de las características técnicas y de diseño importantes. Entonces, como saben, el diseño web evoluciona continuamente, ya que varias compañías compiten para establecer su marca en línea y destacar de una creciente multitud de plantillas basadas en plantillas. En los últimos años, he visto, y he escrito sobre muchas tendencias de diseño web que han capturado la imaginación colectiva de diseñadores web y compañías conscientes de la marca. De repente, cada sitio web en el que haga clic parece estar influenciado por los estilos de diseño web, como el brutalismo, el minimalismo, el diseño retro moderno, el material, modular o enfocado en la seguridad.
Y como sigue siendo con el uso de la geometría en el diseño web, una tipografía que viola las reglas, colores saturados, asimétricos, rotos o inclinados, cuadrículas CSS, encabezados de video, paralAXes, cinemagraphs, ilustraciones personalizadas, animaciones dibujadas a mano, micro-interacciones y notificaciones de empuje para sitios. Web? ¡Sí, yo también los cubrí! Incluso debatí los méritos de usar un diseño web de una sola página y compartí con usted lo que dicen las investigaciones sobre el uso de barras laterales. Si bien algunas tendencias de diseño web se centran en ayudar a los sitios a salir de la multitud, otras tendencias están determinadas por la necesidad funcional o económica, o incluso el cumplimiento. Por ejemplo, piense en el diseño basado en dispositivos móviles o el diseño web inclusivo. Es difícil imaginar sitios de construcción en la actualidad sin diseños adaptados para dispositivos móviles o sin tener en cuenta la accesibilidad.
Los propietarios de sitios quieren excelentes sitios que ofrezcan resultados. No debe ser sorprendente, por lo tanto, que las tendencias enumeradas a continuación incorporen un diseño estético con funcionalidad esencial. Las tendencias de diseño web de WordPress para 2020 comenzarán con la tendencia de que creo que dominará el mundo del diseño web de WordPress no solo en 2020, sino también durante muchos años a partir de ahora. El mejor diseño de WordPress comienza desde bloques sin duda, el diseño web de WordPress Gutenberg es la tendencia de diseño de WordPress más importante a la que tendrá que prestar atención en 2020. En noviembre de 2019 en WordPress Camp US (WCU) en St. Louis, Missouri, Matt Mullenweg (co -fundador de WordPress) dijo claramente que Gutenberg es el diseño web futuro y el desarrollo de WordPress. .
Matt Mullenweg nos dice que todas las carreteras de WordPress conducirán a Gutenberg. (La dirección “estado de la palabra” a WCUS St. Louis, Missouri, noviembre de 2019.) Para apreciar la importancia del discurso de Matt, debe saber que Gutenberg es el mayor cambio que WordPress ha hecho en su historia de 16 años. Desde el lanzamiento de WordPress 5.0 el 6 de diciembre de 2018, Gutenberg ha tenido 20 nuevos lanzamientos, el número de colaboradores ha aumentado significativamente (de 200 a 480 en un año), y la adopción del editor Gutenberg en sitios de WordPress casi se ha triplicado. .

Cualquiera que proyecte o construya sitios de WordPress hoy simplemente no puede permitirse ignorar cuán serio es WordPress sobre su impulso de adopción para Gutenberg.
WP 5.3 muestra que WordPress es serio sobre Gutenberg. En el último año, los desarrolladores de Gutenberg han realizado mejoras significativas para el editor (cubren algunos de ellos a continuación) y redujeron el tiempo de carga promedio y el tiempo de tipificación promedio de Gutenberg. Aunque no todos todavía se han alejado del editor de WordPress Classic, varios usuarios son responsables de aumentar la velocidad posterior a la carga de Gutenberg al mudarse al nuevo editor. Matt anunció durante su discurso que más de 270,000 publicaciones al día ahora se publican usando Gutenberg. Puede seguir la dirección completa de Matt en el video a continuación: (Toda la presentación de Matt fue creada y proporcionada usando Gutenberg.) Entonces, ¿cómo afectará el diseño de la web de WordPress? 2020? Para empezar, Gutenberg permitirá que más usuarios comiencen a personalizar sus propios sitios. Muchas de las nuevas características de Gutenberg ya están disponibles con WordPress versión 5.3. Estas características incluyen mejoras del usuario como:

Movimientos de bloque más ligeros a medida que dibuja elementos en la página con configuraciones de movimiento para mejorar la accesibilidad.
Un modo de “máquina de escritura” que mantiene su lugar verticalmente mientras escribe para una experiencia de escritura más agradable.
Las vista previas de los bloques que permiten a los usuarios ver cómo se verán los bloques antes de seleccionarlos.
Soporte para cargar imágenes grandes, como imágenes de alta resolución desde su teléfono inteligente (enchufe sin descarga: use un complemento de compresión de imágenes como un smush al cargar imágenes grandes en su sitio y nunca tendrá un problema).
El modo de navegación de bloques más rápido para mejorar el uso y la accesibilidad (los usuarios pueden navegar por los menús de bloques con el teclado).
Los nuevos bloques de personalización de Gutenberg ofrecen a los usuarios la oportunidad de diseñar sus propios menús de navegación.
Gutenberg también ofrece nuevos bloques que le permiten agrupar bloques juntos (bloqueo de grupo), agregar espacio en blanco entre bloques (bloque espacial) y usar degrades personalizados y múltiples botones en páginas y publicaciones.
¡Hola, degrades y botones personalizados!

Durante su discurso, Matt también mencionó que una de las funciones más buscadas que los usuarios querían de Gutenberg Blocks era la capacidad de agregar íconos sociales. El bloque de íconos sociales de Gutenberg permitirá a los usuarios agregar íconos y botones sociales en cualquier lugar de sus publicaciones y páginas. Espero que se pongan a disposición diferentes tipos de bloques de redes sociales para que los usuarios elijan.
El bloque de ícono social es una de las características más solicitadas de Gutenberg.

Como varios colaboradores y desarrolladores ahora se están centrando en Gutenberg como un seguimiento, WordPress también anunció que lanzará un director de bloques que permitirá a los usuarios buscar e instalar bloques en sus sitios utilizando un directorio de bloques en línea. Esto incluye bloques que agregarán colecciones completas a su sitio, como bibliotecas de modelos, por ejemplo.
Podrá crear páginas en la marcha utilizando el director de Bloque de Gutenberg. Con el director de Block de Gutenberg, los usuarios podrán diseñar páginas sobre la marcha. Esto lleva a nuestra próxima tendencia de diseño web de WordPress para 2020. Un tema único para liderar a todos los desarrolladores de WordPress toma nota: las capacidades de bloque de Gutenberg darán a los usuarios más libertad para diseñar y personalizar sus propias publicaciones y páginas. En lugar de centrarse en desarrollar los temas específicos de la meta (por ejemplo, un tema centrado en el comercio electrónico o blog) que solo alberga bloques de Gutenberg, los desarrolladores de WordPress deberían repensar cómo apoyar esta nueva libertad con características de temas multifuncionales para construir todo tipo de sitios web de sitios web. . . Con Gutenberg, podrá crear cualquier sitio web que desee. Como Matt Mullenweg (cofundador de WordPress) declaró recientemente en el estado de la palabra, “Lo que realmente intentamos activar con estos bloques fundamentales es que puede ver cualquier sitio web del mundo y construirlo en WordPress en solo unos pocos clics. ” Este es tanto un desafío como una oportunidad para los diseñadores de temas de WordPress. ¿Cómo creas temas que los usuarios pueden convertir en lo que quieran? Echemos un vistazo a algunos modelos de temas que intentan hacer exactamente: Neve

Neve de ThemeIsle. Neve es un tema de carga rápido, muy personalizable y multifuncional, que puede usarse para todo tipo de proyectos de sitios web. Aunque este tema tiene un diseño minimalista, es muy extensible y funciona perfectamente con Gutenberg, así como la mayoría de los creadores de páginas. Además del hecho de que está preparado para WooCommerce, RTL receptivo, activado y listo para la traducción, este tema fácil también es, también, también es, AMP completamente optimizado (consulte la siguiente tendencia de diseño web a continuación para averiguar por qué es importante). El marco de la génesis
Breakthrough Pro es un tema de WordPress construido con StudioPress. El marco de Genesis desarrollado por StudioPress (ahora parte del motor WP) tiene como objetivo ir más allá de estar solo preparado para Gutenberg, lanzando una serie de temas mejorados para estar especialmente optimizados para Gutenberg. Temas como Breakthrough Pro, por ejemplo, incorporan soporte para temas de Gutenberg para cosas como paletas de colores de bloque, tamaño de fuente, ancho de editor y dimensiones de imágenes, estilo personalizado y estilos de bloques de Gutenberg predeterminados que funcionan con toda la gama de editores disponibles y Wysiwyg fácil. Editar que le permita crear páginas y publicaciones utilizando bloques de Gutenberg con los estilos frontales derecho.
Haga que los sitios más rápidos no solo tengan que verse bien, sino que tienen que cargarse más rápido. Especialmente en sitios móviles. Dos tendencias crecientes que debe tener cuidado se aceleran por las páginas móviles (AMP) y las aplicaciones web progresivas (PWA). AMP (páginas móviles aceleradas) son versiones HTML bajas de sus páginas web existentes, diseñadas para velocidades de carga más rápidas. Google memoriza en caché y difunde el contenido de AMP para que las páginas carguen instantáneamente por los usuarios en los resultados de búsqueda. Temas como Neve, que discutimos anteriormente, están optimizados por AMP, por lo que no se requieren configuraciones especiales. Este sitio web se construyó utilizando Neve, un amplificador optimizado de WordPress. Los complementos PWA de WordPress permiten a los usuarios regresar a su sitio. Vuelva a su sitio iniciando la aplicación en su pantalla de inicio e interactuando con su sitio a través de una interfaz similar a la aplicación. Transformar su sitio de WordPress en una aplicación web progresiva permite a los usuarios regresar a su sitio iniciando una aplicación en sus teléfonos móviles e interactuar con su sitio a través de una interfaz similar a la aplicación.
Use un complemento como Super PWA para convertir su sitio de WordPress en una aplicación. En un mundo donde los milisegundos pueden hacer una gran diferencia si los visitantes eligen su sitio o hacen clic en otra persona, y un segundo retraso puede disminuir las tasas de conversión de hasta un 7%, los sitios de WordPress que pueden cargarse aún más rápido de lo que sus competidores lo hará. Continúe atrayendo los ojos de los usuarios y ganando clics. Los diseñadores de temas de WordPress y los desarrolladores web pueden permanecer a la vanguardia de esta tendencia desarrollando tareas amigables para dispositivos móviles que no requerirán la necesidad de AMP y la transformación de sitios en PWA. Cree sitios con los que pueda hablar más usuarios que buscan en línea utilizando sus dispositivos móviles y utilizando funciones de búsqueda de voz. Según un estudio de búsqueda vocal realizado por Backlinko, la velocidad de la página juega un papel importante en la búsqueda de voz de SEO, donde la página promedio con los resultados de la búsqueda vocal se carga en 4.6 segundos (52% más rápido que la página promedio). Puede agregar capacidades de búsqueda de voz a los sitios de WordPress utilizando complementos. WP la búsqueda más rápida del sitio

El complemento de búsqueda del sitio WP más rápido le permite agregar la búsqueda de voz a WordPress. WP La búsqueda del sitio más rápida no solo le permite agregar capacidades de búsqueda vocal a los sitios de WordPress, sino que también reemplaza el widget de búsqueda de WordPress estándar y agrega otras funciones de mejora de la búsqueda, como finalización automática, corrección de ortografía, búsqueda de PDF. Y busca imágenes, además de búsqueda de búsqueda y filtros de búsqueda. Páginas de resultados. Sin embargo, agregar complementos de búsqueda vocal a WordPress no es suficiente. También deberá aprender cómo optimizar su sitio de WordPress para la búsqueda de voz. La optimización de la búsqueda vocal ayuda a los usuarios a encontrar lo que están buscando más rápido, y esto requiere una carga rápida y sitios optimizados para dispositivos móviles. También es importante centrarse en áreas como la legibilidad de contenido para asegurarse de que el sitio pueda responder las preguntas de los lectores. Wpastra escribió un gran artículo sobre la búsqueda de voz de SEO. Cree sitios que respondan a los usuarios no solo esperan encontrar y obtener lo que están buscando más en línea, sino que también esperan recibir respuestas instantáneas a sus preguntas. Solo piense en cómo ha evolucionado “esperar” a los usuarios en línea. Pasamos del nervio con los dedos sobre la mesa mientras esperamos respuestas al correo electrónico, a la ansiedad que rastrean cómo los puntos animados en las pantallas móviles nos dicen que alguien responde a nuestros mensajes de texto. La tecnología tiene usuarios condicionados para esperar una satisfacción instantánea y ahora tenemos que ofrecer. ¿La solución? Chatbot ai. Chat en vivo de Olark
Agregue el chat en vivo a su sitio de WordPress. El chat en vivo integrado con las tecnologías de IA permite a las empresas responder e interactuar de inmediato con los clientes que llegan a su sitio web. Si alguien no está disponible para responder en vivo, los scripts AI pueden hacerse cargo de los usuarios dirigidos y proporcionar un soporte instantáneo. A veces, todos los usuarios necesitan es sentir que son amados, incluso si solo un hocico atento. WordPress, mueve a la mayoría de los usuarios que permanecen en un sitio web menos de 15 segundos. Tanto para llamar su atención. La integración de características de movimiento, como elementos animados y transiciones en su diseño web, puede ayudarlo a llamar su atención sobre sus visitantes. Cuando ingresa o deja su sitio, la clave aquí es encontrar el equilibrio adecuado entre atraer su atención y luego dirigirlos a lo que están buscando. Si no sabe cómo comenzar a agregar movimiento en su sitio web, comience donde comiencen la mayoría de los usuarios de WordPress … ¡con un complemento! ¡Animarlo!

Agregue animaciones a su contenido y llame la atención del visitante. ¡Animarlo! Le permite agregar animaciones CSS3 al contenido de los widgets y páginas de las publicaciones cuando los visitantes ingresan, ingresan, retrasan o hacen clic en los elementos de video de su sitio Los sótanos de video son otra forma de agregar movimiento a su sitio. WordPress. Puede usar el bloque de portada de Gutenberg para agregar un fondo de video a sus páginas. Los bloques de portada le permiten agregar fácilmente la animación de video a WordPress al agregar videos y animaciones, asegúrese de que su sitio aún esté cargando. Instale nuestros complementos Smush y Hummingbird para ayudarlo. Los saludos de Ahlo Lui Zialo, mientras que las empresas tienen la intención de expandirse a nivel mundial en campos como el comercio electrónico e Internet continúan haciendo del mundo un lugar más pequeño, más culturas en todo el mundo están tratando de mantener su singularidad. En 2020 y además, los sitios de WordPress Multilingve que permiten a los usuarios ver contenido en su propio idioma serán más populares. Aunque WordPress en sí no acepta actualmente sitios bilingües o multilingües, pero acepta la traducción de WordPress a todos los idiomas. También hay complementos que le permitirán crear fácilmente un sitio multilingüe. WPML

WPML-Plugin multilingv WordPress WPML (complemento multilingüe de WordPress) le permite traducir los sitios de WordPress en muchos idiomas diferentes e integrarse con WooCommerce, lo que permite que los sitios interactúen con usuarios de más de 100 países e idiomas. Otros complementos de traducción populares incluyen Polylang, Weglot y TraducePress. Es importante tener en cuenta que durante años, WordPress admite desarrolladores que ayudan a mejorar sus capacidades multilingües. WordPress no busca reemplazar complementos de traducción o hacer que MultilingV WordPress. WordPress acepta complementos que mejoran sus capacidades multilingües. Todos tienen una opinión y algo que decir imagina que puede diseñar y desarrollar sitios de WordPress utilizando colaboración en tiempo real. Diferentes departamentos podrían proporcionar una valiosa contribución a ciertas áreas del sitio a medida que se desarrolla, lo que resulta en mejores sitios para usuarios y equipos de desarrollo. Aunque la colaboración real en WordPress aún no está allí, está en el camino. LeonardovoSovitz ha escrito un gran artículo sobre cómo Gutenberg reinventa la experiencia de crear, editar y administrar en WordPress y ayudar a los diseñadores web a ayudar a los usuarios. Gutenberg pronto hará una posible colaboración con otros WordPress de tiempo real.

Gutenberg está aquí para quedarse y ayudará a los usuarios de WordPress pronto a construir sitios en colaboración. Fuente de la imagen: GitHub comienza a diseñar los sitios de WordPress de hoy Como puede ver de lo anterior, Gutenberg es el desarrollo más significativo que afecta a WordPress e influirá en todas las tendencias y desarrollos de diseño web de WordPress futuros. Ignora esto bajo su propio riesgo. El diseño web de WordPress 2020 se centrará en sitios que integran el diseño y la funcionalidad, cargarán extremadamente rápido y aborda una base de usuarios móviles en todo el mundo. Saber esto debería ayudarlo a construir mejores sitios. Hemos cubierto muchas tendencias de diseño web en el pasado y continuaremos anticipando tendencias en el futuro. Incluso le mostraremos dónde obtener inspiración para el diseño web, por lo que si usted es un diseñador web o un desarrollador web, asegúrese de suscribirse para recibir nuestras últimas actualizaciones y mantenerse al día. ¿Acerca de las tendencias de diseño web de WordPress para 2020? ¿Me perdí alguna tendencia importante en el diseño web que afectará al futuro WordPress? Comparta sus pensamientos, ideas y comentarios a continuación.

Etiquetas:

Diseño web WordPress

Diseño web

Tendencias de diseño web