Interfaces Gráficas de Usuario/Sliders

Un slider o deslizador permite elegir entre un rango estable de valores. Este contiene una barra que hace posible visualizar el rango, donde unas líneas de graduación muestran los valores opcionales y un indicador selecciona el valor actual.

Sliders Circulares
Sliders Circulares

Es adecuado cuando se tiene una cantidad de valores numéricos con un límite establecido y se debe seleccionar únicamente uno de ellos, o también cuando se desean obtener o manipular datos relativos para el usuario donde debe seleccionar entre un máximo y un mínimo. Un deslizador puede ser linear o Circular.

 
Sliders Circulares

Uso correcto

editar
  • Siempre que sea posible de una respuesta inmediata luego de que el usuario realice la selección.
  • Usar un Slider es adecuado si se conoce una cantidad máxima y una cantidad mínima y si se puede representar mediante intervalos.
  • Utilice un deslizador si desea que sus usuarios puedan definir valore como por ejemplo el Volumen, el brillo, o la resolución de Pantalla. Este es un control de interacción del usuario así, que si este no puede modificarlo opte por otro control.
  • Use el deslizador en el sentido ordinario, si un valor es siempre representado con sentido vertical, use este sentido.
  • Dependiendo de la cultura establezca el valor máximo o mínimo a la derecha o a la izquierda
  • Opte por un tamaño donde el usuario pueda tener fácil acceso a sus valores, el que establece por defecto es adecuado.

Uso incorrecto

editar
  • Usar un textBox u otro control y un slider para la misma función.
  • Usar el tamaño del indicador muy pequeño dificultando el acceso a este.
  • No omitir etiquetas que son claras como en algunos casos poner valor máximo y valor mínimo, ya que con solo uno de estos el otro se deduce.
  • No Utilizar una etiqueta de valor cuando el usuario necesita conocer el valor exacto.
  • Mostrar Marcas de Graduación Cuando para el usuario no es importante conocer la magnitud, o cuando no son necesarios los valores precisos.


Referencias

editar

http://msdn.microsoft.com/en-us/library/aa511258.aspx
http://www.formauri.es/arrobamasmas/Cursos/index.php?apdo=0402&curso=4_02_00&cap=4c
https://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html#//apple_ref/doc/uid/TP30000894-TP6