Una de las tareas más importantes en tu plato como diseñador web es la usabilidad. La usabilidad se define como un indicador de la calidad de la experiencia del usuario cuando interactúa 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 mira a través de su sitio quiere que su facilidad de aprendizaje sea de primera categoría. Querrán aprender rápidamente la interfaz de usuario para que puedan entrar directamente y realizar tareas de navegación fundamentales. 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, deberá recordar fácilmente lo suficiente del proceso para poder usar el sitio de manera efectiva la próxima vez. Esto se llama memorabilidad. Cuando están usando su sitio, pueden experimentar algunos errores, pero ¿son estos errores frecuentes o graves? Finalmente, después de que hayan terminado con su sitio, ¿la satisfacción subjetiva del usuario es alta o baja? Deberían haberles 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, tú no deberías 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. Así que asegúrese de que sean lo suficientemente grandes como para hacer clic fácilmente. Es así de simple. De lo contrario, sus hipervínculos no serán bien recibidos. Para empezar, los movimientos de la mano de cualquier usuario con el mouse no serán precisos, así que no haga que las áreas en las que se puede hacer clic sean 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 y más fácil de hacer clic 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 haga que todo el enlace sea más grande o mejore el relleno que rodea el enlace. Puede hacer esto utilizando la propiedad de relleno CSS.
Echa un vistazo a esta multa ejemplo de un área terriblemente 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 irritantemente pequeños. Tendrá suerte si finalmente logra 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 fácil de absorber. Se utiliza principalmente para dividir el contenido en varias páginas y es una función que suele verse 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 usabilidad. A algunos sitios les gusta abusar de la paginación con el fin 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 intenten aumentar sus vistas de página, 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 visitas a la página 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 se podrían haber combinado fácilmente en una sola página web. Incluso entonces, ese artículo más largo no habría causado que la página se ralentizara en la carga y el procesamiento. También tenga en cuenta lo irritante que es hacer clic varias veces solo para terminar de leer el artículo.
Además, este abuso de la paginación puede ser perjudicial para el 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é se trata cada página, lo que afectará 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 sufre de mala copia. La copia es el contenido de texto con el que ha rellenado 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 cabría esperar.
En realidad, los usuarios del sitio absorben información simplemente saltando de un contenido a otro, esencialmente guiados por lo que aparece en la página web. Puede agradecer el hecho de que Internet bombardee a las personas con información por este frenético comportamiento de visualización web. Los ojos de los usuarios básicamente van 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 atracción visual, también incluye imágenes como íconos justo al lado del texto.
En segundo lugar, cada punto de enfoque idealmente debería presentar un encabezado descriptivo. Sin continuar leyendo la copia, un usuario debe comprender de inmediato lo que cubrirá esta sección de contenido. Nunca haga que sus encabezados sean crípticos o poco claros para atraer a los lectores. Haga que los encabezados sean breves pero precisos.
Finalmente, cualquier texto adicional tiene que ser sucinto y fácil de asimilar. Ofrezca solo los fundamentos y excluya todo lo demás. La mayor parte del tiempo, el texto adicional que los redactores incluyen para aclarar un punto en realidad resta legibilidad a dicho texto. Muchas personas tienden a leer solo pequeños fragmentos de texto y evitan los párrafos más largos, así que recorte la grasa.
Echemos un vistazo rápido a un página web que organiza bien su copia. Esta es la aplicación Things 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, de las que puede ver más al desplazarse hacia abajo en la página, también es muy breve y va al grano, y ocupa solo uno o dos párrafos cortos para brindar una breve descripción de cada función respectiva.
Hay tanto que recordar
La buena usabilidad implica tantos factores distintos que a veces puede ser un poco difícil seguirles la pista. La usabilidad tiene que ver con el usuario final y cómo se siente mientras navega y escanea a través de su sitio. Ponte en sus zapatos mientras diseñas tu sitio. ¿Pueden moverse por su sitio con facilidad? ¿Van a recordar fácilmente qué hacer y dónde ir la próxima vez que visiten su sitio? ¿Disfrutarán finalmente 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 contarán a sus amigos, a su madre, a sus compañeros de trabajo… te haces una idea. Vendrán y comprobará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 cosechará 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/miniatura destacada, imagen de error a través de Shutterstock.