Los errores de diseño pueden pasarle a cualquiera. Tal vez usted está tratando de terminar un proyecto demasiado rápido, o está trabajando en un diseño de sitio complejo donde algo simplemente se pasa por alto. Pero, cuando suceden, ¿tienes que arreglarlos? ¡inmediatamente!
Algunos errores de diseño pueden arruinar su contenido, hacer que los usuarios abandonen su sitio o perder la confianza en la información que proporciona. Puede ser difícil recuperarse si no hace correcciones. Y, por lo tanto, no está confundido, ¡cada uno de los consejos de hoy viene con un ejemplo de un diseño que lo hace directamente desde Design Shack Gallery!
1. Tipografía descuidada
El delincuente tipográfico más grande es el espacio. El interlineado, o el encabezado, y la cantidad de espacio en las envolturas de texto son delincuentes comunes. Si bien a veces se ve demasiado espacio, el problema más común es que el texto no tiene suficiente espacio para respirar, lo que hace que el diseño se vea desordenado y sea difícil de leer.
Para la mayoría de los bloques de copia pesada, piense en los párrafos del texto del cuerpo, el espaciado de línea normal para la web es de alrededor del 120% al 150% del tamaño de las letras. Con texto más pequeño, como el renderizado en dispositivos móviles, incluso puede errar en el lado de un poco de espacio de línea adicional para asegurar la legibilidad.
El truco está en ese medio feliz, donde el texto es fácil de leer y tiene un flujo natural, pero no se cansa con los ojos. El texto que está demasiado espaciado puede ser tan difícil de procesar como el texto que está demasiado cerca.
Cuando se trata de envolturas de texto, siga la misma regla general. Para los elementos relacionados que se ajustan, considere duplicar las reglas de espaciado de líneas. De esa manera, todo tendrá una sensación consistente que muestra que los elementos son similares pero que aumentan la legibilidad.
Haciéndolo bien: Casa de Khlebny
2. Mismo tamaño todo
Todas las cajas de fotos son del mismo tamaño. Todo el texto es del mismo tamaño. Todos los botones son del mismo tamaño. Mientras que la consistencia es agradable, toda la monotonía es aburrida.
Combínalo con un par de opciones de tamaño y escala para cada tipo de elemento. De esa manera puede mantener esa consistencia, pero también ayudar a dirigir el ojo y crear interés visual.
Una de las mejores cosas que puede hacer es pensar en la escala de la foto dentro de los marcos. El encabezado de héroe en cada página probablemente tendrá el mismo tamaño, pero la forma en que ubique la foto en el marco puede ser diferente. Aleje las imágenes para obtener una sensación lejana que parece más pequeña con menos peso visual; Use un cultivo ajustado para hacer que las cosas parezcan más cercanas y más prominentes. Sin cambiar el tamaño real, o incluso alterar los estilos o la plantilla de su sitio web, ha creado cosas que parecen ser de diferentes tamaños.
Haciéndolo bien: Brooke Promiitz
3. Olvidando la jerarquía
Un usuario llega a un sitio web que espera encontrar o hacer algo. Que sea fácil para ellos con una jerarquía distinta de elementos que llevan a esta acción.
Las cosas más importantes en el diseño deben ser las más importantes y reducirse a elementos de menor importancia. Clasifique y agrupe la información en bits escaneables que sean fáciles de leer y comprender para los usuarios.
Y luego convierta su jerarquía en un conjunto de reglas para mantener la coherencia. De esa manera, un titular siempre se ve como un titular y los botones siguen el mismo tipo de reglas para la ubicación, el tamaño y la interacción. Todas estas pequeñas cosas harán que todo el conjunto sea más fácil para los usuarios.
Haciéndolo bien: tema Ragnar
4. descuidar los conceptos básicos
¿Cuántas veces has encontrado un sitio web, has hecho clic en un enlace y no ha pasado nada? ¿O buscó una dirección de correo electrónico o formulario de contacto solo para no encontrar una?
No olvide ocuparse de todos los elementos de limpieza en el diseño y asegúrese de que estén rellenados, sean fáciles de encontrar y precisos. Preste mucha atención a la navegación, la búsqueda y el pie de página.
Es importante que estas áreas incluyan enlaces e información actualizados. Los usuarios esperan un cierto tipo de experiencia de estos elementos y pueden frustrarse fácilmente si no existen. También proporciona legitimidad para su sitio web: los enlaces rotos o la falta de información de contacto pueden generar desconfianza en los usuarios.
Haciéndolo bien: Anagrama París
5. demasiadas palabras
Edite su copia, déjela a un lado y luego edítela de nuevo.
El problema con muchos sitios web es que usan demasiada copia para explicar cosas simples. El lenguaje debe ser claro y conciso porque la capacidad de atención es corta.
Use palabras activas y descriptivas para hablar mejor con los usuarios en el diseño. Proporcione instrucciones claras para los elementos procesables que les digan a los usuarios qué hacer exactamente y qué sucederá a continuación.
Esta claridad en la escritura ayudará a mantener a los usuarios interesados y moverse a través de la copia.
Haciéndolo bien: A es para Albert
6. Mala resolución de cualquier cosa
Debe evitarse una mala imagen de cualquier tipo. Muchos usuarios están viendo su diseño en dispositivos de alta resolución, desde pantallas habilitadas con retina en tabletas hasta monitores que muestran cada píxel con gran detalle. Una imagen de baja resolución matará cualquier diseño.
El truco es repensar lo que sabes sobre el tamaño de los archivos y la compresión. Si bien estas cosas son bastante significativas, las reglas han cambiado un poco. Los archivos más grandes son cada vez más estándar, y la mayoría de las conexiones de Internet pueden manejar la carga.
La realidad es esta: si no puede usar una imagen clara y nítida, no use una imagen en absoluto. Tu primera impresión visual les dice mucho a los usuarios sobre ti. Una imagen deficiente muestra que no le importa, no es creíble o simplemente no piensa en la calidad primero. Con seguridad, estas no son cosas que los usuarios deben pensar cuando visitan el diseño de su sitio web.
Haciéndolo bien: Orsolina 28
7. Demasiados trucos
Exagerar ilustraciones, usar demasiadas fotos y sombras o íconos bailando que van demasiado lejos son algunos de los trucos comunes que pueden distraer a los usuarios del mensaje en el diseño.Cualquier técnica de diseño que exista por una razón visual puede considerarse un truco: el color inusual, la animación, las combinaciones de fotos impares y las ilustraciones son trucos de diseño.
Y pueden ser herramientas efectivas para ayudar a crear interés y compromiso.
Cuando se utiliza con moderación.
Limite los trucos a una cosa que distingue su diseño. Y trata de no exagerar. Una gran ilustración, por ejemplo, puede ser una buena herramienta, pero si se cortan partes de esa ilustración y hay ilustraciones en todo el diseño, puede distraer. ¿Un gran truco? Es mejor, y generalmente más efectivo que toneladas de pequeños trucos.
Haciéndolo bien: Wokine
Conclusión
No se desanime si es culpable de cometer uno de estos errores de diseño. Le pasa a todo el mundo. Recupérate bien y tu contenido estará a salvo.
Tampoco se necesita un rediseño para corregir estos errores. Unos pocos ajustes en los elementos de diseño pueden ser suficientes para limpiar y optimizar los errores de diseño comunes. El primer paso es auditar su diseño para encontrar lugares que puedan necesitar alguna atención especial. ¡Buena suerte!