paso a paso Sistema de diseño

Aumenta o disminuye un número en pasos claros.

7 comprobaciones · 3 grupos de contenido

Contenido de la lista

Progreso de la revisión

Estructura y significado

Comparar información y presentación en contexto de uso.

Indique el valor que se está ajustandoConfigure la etiqueta y la unidad para el cuadro numérico con un botón de aumento o disminución.Las personas que necesitan valores grandes deberían tener una forma de ingresar directamente, sin tener que presionar decenas de veces.Ejemplo Cantidad: ingrese 12 o use los botones “Aumentar cantidad” y “Reducir cantidad”.Definición de incrementoMantenga cada clic cambiado a la unidad o paso apropiado.Indique la unidad de paso e intente presionar varias veces consecutivas para que el número siga aumentando o disminuyendo según la convención.Refleja mínimo y máximoDeténgase en el límite, indique el motivo y el estado del botón que ya no se puede utilizar.Cuando se alcance el límite, mantenga el botón en la misma posición y refleje el estado inutilizable en lugar de hacer que el botón desaparezca.

Interacción y usabilidad

Pruebe la operación, cambie el estado y continúe trabajando.

Verifique el número ingresado directamenteManeja letras, números negativos, decimales y valores fuera de rango sin cambios silenciosos.Permitir aportaciones directas cuando se necesiten muchos cambios; informar un valor no válido en lugar de convertirlo silenciosamente a otro número.usa el tecladoAdmite enfoque, botones y teclas para ajustar correctamente con entrada numérica.Pruebe las flechas, las pestañas y las operaciones con botones para que los usuarios puedan ajustar los números sin usar el mouse.Actualizar resultados relevantesCuando los cambios numéricos afecten los precios o los totales, informe los resultados inmediatamente en el área correcta.Si el monto cambia al monto total u otros datos, la respuesta debe ser con el nuevo valor y mantener el estado al actualizar el error.

Completa la experiencia

Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.

Elija tamaños de control para el contextoSi hay variantes pequeñas y grandes disponibles, mantenga áreas objetivo utilizables, números legibles y un diseño equilibrado entre la entrada y sus dos botones.La versión utilizada en paneles gruesos aún debe poder operarse mediante el tacto y no dificultar la distinción de los botones de aumento y disminución.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Indique el valor que se está ajustando

Las personas que necesitan valores grandes deberían tener una forma de ingresar directamente, sin tener que presionar decenas de veces.

EJEMPLOS

Ejemplos de uso

Indique el valor que se está ajustando

Cantidad: ingrese 12 o use los botones “Aumentar cantidad” y “Reducir cantidad”.

paso a paso Sistema de diseño

Estructura y significado

Interacción y usabilidad

Completa la experiencia

Cómo revisar

Indique el valor que se está ajustando

Ejemplos de uso

Indique el valor que se está ajustando

Buscar una lista

No se encontraron listas