Krypton Solid

Errores de usabilidad comunes que se deben evitar a toda costa

Errores de usabilidad comunes que se deben evitar a toda costa

Una de las tareas más importantes en su plato como diseñador web es la usabilidad. La usabilidad se define como un indicador de la calidad de la experiencia del usuario al interactuar con su sitio web. Cualquier sitio web que diseñe siempre debe ser perfecto desde el punto de vista del usuario. Deben encontrar su sitio fácil de navegar sin tener que someterse primero a una formación especial. La usabilidad normalmente se basa en varios factores diferentes.

Una persona que busca en su sitio quiere que su facilidad de aprendizaje sea excelente. Querrán aprender rápidamente la interfaz de usuario para poder comenzar y realizar tareas fundamentales de navegación. La eficiencia de uso es otro factor: una vez que hayan aprendido a navegar por su sitio, querrán realizar las tareas rápidamente. Incluso si el usuario ha usado el sitio antes, necesitará recordar fácilmente lo suficiente del proceso para poder usar el sitio de manera efectiva la próxima vez. A esto se le llama memorabilidad. Cuando usan su sitio, pueden experimentar algunos errores, pero ¿estos errores son frecuentes o graves? Finalmente, una vez que hayan terminado con su sitio, ¿la satisfacción subjetiva del usuario es alta o baja? Les debería haber gustado usar su sitio.

Por supuesto, no puede complacer a todos los visitantes del sitio todo el tiempo, pero algunos estándares son comunes para garantizar una buena usabilidad. Lo que los diseñadores web mediocres dan por sentado, no debería hacerlo. Aquí hay un resumen de los tres principales errores de usabilidad que los diseñadores web deben evitar a toda costa.

Áreas en las que se puede hacer clic que son demasiado pequeñas

Su sitio web estará repleto de hipervínculos, en los que claramente se debe hacer clic. Por lo tanto, asegúrese de que sean lo suficientemente grandes para que se pueda hacer clic fácilmente. Es así de simple. De lo contrario, sus hipervínculos no serán bien recibidos. Los movimientos de la mano de cualquier usuario sobre el mouse no serán precisos para empezar, así que no haga las áreas en las que se puede hacer clic tan pequeñas que el usuario tenga que usar una combinación de delicadeza y estrategia solo para tener la oportunidad de hacer clic en sus pequeños hipervínculos.

Por otro lado, un área más grande en la que se puede hacer clic con mayor facilidad hace que sea mucho más conveniente pasar el cursor sobre cualquier enlace. Para agrandar el área en la que se puede hacer clic, simplemente agrande todo el enlace o mejore el relleno que lo rodea. Puede hacer esto utilizando la propiedad de relleno CSS.

Echa un vistazo a esto bien ejemplo de un área horriblemente pequeña en la que se puede hacer clic. Es de la página «Hacker News» de un sitio llamado Y Combinator, que proporciona financiación inicial para nuevas empresas. Observe cómo los comentarios y los enlaces de los usuarios son tan diminutos. Tendrá la suerte de finalmente hacer clic en ellos después de practicar varias veces.

Abuso de paginación

La paginación es excelente cuando se usa para el propósito correcto en el diseño web. Cuando se usa correctamente, la paginación es una característica bienvenida porque hace que el diseño de un sitio sea más conveniente y más fácil de absorber. Se utiliza principalmente para dividir el contenido en varias páginas, y es una función que se suele ver en sitios que presentan largas listas de elementos.

Sin embargo, la paginación también puede ser mal utilizada, lo que la convierte en un factor que contribuye a los inconvenientes de la usabilidad. A algunos sitios les gusta abusar de la paginación con el propósito de dividir las páginas de contenido básico en varias páginas, y también hay un motivo oculto detrás de esto. Lo más probable es que los sitios que hacen esto estén intentando aumentar las visitas a sus páginas, simple y llanamente. Muchas revistas y blogs en línea obtienen sus ingresos a través de la publicidad, por lo que recibir más páginas vistas aumenta sus estadísticas de visualización y les permite cobrar más por los anuncios.

Mira esto abuso de paginación, que nos llega de Wired Magazine. Observe cómo el artículo sobre el colorido logotipo de Google se divide en ocho páginas cuando las ocho páginas podrían haberse combinado fácilmente en una sola página web. Incluso entonces, ese artículo más largo no habría provocado que la página se volviera más lenta en la carga y el procesamiento. También tenga en cuenta lo agravante que es hacer clic varias veces solo para terminar de leer el artículo.

Además, este abuso de paginación puede perjudicar al SEO; si divide el contenido de su sitio en varias páginas, diluye su contenido. Esto tiene el efecto de reducir la cantidad de palabras clave relevantes sobre el tema en cada página web, lo que significa que cada página tiene menos sentido por sí misma. Como resultado, es posible que los motores de búsqueda no interpreten correctamente de qué trata cada página, lo que afectaría negativamente la clasificación de resultados del motor de búsqueda del artículo.

Contenido que es difícil de escanear

El contenido que es difícil de escanear para los usuarios del sitio suele ser contenido que tiene una mala copia. Copiar es el contenido de texto con el que ha llenado su sitio y es absolutamente esencial para que la usabilidad de su sitio sea excelente. Sin embargo, incluso antes de preocuparse por una buena copia, debe tener un conocimiento profundo de los comportamientos de visualización de los usuarios del sitio. Los usuarios del sitio tienden a no leer toda la información de una página web de arriba a abajo, como es de esperar.

En realidad, los usuarios del sitio absorben información simplemente saltando de un contenido a otro, básicamente guiados por lo que les aparece en la página web. Puede agradecer el hecho de que Internet bombardea a las personas con información por este comportamiento frenético de visualización de la web. Los ojos de los usuarios básicamente se mueven de una sección interesante de cualquier página web a otra, lo que significa que usted, como diseñador web consumado que es, debe estructurar sus páginas de manera que se adapte a este comportamiento frenético.

Primero, asegúrese de que su sitio tenga solo unos pocos puntos de enfoque claros. Estos funcionarán como las secciones de su página que captarán la atención de los visitantes. Puede tener éxito si incluye fuentes más grandes y colores de alto contraste. Para mayor atractivo visual, también incluya imágenes como íconos justo al lado del texto.

En segundo lugar, idealmente, cada punto de enfoque debería incluir un encabezado descriptivo. Sin seguir leyendo la copia, el usuario debe comprender de inmediato lo que cubrirá esta sección de contenido. Nunca hagas que tus títulos sean crípticos o poco claros para atraer a los lectores. Haz que los títulos sean breves pero precisos.

Finalmente, cualquier texto adicional debe ser conciso y fácil de asimilar. Ofrezca solo los fundamentos y excluya todo lo demás. La mayor parte del tiempo, el texto adicional que incluyen los redactores publicitarios para aclarar un punto en realidad resta a la legibilidad de dicho texto. Mucha gente tiende a leer pequeños fragmentos de texto mientras evita los párrafos más largos, así que recorta la grasa.

Echemos un vistazo rápido a página web que organiza bien su copia. Esta es la aplicación Cosas de Cultured Code para Mac. Notarás que, a primera vista, los puntos de enfoque, que son la captura de pantalla y el encabezado «Cosas» de tamaño gigante, son muy obvios. La copia de las diversas funciones de la aplicación, que puede ver más al desplazarse hacia abajo en la página, también es muy corta y va al grano, ocupando solo uno o dos párrafos para dar una breve descripción de cada función respectiva.

Hay tanto para recordar

Una buena usabilidad involucra tantos factores distintos que a veces puede ser un poco difícil controlarlos. La usabilidad tiene que ver con el usuario final y cómo se sienten mientras navegan y escanean su sitio. Póngase en su lugar mientras diseña su sitio. ¿Pueden desplazarse por su sitio con facilidad? ¿Recordarán fácilmente qué hacer y adónde ir la próxima vez que visiten su sitio? ¿Disfrutarán en última instancia de su experiencia navegando por su sitio? Todas estas preguntas deben estar al frente y al centro de su mente mientras diseña su sitio.

La buena usabilidad también tiene beneficios prácticos. Cuanto más un usuario pueda navegar por su sitio de manera eficiente, más volverá. También se lo dirán a sus amigos, a su mamá, a sus compañeros de trabajo… ya te haces una idea. Vendrán y visitarán su sitio. Como resultado, obtendrá más visitas a la página, más lectores y, con suerte, seguidores leales. Esto significa que puede monetizar su sitio y cobrar más por los anuncios en el sitio. Cuide la usabilidad y obtendrá las recompensas de muchas maneras.

¿Qué errores de usabilidad agregarías? ¿Cuál es el peor error de usabilidad que suelen cometer los diseñadores? Háganos saber sus pensamientos en los comentarios.

Imagen destacada / miniatura, imagen de error a través de Shutterstock.

Si te ha interesado el artículo y estas buscando información sobre cómo realizar una página web no te pierdas nuestro servicio personalizado de creación de páginas web.

Deja un comentario