Directrices para puntos táctiles

Todos los elementos interactivos de la interfaz de usuario de la aplicación de Windows deben ser lo suficientemente grandes como para que los usuarios access y usen con precisión, independientemente del tipo de dispositivo o del método de entrada.

La compatibilidad con la entrada táctil (y la naturaleza relativamente imprecisa del área de contacto táctil) requiere una mayor optimización con respecto al tamaño de destino y el diseño del control, ya que el conjunto más grande y complejo de datos de entrada notificados por el digitalizador táctil se usa para determinar el destino previsto (o más probable) del usuario.

Todos los controles para UWP se han diseñado con diseños y tamaños de destino táctiles predeterminados que te permiten crear aplicaciones visualmente equilibradas y atractivas que son cómodas, fáciles de usar e inspiran confianza.

En este tema, se describen estos comportamientos predeterminados para que puedas diseñar la aplicación para una facilidad de uso máxima mediante controles de plataforma y controles personalizados (si la aplicación las necesita).

API importantes: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Tamaño de objetivo

En general, establezca el tamaño del objetivo táctil en un rango cuadrado de 7,5 mm de lado (40 x 40 píxeles en una pantalla de 135 PPI con un escalado de 1,0x). Normalmente, los controles WinUI se alinean con el tamaño objetivo táctil de 7,5 mm (esto puede variar dependiendo del control específico y de cualquier patrón de uso común). Consulte Tamaño y densidad del control para obtener más detalles.

Estas recomendaciones de tamaño de destino se pueden ajustar según sea necesario en su escenario concreto. Aquí hay algunas cosas que debe tener en cuenta:

• Frecuencia de toques: considere hacer objetivos que se presionan repetidamente o con frecuencia más grandes que el tamaño mínimo.
• Consecuencia del error: los destinos que tienen consecuencias graves si se tocan por error deben tener un relleno mayor y colocarse más lejos del borde del área de contenido. Esto es especialmente cierto para los objetivos que se manipulan con frecuencia.
• Posición en el área de contenido.
• Factor de forma y tamaño de pantalla.
• Posición del dedo.
• Visualizaciones táctiles.

Artículos relacionados

• Conceptos básicos de diseño para aplicaciones de Windows
• Tamaños de pantalla y puntos de corte
• Tamaño y densidad del control
• Alineación, margen, relleno

Samples

• Muestra básica de entrada
• Ejemplo de entrada de baja latencia
• ejemplo de modo de interacción Usuario
• ejemplo de objetos visuales Focus

Ejemplos de archivo

• Input: ejemplo de eventos de entrada de usuario XAML
• Input: ejemplo de funcionalidades del dispositivo
• Input: ejemplo de prueba de posicionamiento táctil
• Muestra de XAML de desplazamiento, panorámico y zoom
• Input: Muestra simplificada de tinta

• Input: Muestra de manipulaciones y gestos

• ejemplo de entrada táctil DirectX