Ser un gran diseñador web es mucho más que simplemente tener las habilidades técnicas necesarias. Otro elemento clave para el éxito es mantenerse actualizado con los últimos consejos y tendencias de diseño web del mundo de la publicación en línea y más allá.
Mantenerse al tanto le brinda la opción de convertirse en uno de los primeros en adoptar las tendencias y estilos de diseño emergentes. Esto, a su vez, puede ayudarlo a entregar proyectos, ya sean propios o para sus clientes, que realmente tengan un gran impacto. Tener un arsenal sólido de consejos de diseño web a los que acudir cuando sea el momento de ponerse a trabajar también puede ayudar a acelerar su flujo de trabajo.
Incluso si usted es un poco inconformista que prefiere seguir su propio camino en lugar de seguir a la manada, mantenerse al tanto de los últimos consejos y tendencias de diseño web tiene sus ventajas. Por un lado, facilitará la comprensión de las necesidades y los deseos de sus clientes cuando analicen su visión para un proyecto y quieran emular algo que han visto en otros lugares.
Y si realmente quiere ser original, estar al tanto de lo que es popular ahora lo ayudará a evitar esos consejos y estilos de diseño web de moda y crear algo que sea totalmente suyo.
Entonces, en este artículo, encontrará una colección de consejos útiles de diseño web que ayudarán a que su sitio web de WordPress y los proyectos de clientes en los que trabaja en 2016 alcancen el éxito, ya sea que desee implementarlos o ignorarlos en su búsqueda de originalidad.
Cuando se trata de crear sitios web, ya sea para usted o para sus clientes, el éxito no es fácil. Para aumentar su productividad y mantener su producción fresca y moderna, sin mencionar la optimización para los motores de búsqueda y las tasas de conversión , es esencial que siempre esté aprendiendo tantos consejos y técnicas nuevos como sea posible.
Entonces, exploremos algunos consejos de diseño web diferentes que pueden ayudarlo en 2016.
1. Usa guías de estilo
Cree la suya propia o adopte una guía de estilo existente: imagen de Google
Las guías de estilo son populares en el mundo editorial. Pueden venir en forma de grandes libros o documentos que siguen las publicaciones de los medios para mantener estilos uniformes en todo su contenido. Esto puede incluir todo, desde cómo se etiquetan los estados y países hasta cómo se escriben los números.
Los diseñadores web pueden crear sus propias guías de estilo para asegurarse de que los sitios que construyen tengan estilos uniformes en todo momento. Esto es especialmente útil para los diseñadores que colaboran con otros autónomos. Una guía de estilo bien escrita puede ayudar a mantener a un equipo dispar en la misma página.
La guía de estilo que Google produjo para su propio Material Design es un gran ejemplo de una guía de estilo completa y bien escrita. Si está buscando una guía de estilo más genérica o un conjunto de reglas para aplicar a su trabajo, asegúrese de consultar nuestra guía de los libros de tipografía esenciales para 2016 .
Tal vez es hora de reconsiderar la barra lateral
Las barras laterales crean desorden. Estaban destinados a mejorar la usabilidad de un sitio al mostrar elementos de navegación adicionales, como enlaces a publicaciones recientes y contenido popular.
Con el tiempo, es justo decir que han sido secuestrados por expertos en marketing que buscan una forma de mostrar formularios de suscripción por correo electrónico y otro contenido promocional que no siempre ofrece mucho a la experiencia del usuario.
Si bien, en teoría, las barras laterales que contienen enlaces y otro contenido útil deberían mejorar la experiencia del usuario, en realidad, muy pocos visitantes del sitio las usan, al menos según las pruebas de mapas de calor realizadas por ConversionXL . Por lo tanto, comprometer el diseño de su sitio a favor de una barra lateral con fines de marketing puede no brindar los resultados que desea.
Intente eliminar gradualmente las barras laterales en sus diseños, especialmente si un sitio realmente no las necesita. Haz que tu contenido sea el elemento más importante de una página usando diseños que obliguen a los lectores a concentrarse en él.
Si la idea de abandonar las barras laterales por completo suena un poco extrema, busque un tema que le brinde la opción de publicar contenido de ancho completo, junto con diseños más tradicionales que cuenten con una barra lateral adjunta.
Puede hacer mucho con la humilde barra lateral de WordPress y un consejo de diseño web para 2016 es volverse más inteligente con la forma en que los usa o no.
3. Comience sus diseños fuera de la pantalla
Intente comenzar sus diseños fuera del editor de código: imagen de MoonRock / shutterstock.com
¿Crea código y diseños en la pantalla a un ritmo rápido, sin preocuparse de cómo resultarán las cosas, ya que sabe que editará y limpiará las cosas más adelante? Si es así, ¿por qué no probar un nuevo enfoque en 2016?
En lugar de saltar directamente y resolver las cosas sobre la marcha, ¿por qué no recurre al lápiz y papel de confianza o usa una pizarra para planificar primero un diseño general del sitio fuera de la pantalla? Use este enfoque para tener una idea de dónde quiere que vayan los elementos específicos, de forma similar a cómo un arquitecto usa los planos de planta para trazar dónde deben ir las ventanas, las puertas y las habitaciones.
Si la adopción de un lápiz y papel no le atrae, existen muchas herramientas excelentes de diseño web de creación de prototipos y creación de esquemas que pueden ayudarlo a sacar rápidamente sus ideas de la cabeza, antes de comenzar en su entorno de desarrollo.
4. Use tamaños de fuente más grandes
Experimente con tipos de letra grandes: imagen de mint.com
La tipografía grande no es una nueva tendencia o aspecto del diseño, pero sigue siendo una gran práctica a seguir en 2016. Esto se debe a que tiene el poder de captar la atención del lector y se enfoca en su contenido.
La legibilidad en pantallas más pequeñas, como las de los dispositivos móviles, ha jugado un papel muy importante en la creciente popularidad de esta tendencia, pero también encaja muy bien con las siempre populares tendencias minimalistas y de diseño plano.
Un consejo de diseño web para 2016 es intentar incorporar tamaños de fuente más grandes en sus diseños, como un tamaño de fuente mínimo de 18 puntos para el cuerpo del texto, donde tenga sentido. Esto incluye cualquier texto que coloque en las imágenes de encabezado o incluso el texto en una página de inicio cuando use una imagen principal grande. Solo asegúrese de concentrarse en elegir un tipo de letra compatible con la web que se adapte bien, en lugar de preocuparse por qué tamaño elegir.
5. Crea más espacio
No le temas a los espacios en blanco: imagen de grop / shutterstock.om
Demasiado desorden puede distraer a los lectores y hacer que un sitio parezca demasiado complicado. Esa es una de las razones por las que se recomienda eliminar gradualmente las barras laterales. Sin embargo, también debe intentar crear más espacio en general en lugar de tratar de incluir tantos elementos como pueda en una página. Una vez más, ayuda al lector a concentrarse en lo que es importante y le brinda la oportunidad de crear diseños más atractivos.
Este espacio se suele denominar «espacio en blanco» o «espacio negativo». Sin embargo, este espacio no siempre tiene que ser blanco, especialmente si está creando un sitio web que usa imágenes grandes en su página de inicio y encabezados.
Minimice la cantidad de desorden en sus diseños e incluya más espacio alrededor y entre los elementos para ayudar a guiar a sus usuarios a través de su sitio. Los espacios en blanco pueden dejar en claro dónde debe enfocarse la atención del lector.
6. El diseño receptivo no es opcional
¿Estás listo para el primer diseño móvil? – imagen de MPFphotography / shutterstock.com
El uso de dispositivos móviles continúa creciendo, especialmente cuando se trata de acceder a sitios web. Esto significa que nunca ha sido más importante asegurarse de que sus sitios web estén optimizados para dispositivos móviles .
Entonces, un consejo clave de diseño web para 2016 es comprometerse completamente con el diseño receptivo. En el pasado, esto simplemente significaba marcar la casilla de diseño receptivo en su lista de tareas pendientes. Sin embargo, a medida que esta tecnología madura, debe comenzar a considerar algo más que diseños fluidos. Piense en imágenes optimizadas para dispositivos móviles, si los menús de hamburguesas son la opción correcta y mucho más .
Para 2016, es posible que desee adoptar el concepto de diseño web móvil primero.
7. Aprovecha el Material Design de Google
Material Design de Google llegó para quedarse – imagen de Google
Google aumentó el uso de la filosofía Material Design en 2014, y los diseñadores digitales no tardaron en seguir su ejemplo.
Si ha adoptado la tendencia del diseño web plano, entonces probablemente sea hora de que se suba al carro del diseño de materiales y actualice su estilo para 2016. Los conceptos centrales de este marco de diseño web incluyen el uso de capas para crear sombras elegantes a lo largo de los bordes de elementos, lo que ayuda a agregar un poco de estilo y profundidad muy necesarios a la tendencia de diseño minimalista plano.
Si desea comenzar, existen excelentes kits gratuitos de interfaz de usuario de Material Design que pueden ayudarlo a ponerse al día.
8. Amplíe y reevalúe su conjunto de herramientas
Esté atento a las nuevas herramientas que pueden ayudarlo: imagen de Adobe.com
¿Hay tareas en su flujo de trabajo que cree que podrían ser más eficientes o, al menos, más agradables? Entonces, un consejo de diseño web que puede ayudarlo es investigar un poco y averiguar si hay nuevas herramientas que satisfagan mejor sus necesidades.
Así como surgen nuevos consejos de diseño web todo el tiempo, también surgen nuevas herramientas de diseño web. Desde las nuevas aplicaciones gratuitas como Pixate , hasta las actualizaciones de los favoritos de la industria, como las aplicaciones Adobe CC para diseñadores web , siempre vale la pena estar atento a algo nuevo que pueda ayudarlo a mejorar su flujo de trabajo y sus niveles de diversión.
Ordene sus menús – imagen de Titov Nikolai / shutterstock.com
Colocar toneladas de enlaces en su menú de navegación, barra lateral, publicaciones de blog e incluso en la página de inicio puede parecer una excelente manera de mantener a las personas en su sitio, pero en realidad puede ser al revés. Los sistemas de navegación complicados crean demasiadas opciones para las personas, tanto que pueden decidir abandonar su sitio por completo.
Colocar menos elementos en sus menús de navegación y eliminar las barras laterales son excelentes maneras de reducir la cantidad de desorden que existe en su sitio. Esto puede permitirle crear diseños más atractivos sin comprometer la experiencia del usuario o la optimización de la tasa de conversión.
10. Mejore su juego de imágenes
Tómese sus imágenes más en serio: imagen de Fouaddesigns / shutterstock.com
Mejorar la calidad de las imágenes que usa en su trabajo es un excelente consejo de diseño web para elevar sus proyectos. En lugar de simplemente usar las imágenes gratuitas a las que todos los demás tienen acceso, podría ser el momento de invertir en un servicio de imágenes de stock premium.
El siguiente nivel podría ser crear o encargar tus propias imágenes desde cero, ya sea saliendo y tomando fotografías de alta calidad, dibujándolas tú mismo o una combinación de ambas. Combinar la tipografía con las imágenes elegidas puede ser otra forma efectiva de hacerlas más originales y ayudarlo a transmitir su mensaje.
Elegir imágenes hermosas para su sitio web es una forma comprobada de ayudarlo a lograr sus objetivos y ayudar a que su contenido se destaque entre la multitud.
11. Controles deslizantes de eliminación gradual
¿Sus controles deslizantes realmente agregan algo a la experiencia del usuario?
La decisión entre usar o no los controles deslizantes es un tema muy debatido.
Sin embargo, en la mayoría de los casos, deberían eliminarse gradualmente en 2016, especialmente si desea disminuir la cantidad de distracciones en su sitio y hacer que sea más fácil para los usuarios orientarse. Los controles deslizantes no hacen ninguna de esas cosas. Son muy similares a las barras laterales. Crean demasiadas opciones para que sus visitantes elijan, y muy pocas personas realmente las usan.
Si lo que le preocupa es su página de inicio, opte por un espacio de encabezado grande que use un diseño estático único y bien elaborado que defina claramente su marca de la de su cliente. Nuevamente, juegue con tipografía grande para hacer que las imágenes estáticas sean más atractivas visualmente y cree mejores diseños de página que hagan que los controles deslizantes sean redundantes.
12. Aprenda las pruebas A/B
Valide sus ideas con pruebas divididas: imagen de Iconic Bestiary / shutterstock.com
Muchos de estos consejos de diseño web son consejos generales basados en las tendencias actuales y futuras en el espacio digital. Sin embargo, no hay garantía de que funcionen para su sitio.
Tampoco debe necesariamente sentirse obligado a usar o renunciar a ciertos elementos de diseño simplemente porque es una tendencia actual o ahora un estilo impopular. Las pruebas A/B son una habilidad que puede aprender para averiguar si sus diseños funcionan o no.
Tal vez usted o su cliente quieran usar un control deslizante o una barra lateral ocupada y no quieran ceder a la sabiduría convencional que afirma que están desactualizados e ineficaces. Las pruebas A/B son una excelente manera de implementar un nuevo diseño y probar su efectividad usted mismo. Las pruebas divididas también son una forma efectiva de negociar compromisos entre usted y sus clientes, gracias a la evidencia que puede ayudar a respaldar sus recomendaciones.
Consulte nuestra guía sobre cómo usar las pruebas A/B con WordPress si desea obtener más información.
Pensamientos finales sobre la sugerencia de diseño web para 2016
Continuar aprendiendo y recogiendo nuevos consejos de diseño web, sin importar cuánta experiencia tenga, es una de las cosas más importantes que puede hacer para lograr y mantener el éxito a lo largo de su carrera.
Con suerte, estos consejos de diseño web te han dado algo en qué pensar y te ayudarán a orientarte en la dirección correcta para aprender más y experimentar. Quizás el consejo final de diseño web debería ser no dormirse en los laureles, sin importar cuán exitoso haya sido su 2015.
¿Qué consejos de diseño web adoptarás en 2016? Por favor háznoslo saber en los comentarios más abajo.
Imagen en miniatura del artículo de Bloomua / shutterstock.com