17 tendencias de diseño web de WordPress que podemos esperar en 2017

El fin de año está a la vista. 2016 llegó y aprobó y eso significa que es hora de reflexionar sobre lo que nos trajo este año. Dos principales lanzamientos de WordPress hasta ahora, con otro programado para principios de diciembre, diez lanzamientos menores, el Campamento de Word más grande hasta ahora, cientos de nuevos arados y temas y muchos más. Sin embargo, no es el momento no solo para la reflexión, sino también para mirar hacia adelante. 2017 está a la vuelta de la esquina y promete nuevos desarrollos. En este sentido, pensamos que sería una buena idea tratar de hacer algunas predicciones sobre cómo cambiará el diseño web el próximo año. Hace dos años publiqué un artículo similar para 2015 y debido a que el diseño siempre está cambiando, pensamos que sería un buen momento para hacerlo nuevamente.
Entonces, para prepararlo a usted y a su sitio de WordPress para el próximo año, echaremos un vistazo a las futuras tendencias de diseño web que 2017 probablemente nos presentará. Algunos sonarán familiares, muchos son una continuación natural de las cosas que han sucedido durante años, pero otros nos han deslizado. ¿Estás listo para mirar juntos el globo de cristal? Entonces comencemos. Las tendencias en el diseño web a las que debe tener cuidado en 2017, por lo tanto, sin otras extensiones, aquí hay algunas cosas que podemos esperar en el campo del diseño web y el desarrollo web el próximo año.
Diseño receptivo y primero en móvil

“¡¿Qué? usuarios. Como suponen un papel más central, el enfoque de diseño dedicado se revocará efectivamente. Anteriormente, los diseñadores generalmente crearon la versión de escritorio de un sitio web primero (especialmente para mostrarlo a los clientes) y luego lo adaptan para pantallas más pequeñas. En el Futuro, esto será exactamente lo contrario. Los diseñadores web comenzarán con la versión del sitio móvil y luego se extenderán desde allí. A medida que los dispositivos móviles se convierten en los principales dispositivos para los usuarios, los sitios web móvil se convierten en la principal oferta para editores y empresas. Un desafío que este enfoque representa la necesidad de decidir el contenido y el mensaje básicos. Las pantallas más pequeñas tienen muchos menos bienes raíces Es para navegar, y los visitantes móviles deben obtener toda la información importante desde el principio. El contenido adicional puede encontrar su camino a la pantalla a dimensiones más grandes. El diseño receptivo se ha convertido en el enfoque básico para el diseño para diferentes tamaños de pantalla. Ahora es el estándar de facto y más y más personas pasan a bordo. Ventaja: alcance con un sitio que aborde todos los grupos de usuarios en lugar de varios sitios web para visitantes de dispositivos móviles y escritorio. Además, Google también es un gran amigo de sitios receptivos y castiga a cualquier persona cuyo sitio web no sea compatible con los dispositivos móviles.
Por esta razón, si no está claro en el diseño receptivo, no se pierda nuestra iniciativa de diseño receptiva para WordPress, así como para hacer cualquier WordPress receptivo. Además, es posible que desee saber que Google también tiene una nueva herramienta de prueba que puede proporcionarle información exhaustiva sobre la compatibilidad con cualquier dispositivo móvil del sitio web y cómo mejorarla. Diseño adaptado a la edad y el mapeo de la falla, un diseño más receptivo? Sí, pero esta vez no tiene nada que ver con el tamaño de la pantalla. Como su nombre indica, el diseño receptivo se refiere a la adaptabilidad. Sin embargo, adaptarse a los dispositivos de los usuarios es solo el primer paso para responder a sus necesidades. Adaptarse a las necesidades personales de la persona real es un desafío mucho mayor, pero una tendencia a aparecer en el futuro cercano.
Prepárese para el contenido adaptado por edad y la estructura del sitio. La dirección de los usuarios después de los marcadores demográficos ya está muy extendido en la publicidad en línea, y los sitios web comenzarán a hacer lo mismo. No es que los agentes publicitarios siempre hagan un gran trabajo. La madre recientemente se quejó de que solo porque cumple 60 años, Facebook la bombardea con anuncios para productos antiguos. ¿Cómo se pueden adaptar los sitios a las edades de los usuarios? Por ejemplo por:

Cambiar los menús de navegación de acuerdo con la competencia del visitante
Adaptar el tamaño de las fuentes y espacios para aumentar la legibilidad de aquellos que necesitan
Cambiar los esquemas de color para un mejor contraste
Cosas similares ya están visibles en la accesibilidad web. Para obtener más información, lea nuestro artículo sobre cómo implementar los estándares de accesibilidad en WordPress. ¿Por qué todo esto importa? Porque en 2017, más de la mitad de la población mundial estará en línea, incluidos muchos principiantes, niños, ancianos y usuarios con diferentes habilidades. Por esta razón, otra herramienta importante para los diseñadores web será el mapa de las fallas, lo que ayuda a anticipar los posibles problemas de estos grupos de usuarios y ofrecer soluciones. Si bien los mapas clásicos del viaje del cliente son muy útiles para predecir cómo los usuarios interactúan con un sitio web durante todo su viaje de uso, a menudo solo tratan con usuarios ideales y casos de uso. Sin embargo, como aprendimos, los grupos de usuarios en línea se están volviendo más diversos, y los sitios web deben adaptarse a estas condiciones.
La falla de la mapa permite a los diseñadores y desarrolladores web comprender, anticipar y modelar los escenarios que no son de nivel y tomar las medidas apropiadas. Imágenes personalizadas
Cuando estamos en la ciudad, a mí y a mi esposa nos gusta enfatizar a esta mujer soltera que se puede encontrar en muchas fotos de Stock. Ella está en todas partes. Lo encontré en el borde de los camiones y anunciando cualquier cosa, desde gafas hasta clubes de fitness. (Solo si te preguntas, esta es ella). Obviamente, es en algunas de las imágenes de stock más utilizadas allí, tanto que comenzamos a observarlo, lo cual es un problema. Las empresas se vuelven muy intercambiables. Un problema que también está muy extendido en Internet.
Con la creciente estandarización del diseño del sitio web (¿imagen de pantalla completa con botones fantasmas?) Muchos sitios pierden su originalidad y marca. Un problema que también se informó en WordCamp Berlin 2015. Afortunadamente, los desarrollos actuales sugieren que esto cambiará en 2017. Para salir de la multitud, muchas marcas y compañías ahora van a elementos de diseño personalizados. Esto es lo que podemos esperar. Ilustraciones, las agreustraciones son versátiles, juguetones, amigables y se pueden usar en muchos lugares. Las empresas y los sitios web tienen muchas opciones de estilo diferentes para proporcionar una sensación de autenticidad, personalidad y carácter, lo que realmente puede ayudar a conectarse con su audiencia.
Tipografía grande

Las imágenes personalizadas no tienen que significar imágenes, también pueden usarse en la web como imágenes. Una excelente opción para esto es la casa de impresión, algo que Google Fonts y otros proveedores han proporcionado de forma gratuita para Mase (descubra cómo agregar Google Fonts a WordPress). Especialmente con el tamaño de la pantalla aumentado y más fácil de leer, sucederá más en esta dirección. Fotografía personalizada La foto continuará, por supuesto, para desempeñar un papel. Sin embargo, en lugar de usar la visión de otra persona, las marcas y los diseñadores irán (con suerte) para crear sus propias fotos (o pedirles a los profesionales que lo hagan por ellas). Por supuesto, Stock Photo continuará siendo un pilar principal en la web, pero parece que en 2017 veremos un desarrollo en la otra dirección.
¡Videos! ¡Videos en todas partes!

Además de las imágenes y las fotos estáticas, las imágenes en movimiento serán aún más importantes.De hecho, HubSpot sugiere que en 2018 el consumo de videos representará casi el 80 por ciento del tráfico de Internet.Este desarrollo ya es visible en las redes sociales y los servicios de transmisión en vivo como Periscope y Meerkat. El video es que es capaz de contar historias y narraciones como ningún otro entorno.Con el sonido y el movimiento, puede atraer más sentidos y puede evocar emociones más fuertes que la fotografía.Especialmente los encabezados de video en la pantalla completa se han vuelto más populares en los últimos años y continúan haciéndolo en 2017. Sin embargo, un elemento que estoy bastante encantado son los cinemagraphs.
Fuente:

Cinemagraphs.com Como puede ver en el ejemplo anterior, los cinemagraphs son una mezcla de elementos fijos y móviles y abren algunas posibilidades muy interesantes para las imágenes en su sitio. Este nuevo tipo de entorno visual ya está agrediendo a los canales, pero Hay primeros ejemplos en sitios web. Ansiedad intersticial La ansiedad intersticial optimizada es una expresión común entre los diseñadores de interacción (no se preocupe si no lo ha escuchado antes, ni a mí). Se refiere al corto estado de tensión que un usuario siente entre hacer una acción y ser recompensado con una respuesta. Cuando se trata de sitios web, dependiendo de la conexión, puede haber un retraso entre los dos, lo que provoca un breve momento de ansiedad. Si esta es una experiencia repetitiva con su sitio o producto, puede acumularse y conducir a la frustración. Sin embargo, no tiene que ser así. También es posible usar este momento para su ventaja creando transiciones inteligentes que hacen que la experiencia sea más fluida. Una palabra clave importante aquí son las micro-interacciones. Estas son pequeñas animaciones, en la pantalla (como el botón similar a Facebook que se vuelve azul al hacer clic en él) que brindan a los usuarios divertidos comentarios visuales para conducirlos en su viaje. A medida que los navegadores se están volviendo cada vez más capaces de lidiar con elementos en movimiento, los diseñadores pueden usar animaciones de carga, transiciones de interfaz de usuario, cinemografías mencionados anteriormente y otros elementos visuales para entretenerlos.
Ya hemos visto muchos de esto en 2016 y continuaremos como una de las tendencias de diseño web de 2017. Sin embargo, en el futuro, probablemente veremos una eliminación de JavaScript a animaciones basadas en CSS, que tienen menos gastos técnicos. El diseño de tarjetas y las rejillas de tarjetas (únicas) basadas en tarjetas se han vuelto más ubicuas gracias a Pinterest, Facebook, Twitter, Netflix y Google Material Design (especialmente sus tarjetas AMP). Las tarjetas son una forma versátil de dividir el contenido en secciones y mostrar grandes cantidades de información en piezas fáciles de administrar. Son fáciles de navegar y también funcionan bien con modelos de diseño adaptados al dispositivo móvil y receptivo. Por lo tanto, podremos ver más de ellos en el año siguiente. Sin embargo, al mismo tiempo, podemos ver un desarrollo en la dirección opuesta. Los diseñadores rompen la cuadrícula estándar para algunos nuevos experimentos de diseño y diseño de diseño.

Al encontrar el orden clásico, los sitios web pueden crear imágenes más interesantes y abrir posibilidades creativas llenas de capas, profundidad y fluidez. Si tiene la intención de ir a este camino, asegúrese de mantener siempre la facilidad de uso como objetivo de su sitio.

Debido al crecimiento de los dispositivos móviles, los sitios web de una página han sido una de las tendencias más importantes en los últimos años.Empacar toda la información en una sola página en lugar de más ha eliminado la necesidad de hacer clic, haciendo el movimiento de navegación por Internet.Este desarrollo ofrece muchos diseñadores nuevos para hacer que navegar el sitio sea más interesante.Uno de los ejemplos más famosos es, por supuesto, el desfile de paralaje.Sin embargo, se ha dicho lo suficiente sobre este tema y no lo ingresaré.Uno de los ejemplos más interesantes de esta tendencia es la historia visual en la que entra una serie de sitios web.Especialmente la novela gráfica de Peugeot es un ejemplo sorprendente a este respecto.Las páginas de productos de Apple también prefieren usar efectos de desfile.Colores planos 2.0 y brillantes

En 2013, el diseño plano comenzó a extenderse como un fuego y comenzó a eliminar los elementos superfluos en la web. En 2014, fue seguido por un aumento en el nuevo diseño de Google y se puede ver tan lejos en todas partes. Sin embargo, en 2017, podemos ver una eliminación del avión puro, porque, sinceramente, muchos sitios web han comenzado a parecer muy similares nuevamente. Sin embargo, en general, la profundidad de redescubrimiento de Internet de los problemas de diseño planos y con cosas como la realidad aumentada y virtual que se convierten en parte de la corriente principal. Por esta razón, prepárese para más elementos de diseño Skeumorfe, como superposiciones, sombras y libros mencionados anteriormente. Al mismo tiempo, también veremos un regreso a la paleta de colores bastante suave que surgió este enfoque de diseño, porque las marcas se vuelven más valientes en el uso de colores. Ayuda que la tecnología moderna permite una mejor pantalla de color, prepararse para Sobrecarga, tonos vibrantes, degradación y sombras coloreadas como una de las tendencias de diseño web de 2017. No solo en las paletas de colores de los sitios web, sino también en otros medios visuales. y otra. Aparte de lo anterior, aquí hay algunas cosas que probablemente veremos más en 2017:
Realidad virtual: el equipo de realidad virtual se vuelve cada vez más disponible. Muchas empresas hacen un gran progreso en esta industria. Por supuesto, podemos esperar que la web reaccione a este desarrollo. Junto con la tecnología háptica emergente, hay algunas locuras. WordPress.com ha anunciado la capacidad de ver la realidad virtual y 360. VITEZA – La velocidad de carga rápida, especialmente para los dispositivos móviles, continuará siendo una tendencia de diseño web en 2017. Para algunas indicaciones sobre este tema, lea nuestro artículo sobre cómo acelerar WordPress.
Los cambios de contenido centrados/ divididos entre el contenido de pantalla completa y el contenido dividido en la misma página web son una buena manera de abordar las diferentes necesidades de diseño en un solo lugar. También se puede combinar con los efectos del desfile de los que hablamos anteriormente. Aquí hay un gran ejemplo.

El cifrado en todas partes, con importantes hacks y desarrollos, como el certificado SSL de encriptamiento gratuito, el cifrado ya no es solo para tiendas en línea, bancos y otros operadores de información confidencial. Pronto esperará que todos los sitios web lo tengan. Aquí hay un tutorial sobre este tema.