Indique el significado y la unidad.
Si se requiere una entrada precisa, debería haber un cuadro numérico adicional en lugar de simplemente arrastrar.
control deslizante Sistema de diseño
Ayuda a seleccionar un valor controlado o rango de valores.
Contenido de la lista
Progreso de la revisión
01
Estructura y significado
Comparar información y presentación en contexto de uso.
02
Interacción y usabilidad
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Indique el significado y la unidad.
“Presupuesto, mil dong”: rango 0–500, valor seleccionado actualmente 250.
Variantes y casos de uso
Barras y tiradores.
Mantenga las pistas, las secciones seleccionadas y los tiradores fáciles de detectar en fondos claros y oscuros.
Pruebe los valores más bajos y más altos; El mango no está cortado en el borde.
Ejemplo La barra de volumen tiene una perilla clara y etiquetas de unidades de porcentaje.
Etiquetas y límites
Indique el significado del valor, la unidad y la marca mínima/máxima antes de arrastrar.
Leer sólo el valor actual; Es necesario entender si se trata de precio, distancia o capacidad.
Ejemplo El filtro de distancia dice "Dentro de un radio de 5 km".
050100
Operar con tirador
Admite arrastrar, teclas de flecha y teclas de desplazamiento hasta los límites apropiados.
Utilice únicamente el teclado para seleccionar el valor correcto; El paso de aumento o disminución debe ser consistente.
Ejemplo Las flechas aumentan un 1% cada vez; El hogar está configurado en 0%.
Permite introducir el valor en lugar de arrastrar.
Valor en la posición de arrastre
Si muestra un valor cerca de un identificador, manténgalo a la vista y no cubra el elemento activo.
Arrastra hasta el borde superior del móvil; La etiqueta de valor no se extiende más allá de la ventana gráfica.
Ejemplo La burbuja "75%" está ubicada encima del tirador y aún es visible en el borde derecho.
Cómo ingresar números correctamente
Agregue cuadros de entrada cuando arrastrar no sea lo suficientemente preciso para los datos requeridos.
Ingrese un número fuera del límite y luego corríjalo; El control deslizante y el cuadro de entrada deben tener el mismo valor válido.
Ejemplo El precio máximo se puede escribir 250000 en lugar de intentar arrastrarlo a la marca correcta.