Hay botones delanteros y traseros.
Deslizar puede ser una forma complementaria, pero no debería ser la única forma de mover elementos.
carrusel Sistema de diseño
Le permite explorar contenido de forma secuencial sin dejar de controlar la ubicación.
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.
03
Completa la experiencia
Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Hay botones delanteros y traseros.
Las fotos de productos tienen botones de “Foto anterior”, “Foto siguiente” y una etiqueta 2/5.
Variantes y casos de uso
Cómo transferir contenido
Admite botones delanteros/traseros y operaciones táctiles apropiadas; Evite obligar a las personas a deslizar el dedo.
Intente usar solo el teclado y luego intente tocar; Ambos caminos van a los mismos artículos.
Ejemplo El botón "Siguiente foto" funciona con un deslizamiento horizontal.
Ubicación en el conjunto de contenidos
Indique qué elemento está viendo y el número total de elementos con una etiqueta lo suficientemente clara.
Cambie con botones y deslizamientos; El contador debe actualizarse con la imagen que se está viendo.
Ejemplo Muestra “Foto 2/5” en lugar de cinco puntos sin nombres.
Movimiento controlado
Si se mueve manualmente, deténgase y respete la elección del dispositivo para reducir el movimiento.
Active el movimiento reducido y concéntrese en el carrusel; No cambies el contenido que estás leyendo.
Ejemplo El Carrusel deja de funcionar automáticamente cuando el usuario comienza a interactuar.
El artículo está siendo visto.
Mantenga claros el contenido y las acciones del elemento actual, no deje que se centre en diapositivas ocultas.
Tabulador a través del carrusel con múltiples diapositivas; Los enlaces fuera de la diapositiva actual no reciben atención.
Ejemplo Actualmente, solo el botón de detalles del producto está en el orden de pestañas.