Jun
29
Posted on 29-06-2007
Filed Under (Usability) by admin

En este blog escribire sobre muchas cosas relacionadas con Internet y Tecnología y una de ellas que es muy importante actualmente es la usabilidad.Jakob Nielsen define en su libro Prioritizing Web Usability:

Usabilidad es el atributo de calidad relacionado a cuan facil de usar es una cosa. Se refiere a cuan rapido una persona puede aprender a usar algo.

Trabajando para la web la usabilidad es esencial por que si el usuario no puede usar nuestra interface simplemente se ira de nuestro sitio.
En esta entrada del blog, hablare sobre los labels (etiquetas), esos pequeños pedazos de html que ayuda a reducir la cantidad de kilometros diarios echos con el raton cada dia.

Como dice Garret, estoy obsesionado con la usabilidad y la eficiencia, y totalmente convencido de que “Si necesita instrucciones, no funciona de primera”. Y los formularios sin el label tag no son vistos o no estan en sentido común de los desarrolladores. Desafortunadamente, incluso grandes sites como Amazon.com todavia no usan este simple y poderoso tag.
Y lo refuerza con:

Los Labels no solo incrementan la accesibilidad, pero también hacen el area clicable de los radio buttons y los checkboxes mucho mas grandes incrementando directamente la usabilidad. (Para leer mas sobre esto, chequear la Ley de Fitt’s.)

También, los lectores de pantalla para ciegos associan el label con su respectivo input tag, que por supuesto es algo muy bueno.

Definición de Labels
Relaciona una etiqueta a un control. Si haces clic en el texto dentro del elemento label este debería accionar el control.

Podemos ver este ejemplo en Google.co.uk:
Search:

Asi seria sin labels:
Search:
the web

pages from the UKEn este ultimo ejemplo necesitamos hacer clic en el radio button para seleccionarlo. Usando labels haremos que el usuario gane tiempo y pueda hacer clic directamente en el texto relacionado para realizar su selección.Explicación HTML <form name=”input” action=”">
<input type=”radio” name=”sex” id=”male” />
<label for=”male”>Male</label>
<br />
<input type=”radio” name=”sex” id=”female” />
<label for=”female”>Female</label>
</form>

Sobre la ley de Fitts
FUENTE: Wikipedia
La ley de Fitts fue aplicada por primera vez a la IPO por Card, English y Burr (1978), quienes usaron el índice de rendimiento (IP, del inglés index of performance) para comparar diferentes dispositivos de entrada, quedando el ratón en primer lugar. (Este trabajo pionero, según la biografía de Stuart Card, «fue un factor crucial que llevaría a Xerox a introducir comercialmente el ratón»[1].) La ley de Fitts ha podido aplicarse bajo una gran variedad de condiciones, con varios miembros diferentes (manos, pies, miras montadas en la cabeza, ojos), dispositivos (de entrada), entornos físicos (incluso bajo el agua) y poblaciones (jóvenes, ancianos, personas con discapacidades mentales y sujetos drogados). Adviértase que las constantes a, b e IP tienen valores diferentes bajo cada una de estas condiciones. Desde la llegada de interfaces gráficas de usuario (GUI), la ley de Fitts ha sido aplicada a tareas en las que el usuario debe mover la posición del cursor sobre un objetivo de la pantalla, como un botón u otro widget. La ley de Fitts puede modelar las acciones de point-and-click (señalar y pinchar) y de drag-and-drop (arrastrar y soltar). (Adviértase que arrastrar tiene un IP menor asociado, porque la mayor tensión muscular hace más difícil señalar.)

    Read More   

Comments

» Homepage usability: Where most fail on 20/07/2007 at 18.15 #

[…] usability one that any user expects when submiting a form. Which brings me back to the other entry about labels and forms. Even big portals have this kind of issues. And I think in the next years this is going to change, […]


[…] usuario acostumbrado a rellenar un usuario/password. Esto me recuerda la otra entrada escrita acerca de los labels y formularios. Incluso los grandes portales tienen este tipo de errores de usabilidad. Mi opionion es que en los […]


Post a Comment
Name:
Email:
Website:
Comments: