La web es un lugar salvaje. Es una galería de arte sin la tarifa de admisión. Los diseñadores web son artistas de un medio diferente. Al igual que los artistas, no todos los diseños  web que crean van a funcionar. Algunos sitios web son realmente molestos. Tomemos por ejemplo a un pintor que realmente le gusta el color azul. Si se usa en cada pieza de arte que el pintor hace, no estimulará visualmente nuestros ojos y nos aburriremos o enfadaremos con el arte de los artistas. Lo mismo es cierto para el diseño web. Como desarrollador de un sitio web, debe asegurarse de que su «arte» sea diferente para cada cliente y debe evitar errores comunes que desvíen la atención del producto o servicio del cliente. Hay varias cosas para evitar el diseño web para garantizar un sitio perfecto para su cliente.

1) Colores que asaltan el ojo : si sus clientes insisten en usar todos los colores del arcoíris en el diseño de su sitio, es su trabajo como diseñador  web hablarles de ello. A pesar de que piensan que le agrega el toque justo de dinamismo a su sitio, lo sabe mejor. Los colores que son demasiado brillantes o mórbidamente oscuros no serán adecuados para promover el trabajo de sus clientes. Incluso si promociona un circo, mantenga los colores principales del sitio hasta un máximo de dos o tres. No cedas a más es una mejor filosofía con el color.

2) Sonidos de fondo : no hay nada peor que un sitio que reproduzca el mismo bit de sonido en todo el sitio. O peor aún, un eslogan que se reproduce todas y cada una de las veces que hace clic en una nueva página dentro de un sitio. Las canciones completas también son una molestia absoluta. Lo mejor es que el sitio proporcione visualmente el entretenimiento, deje el ruido de fondo fuera de los futuros diseños web.

3) Errores de ortografía : estás usando una computadora con un botón de corrección ortográfica, asegúrate de usarla. Nada es peor que mala gramática, puntuación incorrecta o ortografía. Antes de publicar un sitio, asegúrese de que varios ojos hayan examinado todo el texto. Incluso si el cliente ha proporcionado el texto para su sitio, no confíe en que sea correcto. Siempre doble y triple compruebe si hay errores o tiempos incoherentes. Le agradecerán que haya detectado el error antes de que el sitio sea visible para sus clientes.

4) Tamaño de fuente : si usa todas las letras mayúsculas en su diseño, la gente sentirá que el sitio les está gritando. Usar todas las letras pequeñas hará que las personas sientan que estás susurrando. Lo mejor es mantener la coherencia con el texto y la puntuación normales. De esta manera, hará que el sitio web se sienta como si hablara al espectador con una voz normal que lo haría más agradable de leer.

5) Enlaces parpadeantes y ventanas emergentes : estos elementos son para la web lo que el correo basura es para nuestros buzones. Información inútil que se interpone en el camino de la información importante. Deja de usar ventanas emergentes y luces parpadeantes para atraer la atención a tu arte porque la realidad es que son simplemente molestas.

Recuerde que en el diseño web se trata de cómo las personas que lo miran perciben el diseño de su sitio web. Asegúrese de que el arte que presenta no desvíe a nadie de visitar su sitio web .

3. Utilización generalizada de herramientas de prototipado rápido

Aunque no es una tendencia de diseño per se, herramientas de prototipado rápido son definitivamente uno de los avances más útiles para golpear el mundo del diseño web durante el último año o así y son una herramienta imprescindible para cualquier diseñador web, UI y UX.

Las herramientas de creación rápida de prototipos de servicios como UXpin, Webflow, InVision y Marvel (entre otras muchas) permiten a los diseñadores crear rápidamente prototipos de sitios y servicios de baja y alta fidelidad para evaluar su usabilidad y estética, sin escribir una sola línea de código. Muchos también le permiten diseñar en el navegador y luego realmente lanzar el sitio en sí mismo desde la herramienta.

Su facilidad de uso y funcionalidad ofrece una experiencia instantánea similar a la de cómo el producto terminado se vería y funcionaría en el navegador, ahorrando preciosas horas, recursos y posibles reveses.

Lo que también es beneficioso en su aplicación es lo que viene del lado del cliente. Atrás han quedado los días de mostrar al cliente estática de alambre marcos y maquetas, explicando con gran detalle cada sutil animación y transición. Sus clientes pueden ver exactamente cómo funciona y se ve, sin conversaciones largas y complicadas sobre la experiencia del usuario o velocidades de transición.
Prototipado rápido – Webflow

La captura de pantalla de Webflow proporciona un ejemplo de lo que se puede diseñar rápidamente en el navegador, así como el código que genera para que los desarrolladores puedan utilizarlo e implementarlo de inmediato.

Nuestra predicción: Hay tantas herramientas disponibles hoy en día, es testimonio de lo exitosos que son y cuántas empresas ya las han adoptado. Anticipamos aún más marcas y diseñadores saltando en el carro de la banda en busca de flujos de trabajo optimizados y mayor eficiencia

4. Patrones de UI y marcos de diseño

El enfoque móvil primero y el enfoque de respuesta al diseño web, así como la creciente popularidad de WordPress y temas predefinidos, ha tenido un impacto algo perceptible cómo muchos sitios de escritorio funcionan y se ven hoy.

Lo que estamos empezando a ver más y más son los patrones UI y UX emergen a través de la web donde muchos sitios se ven y funcionan de manera muy similar a medida que aprenden unos de otros para perfeccionar la experiencia de sus usuarios.

No vamos a ahondar en el argumento de que todos los sitios ahora están empezando a mirar demasiado «samey», pero en lugar de mirar cómo estos patrones UI y UX consistentes están llevando a la web para convertirse en un lugar más fácil de usar.

Con tanta competencia en línea hoy en día para las marcas de todos los sectores, no pueden permitirse tomar riesgos importantes en el viaje de sus usuarios, y si estos patrones y principios probados y probados funcionan, tiene sentido usarlos (donde sea apropiado!). Para mejorar su sitio.

Un gran recurso para ver los patrones existentes para varios objetivos se pueden encontrar en los patrones de UI.
UI Kit 3

Hay muchos kits de UI disponibles hoy en día que adoptan las mejores prácticas, como la anterior de UI8.net. Estos kits, que son fácilmente diseñados y manipulados, le dan probada funcionalidad de diseño directamente fuera de la caja. 

Un ejemplo destacado de esto vino con el lanzamiento 2014 de Google de su lenguaje de diseño de materiales – un conjunto de principios de diseño y guías que se desarrollaron para crear una experiencia de usuario más consistente.

Ellos resumen el objetivo de Material Design para «desarrollar un único sistema subyacente que permita una experiencia unificada a través de plataformas y tamaños de dispositivos. Los preceptos móviles son fundamentales, pero el tacto, la voz, el ratón y el teclado son todos los métodos de entrada de primera clase.

Google ha implementado muchos de estos principios dentro de sus propias aplicaciones, y muchas otras marcas están adoptando para sus propios sitios con el fin de mejorar la experiencia de sus usuarios.

Nuestra predicción: A medida que evolucionen y desarrollen estos patrones de UI y UX existentes, veremos cada vez más marcas implementándolos a medida que nos acercamos a una experiencia de navegación en línea más unificada y consistente.

Mantener a los usuarios contentos con un UX aerodinámico es la máxima prioridad ahora como marca de eliminar los trucos de diseño con el fin de competir en un mercado cada vez más competitivo.

5. Ejemplos de Bespoke

Las ilustraciones son medios fantásticos, versátiles para crear las ilustraciones que son juguetonas y amistosas y agregan un elemento de la diversión a un sitio. Los ilustradores talentosos son capaces de crear ilustraciones que están llenos de personalidad y adaptados para que coincida con el tono de la marca, algo que las marcas se esforzará por más de una vez en un mercado cada vez más concurrido.

Con un estilo único de ilustración establecido, las marcas son capaces de rodar que a través de toda su identidad, para su uso en grandes imágenes de cabecera, iconografía personalizada y visuales bellamente animados.

De archivo – Dropbox
Dropbox es un gran ejemplo de una marca que utiliza la ilustración para crear visuales hermosas, amigables y totalmente únicas que están llenas de carácter para atraer a sus usuarios.

Hay tendencias que son únicas para la ilustración como una disciplina dentro de sí mismo. No nos quedaremos mucho tiempo en ellos, pero le recomendamos que revise Dribbble para ver qué tipo de ilustraciones están trabajando los mejores del mundo. Esto es generalmente un buen indicador de los estilos y las tendencias que crecerán en renombre.

6. Grande, audaz, hermosa tipografía

La tipografía es también un poderoso medio visual, capaz de crear personalidad, evocar emociones y establecer tonos. A medida que las resoluciones del dispositivo se vuelven más nítidas y el tipo se vuelve más fácil de leer en la pantalla, la marca buscará empujar aún más los límites de la tipografía para atraer a sus usuarios.

Espere ver un aumento en el tipo de sobre-tamaño y de pantalla completa que rompe la rejilla, la tipografía hermosa, única, mano-rendida y las porciones de texto dinámico y de la capa de la imagen que trabajan en tándem con el desplazamiento de la paralaje.
Nuture (1)

Nuture Digital hace un gran uso de la tipografía, utilizando letras de gran tamaño como una máscara para el contenido de vídeo de fondo que ocupa el centro del escenario. Los encabezados entrelazados sin serif y serif también ayudan a crear paralelos dinámicos, añadiendo aún más a la experiencia.

Si está buscando inspiración para la tipografía en su propio sitio, asegúrese de revisar Typewolf – un gran blog para todos los últimos acontecimientos en la tipografía digital.

7. Fotografía auténtica

El grande – la fotografía. La fotografía siempre será una estancia principal dentro de diseño web y diseño en general, pero como se mencionó anteriormente, la gente desea la autenticidad de las marcas que utilizan y que conocen una foto enlatada, cuando ven uno.

Las marcas y los diseñadores ahora estarán pensando más cuidadosamente acerca de las imágenes que utilizan en el sitio, la contratación de fotógrafos profesionales para tomar sus disparos que enmarcan en la forma en que quieren ser vistos.

Por desgracia, probablemente será mucho tiempo antes de que gran parte de la cursi y cringe-inducing stock photography desaparece por completo, pero esperamos verlo empezar a caer un poco más rápidamente este año.
Fotografía única

Sevenhills Wholefoods utiliza hermosas imágenes de pantalla completa para atraer a los usuarios y ayudar con su mensaje de marca y narración de cuentos.

Nuestra predicción: Esperamos que muchos sitios, aunque cada vez más similares en su estructura y usabilidad, se vuelvan más visualmente diversos e interesantes a medida que se produzca un contenido creativo y creativo más único.

Anticipamos que las marcas encuentren maneras innovadoras de hacer su huella, usando fotografía, video, ilustración y tipografía para realmente construir su propia estética en línea. Único, cuidadosamente-considerado es el nombre del juego aquí!

(Si está disfrutando de este post, descargue el eBook completo de 2017 Web Design Trends haciendo clic en el botón de abajo! O echa un vistazo a los servicios de diseño web que ofrecemos en Zazzle Media.)
BOTÓN 2017 DE LAS TENDENCIAS DEL DISEÑO DEL WEB

8. Animaciones avanzadas

A medida que los navegadores y los idiomas se hacen más avanzados, estamos viendo que más sitios web se alejan del uso de imágenes estáticas y encuentran nuevas maneras de involucrar a los usuarios y ser únicos en su enfoque de la comunicación.

La narración de historias y la personalidad es algo que cada vez más marcas están trabajando con la esperanza de capturar la atención de sus usuarios, y la animación, en parte gracias a los desarrollos con HTML5, CSS y jQuery, está empezando a desempeñar un papel más importante en esto.

Animaciones, siguiendo a partir de la ilustración de arriba, vienen en diferentes formas, tamaños y estilos, y pueden servir a diferentes propósitos. Las animaciones pueden ir desde minúsculos dispositivos de carga que entretienen al usuario mientras espera que el contenido se cargue, hasta un interesante estado de vuelo usado como dispositivo UX para mostrar a un usuario que está flotando sobre un enlace.

También se pueden utilizar en una escala mucho mayor, como ricas, animaciones de pantalla completa, que pueden integrarse para trabajar con desplazamiento, navegación o ser utilizado como el punto focal de todo el sitio. La animación es otro mecánico útil para que las marcas creen micro-interacciones significativas entre ellos y sus usuarios.
Animación-1

Animación-3
Los dos ejemplos muestran cómo las animaciones se están volviendo más centrales en el proceso de diseño. Un diseñador utiliza animaciones para hacer las transiciones de la interfaz de usuario y los cambios más dinámicos, mientras que otro utiliza movimientos sutiles en una página de error 404 para mayor personalidad y entretenimiento.

Con todo esto dicho, sólo deben utilizarse con moderación, y con cuidado, para mejorar la experiencia del usuario y no restárselo. ¡Nadie quiere esperar para siempre para que el contenido se cargue debido a las animaciones clunky sosteniéndolo para arriba!

Este video de instrucciones de Adobe es un gran lugar para empezar a aprender sobre animación y crear GIF. Cubre los conceptos básicos de cómo se producen en After Effects y se ve en la forma simple, enfoque de diseño mínimo de animación que se está convirtiendo cada vez más popular.

Nuestra predicción: cada vez más marcas estarán buscando en sus sitios y servicios para ver cómo pueden implementar la animación para mejorar la experiencia de sus usuarios. Espere ver el uso del aumento de la animación, de los estados pequeños del hover-y de los pequeños toques, a las imágenes visuales llenas para contar de la historia.
9. El video se convierte en rey

Dicen que una imagen pinta mil palabras, pero un video lo hace diez veces. Al igual que con la animación, una imagen en movimiento en una página instantáneamente capta la atención de los usuarios, dibujándolos en las marcas son capaces de pasar a través de su narración cuidadosamente construido y el mensaje.

El video, aunque de ninguna manera nuevo, es un medio largo y versátil, útil para narrar historias, marketing y vlogging por igual, y tiene varias ventajas sobre la fotografía tradicional. Cuando la imagen estática es plana e inmóvil, el video es completamente más dinámico, usando el sonido y el movimiento para atraer a los sentidos y mantener la atención durante más tiempo.
CONVERSE (1)

La captura de pantalla anterior, tomada de un sitio promocional para Converse, es un gran ejemplo de usar el video para cautivar al espectador. Toda la experiencia se basa en un video de fondo que el usuario puede interactuar con el uso inteligente de Javascript.

El video está tomando rápidamente sobre el Internet, y las razones antedichas son testamento a cómo es acertado es como medios para la entrega contenta.

Este infográfico de Hubspot sugiere que para el año 2018, el 79% de todo el tráfico de Internet de consumo será de vídeo y que el 50% de todo el tráfico móvil ya está basado en vídeo. Si no estás convencido de que el vídeo es la forma de ir para 2016, es posible que tenga que volver a pensar en su estrategia o la cara se quedan atrás! Nuestros servicios de videografía permiten a los clientes aprovechar este mercado …

Además de utilizar el video para fines de marketing, se está generalizando en las redes sociales, con los últimos lanzamientos de Periscope en vivo y Meerkat que ilustran la demanda de la gente no sólo para ver el contenido de video, sino también para producir sus propios vídeos.

Nuestra predicción: El video ya es enorme, pero es una tendencia que se establece para continuar aún más hasta que domina completamente la web y todo el contenido en línea.

Los beneficios del video mencionados anteriormente son una razón suficiente para que las marcas quieran incorporarla, pero lo que puede ser más importante es la lucha para mantenerse relevante o el riesgo de caerse del carro de la banda, en lo que son tiempos de transición para el contenido digital.

Aquí hay cinco razones de este enfoque hace un montón de sentido:

1. Las tendencias son más importantes para las personas que son para los motores de búsqueda

Una de las cosas que escribimos más a menudo es las tendencias de marketing digital: cómo Google está cambiando su algoritmo, lo que Facebook está liberando en la forma de transmisión en vivo, etc Mientras que nuestros lectores están realmente interesados ​​en estos temas, los motores de búsqueda a menudo aren Hasta mucho más tarde.

Si tuviéramos que mirar estos temas desde una perspectiva de palabras clave, por ejemplo, tendríamos un momento difícil con cualquier cosa porque los términos de búsqueda que rodean esos temas serían prácticamente desconocidos para Google y motores de búsqueda similares.

Si bien es posible que obtengamos un retroceso más tarde, cuando los motores de búsqueda capturado a los términos de búsqueda, es más importante en estas situaciones para servir a los lectores en primer lugar. Además de posicionarnos como un líder en la industria, también es una gran manera de dar a nuestros lectores lo que quieren, cuando lo quieren.

2. Algunos temas son demasiado competitivos

Si nos acercamos a nuestro contenido desde una base de palabras clave, probablemente no escribiríamos mucho del contenido que hacemos, ya que las frases de palabras clave que estaríamos apuntando parecerían inmediatamente demasiado competitivas. Eso nunca nos ha impedido crear puestos, sin embargo, ya que los escribimos para nuestros lectores en primer lugar, y los motores de búsqueda en segundo lugar.

Cuando usted busca proporcionar valor por encima de todo lo demás, típicamente tendrá éxito en la creación de un único, ampliamente leído pieza que agrada tanto a sus lectores y los motores de búsqueda. Esto tiene mucho más peso que una pieza que se ha diseñado exclusivamente para satisfacer las necesidades de Google.

3. SEO no es la única manera

Si bien SEO es fundamental para una buena estrategia de marketing de contenido, es importante recordar que Google no es la única manera en que la gente encuentra su contenido. Por lo tanto, si sólo está creando contenido para Google, tiene grandes problemas. En la mayoría de las empresas, la gente llega al contenido a través de una mezcla de medios de comunicación social, vincula a sus amigos y compartir la familia, los medios de comunicación, promociones pagadas y mensajes de correo electrónico.

Debido a esto, es crítico crear contenido que este público diverso encontrará valioso cuando se tropiezan con él. Como tal, centrarse en material relevante, informativo y emocionante es clave, ya que complacerá a todos sus lectores en lugar de sólo a los que lo encuentren a través de una búsqueda de Google.

4. A veces, ya estás clasificando bien

Si has hecho un buen trabajo de creación de contenido objetivo, relevante que habla directamente a sus lectores, es posible que no tenga que centrarse en SEO porque ya está ranking en la parte superior de SERPs de Google. Cuando esto sucede, básicamente «posee una frase de palabras clave», como indica el Instituto de Marketing de Contenido, por lo que no tiene sentido seguir martillando su contenido para SEO.

En estos casos, lo mejor que puede hacer es crear calidad, material relevante que atrae a su audiencia. Además de ayudarle a mantener su lugar en la parte superior de la SERPs, que también va un largo camino hacia ayudar a ganar nuevos rankings en el camino.

5. Algunos temas de alto valor tienen bajo valor de búsqueda

Una vez más, si usted miraba su creación del contenido a partir de un punto de vista solamente de SEO, usted brisa derecho por muchos asuntos importantes porque pueden tener SEO bajo o valor de la búsqueda. Eso no significa que estos temas no merecen atención, sin embargo.

En muchos casos, los temas con bajo valor de búsqueda se destacan como elementos fundamentales en su estrategia de contenido. Si bien pueden no ser las mejores piezas perennes que atraen a toda la gente a su material, podrían fácilmente ser un haz de refuerzo crítico para su estrategia de contenido existente, o una fuente de respaldo esencial para una pieza más grande que anotará en el camino .

Deje estos temas aparentemente sin importancia de la batalla, y usted arriesgarse a crear un enfoque de marketing de contenido desequilibrado.
El caso para poner siempre sus lectores primero

Marketing de contenido es un campo dinámico, para estar seguro, y hay mucho que ver en un momento dado. En una industria tan ocupada, es comprensible que algunas personas pierdan la pista de lo que es importante y quedar atrapados obsesionados con SEO, en su lugar. La única cosa que usted no puede permitirse perder el foco de, sin embargo, es su lector.

Mientras que las tendencias de SEO vienen y van, sus lectores son la base que le da un negocio para trabajar. Perderlos, y perderá toda la estructura de su empresa. Cuando usted piensa en ello de esta manera, comienza a hacer mucho sentido para centrarse en sus lectores en primer lugar y SEO segundo.

Si bien es importante entender los fundamentos de un buen SEO e incluir cosas como frases de palabras clave y meta contenido en su material, es más crítico para entender lo que sus lectores quieren y necesitan, y desarrollar un enfoque para dar a ellos.

Al hacer esto, puede crear un enfoque de marketing de contenido exitoso que sustente su marca ahora y en el futuro.