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 cuando interactúa con su sitio web. Cualquier sitio web que diseñe siempre debe ser transparente desde el punto de vista del usuario. Deben encontrar que su sitio es fácil de navegar sin tener que pasar primero por un entrenamiento especial. La usabilidad se basa normalmente 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 básicas de navegación. La eficiencia en el uso es otro factor: después de que hayan aprendido a navegar en su sitio, querrán realizar las tareas rápidamente. Incluso si el usuario ha utilizado el sitio anteriormente, deberá recordar fácilmente suficiente del proceso para poder utilizar el sitio de manera efectiva la próxima vez. Esto se 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 hecho, no deberías. Aquí hay un resumen de los tres principales errores de usabilidad que los diseñadores web deben evitar a toda costa.
Su sitio web estará repleto de hipervínculos, que están destinados a ser cliqueados. 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. Los movimientos de la mano de cualquier usuario en el mouse no van a ser precisos para empezar, así que no hagas que las áreas clicables sean tan pequeñas que el usuario tenga que usar una combinación de finura y estrategia para intentar hacer clic en tus 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 hacer que el área cliqueable sea más grande, 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 de CSS.
Eche un vistazo a esto bien ejemplo de un área clicable terriblemente pequeña. Es de la página "Hacker News" de un sitio llamado Y Combinator, que proporciona fondos iniciales para nuevas empresas. Observe cómo los comentarios y los enlaces de los usuarios son tan increíblemente pequeños. Tendrás suerte si finalmente logras hacer clic en ellos después de practicar varias veces.
La paginación es excelente cuando se usa con 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 usa principalmente para dividir el contenido en varias páginas, y es una característica que generalmente se ve en los sitios que presentan largas listas de artículos.
Sin embargo, la paginación también puede ser mal utilizada, lo que la convierte en un factor que contribuye a la inconveniencia de la usabilidad. A algunos sitios les gusta abusar de la paginación con el propósito de dividir páginas de contenido básico en varias páginas, y hay un motivo oculto detrás de esto también. Los sitios que hacen esto probablemente intentan aumentar sus visitas a la 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. Tenga en cuenta cómo el artículo en el logotipo colorido de Google se divide en ocho páginas cuando las ocho páginas podrían haberse combinado fácilmente en una página web. Incluso entonces, ese artículo más largo no habría causado 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 para terminar de leer el artículo.
Además, este abuso de la paginación puede ser perjudicial con respecto a SEO; Si divide el contenido de su sitio en varias páginas, diluirá su contenido. Esto tiene el efecto de reducir el número 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, los motores de búsqueda pueden no interpretar correctamente de qué se trata cada página, lo que afecta negativamente a las clasificaciones de resultados del motor de búsqueda del artículo.
El contenido que a los usuarios del sitio les resulta difícil de escanear suele ser el contenido que sufre una mala copia. Copiar es el contenido de texto con el que ha poblado su sitio, y es absolutamente esencial para hacer que la usabilidad de su sitio sea excelente. Sin embargo, antes de que te preocupes por la buena copia, debes comprender a fondo los comportamientos de visualización de los usuarios del sitio. Los usuarios del sitio tienden a no leer toda la información en 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, esencialmente 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 para este comportamiento frenético de visualización de la web. Los ojos de los usuarios básicamente pasan de una sección interesante de una página web a otra, lo que significa que usted, como diseñador web consumado que es, debe estructurar sus páginas de una 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 llamarán la atención de los visitantes. Puede tener éxito al incluir fuentes más grandes y colores de alto contraste. Para una mayor atracción visual, también incluya imágenes como iconos justo al lado del texto.
Segundo, cada punto de enfoque idealmente debería tener un título descriptivo. Sin proceder a leer más la copia, el usuario debe comprender de inmediato qué cubrirá esta sección de contenido. Nunca haga que sus encabezados sean crípticos o confusos para atraer a los lectores. Haga los encabezados breves aunque precisos.
Finalmente, cualquier texto adicional debe ser sucinto y fácil de asimilar. Ofrezca solo los fundamentos y excluya cualquier otra cosa. Gran parte del tiempo, el texto adicional que los redactores incluyen para aclarar un punto realmente resta de la legibilidad de dicho texto. Hay una tendencia para mucha gente a leer pequeños fragmentos de texto mientras se evitan 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 título "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 por la página, también es muy breve y va al grano, ocupando solo un breve párrafo o dos para dar una breve descripción de cada característica respectiva.
La buena usabilidad involucra tantos factores distintos que a veces pueden ser un poco difíciles de seguir. La usabilidad tiene que ver con el usuario final y cómo se sienten mientras navegan y escanean en su sitio. Póngase en sus zapatos mientras diseña su 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 de navegación en su sitio? Todas estas preguntas deben estar en primer plano en su mente a medida que diseña su sitio.
La buena usabilidad también tiene beneficios prácticos. Cuanto más pueda un usuario navegar su sitio de manera eficiente, más volverán. También le dirán a sus amigos, a su madre, a sus compañeros de trabajo ... ya entienden. Vendrán y verificarán tu sitio. Como resultado, obtendrás más visitas a la página, más lectores y, con suerte, seguidores fieles. 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 tener los diseñadores? Háganos saber sus pensamientos en los comentarios.
Imagen / miniatura destacada, imagen de error a través de Shutterstock.