Archive: marzo 14th, 2010

Usabilidad en sitios web




En esta ocasión les traigo un pequeño listado que habla acerca de los puntos de error más comunes en cuanto a usabilidad dentro de esto del desarrollo de sistemas, todo lo iré agregando en la sección de buenas prácticas de mi sitio web para que lo revisen cuando quieran, un saludo

Tips de usabilidad en sitios web:

  • El logo de tu sitio siempre debe ser un link hacia la pagina principal
  • Siempre liguen elementos label con elemento input, el elemento label tiene una propiedad llamada for en la cual podemos especificar el id con el que está ligada, de esta forma podemos hacer que un check button se active dando click sobre el texto de label
  • Siempre especifiquen colores diferentes para los estados de los links, es importante que el usuario distinga que links ya visito y que links no…
  • Usen CSS para denotar que un elemento input esta activo, con CSS puedes usar la pseudo-clase :focus para lograr esto
  • Siempre debe existir la propiedad alt dentro de elementos img, esto ayuda de varias formas, ayuda en caso de que la referencia de la imagen se rompiera, ayuda con conexiones lentas, ayuda a los bots de los motores de búsqueda a indexar mejor su sitio y también se usa en algunos sistemas de accesibilidad
  • Cuando uses una imagen de fondo, también debes especificar un color de fondo, en ocasiones usamos una imagen de fondo y sobre ella ponemos texto, sin embargo dependiendo del color de la pagina y el color del texto podría no ser de inmediato visible el texto es por ello que es bueno especificar un color de fondo, de este modo aunque la imagen aun no esté lista el texto será legible para el visitante
  • No se deben subrayar elementos que no sean link, no hay cosa más molesta que encontrar texto subrayado que no sea un link