1. Use guías de estilo
Cree la suya propia o adopte una guía de estilo existente: imagen de Google
- ¿Dónde puedo aprender cómo convertirme en un gran desarrollador de WordPress?
- Desarrollo web, ¿Cuál es su lenguaje de programación y por qué lo eligió para mejorar su vida?
- ¿Cuál es la forma más fácil / rápida de aprender HTML, CSS, Javascript y PHP en línea?
- ¿Cuánto costaría desarrollar un sitio como peopleperhour o Fiverr?
- Cómo hacer un sitio web con una resolución de 1.920 en Bootstrap
Las guías de estilo son populares en el mundo editorial. Pueden venir en forma de grandes libros o documentos que las publicaciones de los medios siguen 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 garantizar que los sitios que construyen tengan estilos uniformes. Esto es especialmente útil para diseñadores que colaboran con otros freelancers. Una guía de estilo bien escrita puede ayudar a mantener un equipo dispares 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 exhaustiva 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 libros de tipografía esenciales para 2016.
2. Barras laterales de eliminación gradual
Tal vez es hora de reconsiderar la barra lateral
Las barras laterales crean desorden. Su objetivo era 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 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 realmente los usan, al menos según las pruebas de mapa de calor realizadas por ConversionXL. Por lo tanto, comprometer el diseño de su sitio a favor de una barra lateral para 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 necesita uno. Haga que su contenido sea el elemento más importante en una página mediante el uso de diseños que obligan a los lectores a centrarse 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 cuentan con una barra lateral que lo acompaña.
Puede hacer mucho con la humilde barra lateral de WordPress y un consejo de diseño web para 2016 es ser más inteligente con la forma en que los usa o no.
3. Comience sus diseños fuera de pantalla
Intente comenzar sus diseños fuera del editor de código – imagen de MoonRock / Stock Photos, imágenes y vectores libres de derechos | Shutterstock
¿Creas código y diseños en la pantalla a un ritmo rápido, sin preocuparte de cómo resultarán las cosas, ya que sabes que editarás y limpiarás las cosas más adelante? Si es así, ¿por qué no probar un nuevo enfoque en 2016?
En lugar de saltar y resolver las cosas a medida que avanza, ¿por qué no recurrir al lápiz y papel de confianza o usar una pizarra para planificar primero un diseño general del sitio fuera de la pantalla? Use este enfoque para tener una idea de hacia dónde desea que vayan los elementos específicos, al igual que cómo un arquitecto usa los planos de planta para trazar dónde deben ir las ventanas, puertas y habitaciones.
Si la adopción de un bolígrafo y papel no es atractiva, hay muchas herramientas excelentes de diseño web y creación de prototipos 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: Money, Bill Pay, Credit Score & Investing
La gran tipografía no es una nueva tendencia o aspecto del diseño, pero sigue siendo una gran práctica para seguir en 2016. Esto se debe a que tiene el poder de captar la atención del lector y enfocarse en su contenido.
La legibilidad en pantallas más pequeñas, como dispositivos móviles, ha jugado un papel muy importante en la creciente popularidad de esta tendencia, pero también encaja muy bien con las tendencias de diseño minimalista y plano cada vez más populares.
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 texto del cuerpo, donde tenga sentido. Esto incluye cualquier texto que coloque en las imágenes del encabezado o incluso el texto en una página de inicio cuando use una imagen grande de héroe. Solo asegúrese de centrarse en elegir un tipo de letra compatible con la web que se adapte bien, en lugar de agonizar sobre qué tamaño elegir.
5. Crear más espacio
No temas al espacio en blanco – imagen de grop / http://shutterstock.om
Demasiado desorden puede distraer a los lectores y hacer que un sitio parezca demasiado complicado. Esa es una razón por la cual se recomienda eliminar gradualmente las barras laterales. Sin embargo, también debe intentar crear más espacio en general en lugar de intentar incluir tantos elementos como sea posible en una página. Una vez más, ayuda al lector a centrarse en lo que es importante y le brinda la oportunidad de crear diseños más atractivos.
Este espacio se denomina típicamente “espacio en blanco” o “espacio negativo”. Sin embargo, este espacio no siempre necesita ser blanco, especialmente si está creando un sitio web que utiliza 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 elementos para ayudar a guiar a sus usuarios a través de su sitio. El espacio en blanco puede 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 / Fotos de stock, imágenes y vectores sin royalties | Shutterstock
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 garantizar que sus sitios web sean aptos para dispositivos móviles.
Por lo tanto, un consejo clave de diseño web para 2016 es comprometerse plenamente 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 madure, 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. Aproveche el diseño de materiales de Google
El diseño de materiales de Google llegó para quedarse – imagen de Google
Google aumentó el uso de la filosofía de diseño de materiales en 2014, y los diseñadores digitales han seguido su ejemplo rápidamente.
Si ha adoptado la tendencia del diseño web plano, entonces probablemente sea hora de que se suba al tren de Material Design y actualice su estilo para 2016. Los conceptos básicos de este marco de diseño web incluyen el uso de capas para crear sombras elegantes junto a los bordes de elementos, lo que ayuda a agregar un estilo y profundidad muy necesarios a la tendencia mínima de diseño plano.
Si desea comenzar, hay algunos estupendos y gratuitos kits de interfaz de usuario de diseño de materiales que pueden ayudarlo a ponerse al día.
8. Amplíe y reevalúe su kit de herramientas
Esté atento a las nuevas herramientas que pueden ayudarlo: imagen de soluciones creativas, de marketing y de gestión de documentos
¿Hay tareas en su flujo de trabajo que cree que podrían ser más eficientes o al menos más agradables? Luego, uno de los consejos de diseño web que pueden ayudarlo es investigar un poco y descubrir si hay alguna herramienta nueva que satisfaga mejor sus necesidades.
Así como surgen nuevos consejos de diseño web todo el tiempo, también lo hacen las nuevas herramientas de diseño web. Desde nuevas aplicaciones gratuitas como Pixate, hasta 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 ayudar a mejorar su flujo de trabajo y sus niveles de disfrute.
9. Simplifique la navegación
Despeje sus menús – imagen de Titov Nikolai / Fotos de stock, imágenes y vectores sin royalties | Shutterstock
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 los 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 ni la optimización de la tasa de conversión.
10. Sube tu juego de imágenes
Tómese sus imágenes más en serio: imagen de Fouaddesigns / Fotos de stock, imágenes sin royalties y vectores | Shutterstock
Actualizar 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 premium de imágenes de archivo.
El siguiente nivel podría ser crear o encargar sus propias imágenes desde cero, ya sea que salga y tome fotografías de alta calidad, las dibuje usted 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 alcanzar sus objetivos y ayudar a que su contenido se destaque entre la multitud.
11. Deslizadores de eliminación gradual
¿Sus controles deslizantes realmente están agregando 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, realmente 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 puedan elegir, y muy pocas personas realmente las usan.
Si le preocupa su página de inicio, opte por un espacio de encabezado grande que use un diseño estático único y bien diseñado que defina claramente su marca de la de su cliente. Nuevamente, juegue con una gran tipografía para hacer que las imágenes estáticas sean más atractivas visualmente y obtenga 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 / Fotos, imágenes sin royalties y vectores | Shutterstock
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 sentirse necesariamente obligado a usar o renunciar a ciertos elementos de diseño simplemente porque es una tendencia actual o ahora un estilo impopular. La prueba A / B es una habilidad que puedes aprender para averiguar si tus 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 dice 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.
