5 CONSEJOS BÁSICOS DE DISEÑO WEB
CONSEGUIR QUE TU WEB SEA MÁS ATRACTIVA NO SOLO ESTÁ EN EL DISEÑO, LA VELOCIDAD DE CARGA Y SOBRE TODO EN LA VERSIÓN MÓVIL TE POSICIONA MEJOR EN GOOGLE
1- MOBILE FIRST Y VELOCIDAD DE CARGA
Desde hace ya tiempo una de las principales premisas antes de diseñar una web es el “mobile first”, esto quiere decir que “los móviles primero”. Basicamente nos referimos a un modo de diseñar que tiene en cuenta, desde el primer momento, que la web se va a ver desde dispositivos móviles, pantallas reducidas en las que los usuarios ven principalmente el contenido de la web.
Así que si comenzamos por pensar en ese diseño luego escalaremos hasta aumentar el tamaño de la página y disposición de elementos a tablet y escritorio sucesivamente. En el caso de mi propia web también te digo que por lo general en tablet es el formato menos utilizado y por ello cuando hago cambios en ella me centro más en la versión móvil y escritorio, esto lo sé por las estadísticas que consigo de mi web a través de Google Analytics.
Además, hay que tener especial cuidado con el tiempo de carga de la web, ya que el interés de los usuarios disminuye si el tiempo de carga transcurrido es elevado, de hecho hay estudios que lo demuestran.
LOS COLORES QUE REPRESENTAN TU MARCA DEBERÁN ESTAR BIEN DEFINIDOS Y REPRESENTADOS EN TU PÁGINA WEB
2- UTILIZACIÓN DEL COLOR
Elegir que colores representan nuestra marca es mucho más expresivo y comunicativo que jugar con variaciones de tono o degradado. Los colores planos son, ahora mismo en 2022, tendencia, pero también son una apuesta segura en cuanto a diseño olvidándonos de las tendencias, pues son más recomendados para títulos y textos, donde se encuentra la información esencial para el usuario y evita distracciones.
Por otro lado, los degradados se pueden utilizar en fondos, sobre una imagen en botones CTA (call to action o llamada a la acción) para hacerlos más atractivos, fotografías o diseños degradados sobre un fondo en blanco… ayudarán a dar un toque más creativo a la web.
Utilización de colores poco agresivos, tipo tonos pastel reclaman la atención de forma menos agresiva. Combinan fácilmente con otros colores, transmiten paz, son más “amigables” a la vista y, por tanto, la web se verá mejor.
3- SENCILLEZ Y CLARIDAD
Pasamos muchas horas al día, al menos yo, viendo una pantalla, así que los usuarios agradecen y agradecemos, que la información sea clara y limpia. Si una web está saturada con muchos elementos, colores fuertes o muy oscuros nos cansaremos antes de verla y la percepción de nuestro ojo será de fatiga visual.
4- JERARQUÍA VISUAL
Utilizar plantillas y que la página sea muy repetitiva también puede hacer que resulte monótona, así que hay que procurar que los elementos necesarios estén más destacados frente a otros secundarios es fundamental.
Los textos deben tener un sentido, títulos, subtítulos y textos de párrafo bien definidos y jerarquizados, no olvidándonos del mobile first otra vez, los tamaños en el móvil no pueden ser los mismos que para escritorio.
Los colores deben resaltar aquello en lo que queremos dirigir la mirada. Yo soy muy fan del espacio en blanco y fondos blancos, y resaltar zonas de llamada a la acción o bien intercalar imágenes en los textos para darles dinamismo, pero siempre minimalista, aunque esto es una preferencia personal. Muchas veces comienzo el diseño sin pensar en los colores, simplemente con fondo blanco y textos en negro o gris oscuro y a partir de ahí aplico color a las zonas que creo que lo necesitan.
5- MENOS ES MÁS
No abusar de recargar con imágenes o galerías de fotos, de textos súper largos, de páginas one-page infinitas que nunca llegan al final… este tipo de cosas no interesan al usuario, necesitan información precisa, alguna foto está bien, pero meter galerías con 40 fotos… es cargar la página con más peso del necesario.
Cuando una página tiene espacio en blanco, conseguimos la sensación de calma, este espacio en realidad sirve para atraer atención del usuario a los puntos específicos de la web y lo guía a través de ella.
