Errores de Diseño

Harolin Rivas
 ❌ Principales errores en un diseño!

 
‍‍‍♂️Usar imágenes pixeladas o distorsionadas

•Este un error muy común que me he encontrado en

muchas páginas web.
•De cara al usuario queda muy mal y es sin duda uno de
los errores que más estropea el diseño de una web.
• 
•La solución a esto es muy sencilla, simplemente tienes
que utilizar imágenes que de primeras no se vean
borrosas, y que su resolución sea la adecuada para la
sección de la web en la que se vaya a insertar.
❌ Usar texto
justificado en web
•Justificar los textos, es otros de los errores
que se comete en muchas páginas web y
blogs.
•Es algo que se suele hacer bastante en
imprenta, pero en el mundo digital no mola.
•Los problemas de legibilidad que causan los
textos justificados, en formato papel se
corrigen de forma manual por un editor antes
de la publicación mediante programas de
maquetación como InDesign.
•Esto es algo que en web no se puede
conseguir, al menos de momento.
❌No abusar de mayúsculas

•Los textos en mayúsculas llaman más la atención y

se suelen usar para resaltar algunos encabezados de
la web.
•Pero si se abusa del texto en mayúsculas, se crea un
efecto que dificulta su lectura, porque se convierte
en una especie de «bloque» donde no resalta nada.
•Suele suceder cuando se utilizan las mayúsculas en
párrafos largos que ocupan varias líneas.
• 
•Por lo que, si vas a usar mayúsculas en tu web
intenta que sean encabezadas cortos que no ocupen
más de una línea.
🔠 Tipografía poco legible

•Este tipo de fallos de diseño no me lo suelo encontrar

mucho, pero sí que he visto algunos blogs que han
optado por usar una tipografía un poco fuera de lo
común que no es muy legible.
•Por ejemplo, las tipografías tipo «script» o «hand
draw» no son muy amigables con la lectura.
•Se pueden usar para algún encabezado o
subencabezado, pero para el texto de la web no es
recomendable.
•Mi recomendación es que uses tipografías de
tipo Serif o Sans-Serif.  
•Como podrás observar en el ejemplo la tipografía de la
derecha es mucho más fácil de leer que la de la izquierda.
🌈 Mala
combinación de
colores

•Este tipo de fallo es más común de lo

que puede parecer ya que en principio
cualquier usuario sin ser diseñador lo
debería de poder detectar.
•Sin embargo, hay muchas webs en las
que se ha cometido este fallo de diseño
web que dificulta bastante la lectura.

•En el ejemplo que he puesto, el texto de

los dos primeros recuadros es difícil de
leer e incluso resulta molesto a la vista.
•Y en el tercer recuadro, el texto sí
resalta lo suficiente con el fondo y es
mucho más legible.
😑 Páginas con poco contenido
que no aportan mucho

•Me he encontrado con un montón de páginas

web que tiene secciones en las cuales el
contenido son dos párrafos o solo una imagen
que no aportan nada de valor.
•Tienes que revisar tu web y ver si hay
secciones que quizás puedas combinar o
eliminar en caso de que no aporten valor al
usuario.
•De esta forma mejoras la navegación de la
web, reduces el número de páginas que tiene
que rastrear Google y en general mejoras la
experiencia de usuario.
👎 Contenido descuadrado
en versión móvil

•Que una web sea responsive no significa que el

contenido se vea correctamente en móviles.
•Asegurarte de comprobar que todas las páginas
de tu web se vean bien en móvil porque aunque
tu web sea responsive hay ciertos elementos que
se descuadran o se ven regular porque usan los
estilos de la versión de escritorio.
•Lo que yo suelo corregir, sobre todo, es el
tamaño de los encabezados, los espacios que hay
entre secciones de contenido y el orden de las
columnas.
•Si utilizas sliders en tu web comprueba que se
ven bien porque ser bastante problemáticos en
los dispositivos móviles.
🧐 Datos de contacto
escondidos

•Aunque parezca una cosa super básica,

me he encontrado con páginas donde he
tenido que rebuscar por toda la web para
encontrar los datos de contacto.

•Es importante que en tu web los datos

de contacto sean fáciles de
localizar sobre todo si ofreces servicios
agentes.
•Lo ideal es que el usuario siempre tenga
a un clic una forma de contactar contigo,
ya sea por teléfono o email.
 😵 Abusar de animaciones
y efectos

•Añadir alguna animación y efecto a ciertos

elementos de la web está bien, pero tampoco
hay que abusar.

•Resulta molesto navegar por una web donde

todo se mueve o cambia de color cuando pasas
el ratón por encima.
•Además, es algo que distrae al usuario y
encima puede afectar a la velocidad de carga
de tu web.