10 Crímenes de Usabilidad que no debes cometer
Primero que nada es importante entender qué es USABILIDAD WEB:
Jakob Nielsen, considerado el padre de la Usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible.
Con el tiempo ciertos estándares y mejores prácticas se han desarrollado para ayudar a mejorar la usabilidad general de sitios web en su diseño y construcción. Este resumen de los 10 crímenes de usabilidad destaca algunos de los errores más comunes en el diseño web y proporciona una solución alternativa para ayudar a mejorar la usabilidad de su sitio web.
CRIMEN #1:
LABELS que no están asociados a campos INPUT
El uso del atributo “FOR” permite que el usuario haga clic en el LABEL para seleccionar el campo INPUT apropiado dentro de un formulario. Esto es especialmente importante para los CHECKBOX y RADIO BUTTON para dar un área más grande donde hacer clic.
CRIMEN #2:
Un logo que no está enlazado a la página HOME
Enlazar el logo de un sitio web a la página HOME se ha convertido en una práctica común y ahora es muy natural que la mayoría de usuarios esperen que el logo los regrese al inicio. Es importante también mencionar que el logo debería aparecer en la esquina superior izquierda.
CRIMEN #3:
No especificar el estado VISITED de un enlace
El estado VISITED de un enlace hace exactamente lo que dice su nombre. No se trata del selector CSS más avanzado, pero es comúnmente pasado por alto. Ofrece al usuario una pista visual de los enlaces que ya ha dado clic anteriormente.
CRIMEN #4:
No indicar un campo de formulario activo
Puedes utilizar el selector “:focus” en muchos elementos, pero es muy útil cuando se lo usa en INPUTS y TEXTAREAS para indicar que el campo está activo. Agrega estilos CSS como un borde resaltado, o un cambio sutil al color de fondo.
CRIMEN #5:
Una imagen sin descripción ALT
Este punto se acerca más al ámbito de la accesibilidad, pero sigue siendo una consideración importante. Recuerde que debe añadir siempre un atributo alt descriptivo a las imágenes, a menos por supuesto que se utilicen con fines decorativos, en ese caso, el atributo ALT se puede dejar vacío (pero debe estar presente). Al utilizar una imagen como un vínculo, escriba una descripción del lugar donde va el enlace.
CRIMEN #6:
Una imagen de fondo sin un color de fondo
Es común el uso de imágenes de fondo detrás de porciones de texto, pero es importante recordar que si las imágenes de fondo han sido desactivadas por el usuario, es necesario que exista un color de fondo con tono similar para evitar que el texto sea ilegible.
CRIMEN #7:
Utilizar largos y aburridos cuerpos de texto
No hay nada más desagradable que aterrizar en una página web que está dispuesta como un cuerpo continuo de texto. Divida el contenido con imágenes, títulos y secciones claras para que sea más fácil para buscar, leer y digerir.
CRIMEN #8:
Subrayar elementos que nos son enlaces
Todos saben que el texto que está subrayado o tiene un color diferente, probablemente es un enlace. No confundas a la gente al utilizar texto subrayado en cualquier parte. Para llamar la atención hacia alguna palabra específica, intenta utilizar la etiqueta STRONG.
CRIMEN #9:
Decir a la gente que HAGA CLIC AQUI
Las palabras “haga clic aquí” han estado presentes desde el amanecer del Internet, pero han sido rechazadas en favor de opciones más útiles. El uso de las palabras haga clic aquí requiere que el usuario lea toda la frase para saber qué va a pasar. En su lugar, es mejor describir lo que va a suceder en el mismo texto del enlace.
CRIMEN #10:
Utilizar texto justificado
Esta es otra recomendación que se acerca más a la accesibilidad, pero también es importante que se la considere. El texto justificado generalmente se ve limpio y rectangular, pero puede generar problemas reales de legibilidad, especialmente para usuarios Disléxicos quienes pueden encontrar difícil el identificar palabras debido a los espacios irregulares de los párrafos justificados.
Fuentes:
http:/www.line25.com
http:/www.wikipedia.org
http:/www.www.w3c.es
Primero que nada es importante entender qué es USABILIDAD WEB:
Jakob Nielsen, considerado el padre de la Usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible.
Con el tiempo ciertos estándares y mejores prácticas se han desarrollado para ayudar a mejorar la usabilidad general de sitios web en su diseño y construcción. Este resumen de los 10 crímenes de usabilidad destaca algunos de los errores más comunes en el diseño web y proporciona una solución alternativa para ayudar a mejorar la usabilidad de su sitio web.
CRIMEN #1:
LABELS que no están asociados a campos INPUT
El uso del atributo “FOR” permite que el usuario haga clic en el LABEL para seleccionar el campo INPUT apropiado dentro de un formulario. Esto es especialmente importante para los CHECKBOX y RADIO BUTTON para dar un área más grande donde hacer clic.
CRIMEN #2:
Un logo que no está enlazado a la página HOME
Enlazar el logo de un sitio web a la página HOME se ha convertido en una práctica común y ahora es muy natural que la mayoría de usuarios esperen que el logo los regrese al inicio. Es importante también mencionar que el logo debería aparecer en la esquina superior izquierda.
CRIMEN #3:
No especificar el estado VISITED de un enlace
El estado VISITED de un enlace hace exactamente lo que dice su nombre. No se trata del selector CSS más avanzado, pero es comúnmente pasado por alto. Ofrece al usuario una pista visual de los enlaces que ya ha dado clic anteriormente.
CRIMEN #4:
No indicar un campo de formulario activo
Puedes utilizar el selector “:focus” en muchos elementos, pero es muy útil cuando se lo usa en INPUTS y TEXTAREAS para indicar que el campo está activo. Agrega estilos CSS como un borde resaltado, o un cambio sutil al color de fondo.
CRIMEN #5:
Una imagen sin descripción ALT
Este punto se acerca más al ámbito de la accesibilidad, pero sigue siendo una consideración importante. Recuerde que debe añadir siempre un atributo alt descriptivo a las imágenes, a menos por supuesto que se utilicen con fines decorativos, en ese caso, el atributo ALT se puede dejar vacío (pero debe estar presente). Al utilizar una imagen como un vínculo, escriba una descripción del lugar donde va el enlace.
CRIMEN #6:
Una imagen de fondo sin un color de fondo
Es común el uso de imágenes de fondo detrás de porciones de texto, pero es importante recordar que si las imágenes de fondo han sido desactivadas por el usuario, es necesario que exista un color de fondo con tono similar para evitar que el texto sea ilegible.
CRIMEN #7:
Utilizar largos y aburridos cuerpos de texto
No hay nada más desagradable que aterrizar en una página web que está dispuesta como un cuerpo continuo de texto. Divida el contenido con imágenes, títulos y secciones claras para que sea más fácil para buscar, leer y digerir.
CRIMEN #8:
Subrayar elementos que nos son enlaces
Todos saben que el texto que está subrayado o tiene un color diferente, probablemente es un enlace. No confundas a la gente al utilizar texto subrayado en cualquier parte. Para llamar la atención hacia alguna palabra específica, intenta utilizar la etiqueta STRONG.
CRIMEN #9:
Decir a la gente que HAGA CLIC AQUI
Las palabras “haga clic aquí” han estado presentes desde el amanecer del Internet, pero han sido rechazadas en favor de opciones más útiles. El uso de las palabras haga clic aquí requiere que el usuario lea toda la frase para saber qué va a pasar. En su lugar, es mejor describir lo que va a suceder en el mismo texto del enlace.
CRIMEN #10:
Utilizar texto justificado
Esta es otra recomendación que se acerca más a la accesibilidad, pero también es importante que se la considere. El texto justificado generalmente se ve limpio y rectangular, pero puede generar problemas reales de legibilidad, especialmente para usuarios Disléxicos quienes pueden encontrar difícil el identificar palabras debido a los espacios irregulares de los párrafos justificados.
Fuentes:
http:/www.line25.com
http:/www.wikipedia.org
http:/www.www.w3c.es