Lápiz

Nota

Esta guía de diseño se creó para Windows 7 y no se ha actualizado para las versiones más recientes de Windows. Gran parte de las instrucciones todavía se aplican en principio, pero la presentación y los ejemplos no reflejan nuestra guía de diseño actual.

Todas las aplicaciones de Microsoft Windows deben estar habilitadas para lápiz. Y hacerlo es más fácil de lo que piensas.

La entrada del lápiz hace referencia a la forma en que Windows permite interactuar directamente con un equipo mediante un lápiz. Se puede usar un lápiz para apuntar y también para gestos, entrada de texto simple y capturar pensamientos de forma libre en la entrada de lápiz digital.

El lápiz utilizado para la entrada tiene una punta fina y suave que admite punteros precisos, escritura o dibujo en tinta. El lápiz también puede tener un botón de lápiz opcional (que se usa para realizar clics con el botón derecho) y borrador (que se usa para borrar la entrada de lápiz). La mayoría de los lápices admiten el puntero.

figure of a typical pen

Un lápiz típico.

Cuando se usa el lápiz para la escritura a mano, los trazos del usuario se pueden convertir en texto mediante el reconocimiento de escritura a mano. Los trazos se pueden mantener igual que se escribieron, con el reconocimiento realizado en segundo plano para admitir la búsqueda y copia como texto. Estos trazos sin convertir se denominan tinta digital.

screen shot of handwriting on onenote page

Ejemplo de entrada de lápiz.

La mayoría de los programas Windows ya son fáciles de usar en que se puede usar un lápiz en lugar de un mouse, el lápiz funciona sin problemas para las tareas e interacciones más importantes, y el programa responde a los gestos. Un programa se convierte en fácil de escribir a mano cuando ayuda con la entrada de texto manuscrito. Un programa se vuelve habilitado para entrada de lápiz cuando puede controlar la entrada de lápiz directamente, en lugar de requerir que los trazos de lápiz se traduzcan en texto o movimientos equivalentes del mouse. Esto permite a los usuarios escribir, dibujar y agregar comentarios en la entrada de lápiz digital de alta calidad y de flujo libre. La recopilación de tinta es diferente de la recopilación de eventos del mouse, ya que la tinta requiere una mayor resolución y una frecuencia de muestreo más alta, y también puede agregar matices con presión e inclinación. Para obtener información sobre cómo crear programas descriptivos de escritura a mano y habilitados para entrada de lápiz, vea Integración de entrada de lápiz y texto mediante el lápiz.

Al colocar un lápiz, hay menos necesidad de un cursor porque la punta se representa a sí misma. Sin embargo, para obtener ayuda de selección de destino, Windows proporciona un cursor de lápiz pequeño que indica la ubicación actual del lápiz. A diferencia del puntero del mouse que reemplaza, el cursor de lápiz no es necesario a menos que el lápiz esté cerca de la pantalla, por lo que desaparece después de unos segundos de inactividad para permitir una vista sin obstáculos de la información.

La mayoría de los programas que admiten lápiz admiten gestos. Un gesto es un movimiento rápido del lápiz en una pantalla que el equipo interpreta como un comando, en lugar de como un movimiento del mouse, escritura o dibujo. Uno de los gestos más rápidos y fáciles de realizar es un parpadeo. Un parpadeo es un gesto simple que da como resultado la navegación o un comando de edición. Los parpadeos de navegación incluyen arrastrar, arrastrar hacia abajo, retroceder y avanzar, mientras que la edición de parpadeos incluye copiar, pegar, deshacer y eliminar.

Todos los punteros excepto el puntero ocupado tienen un punto activo de un solo píxel que define la ubicación exacta de la pantalla del puntero. La zona activa determina qué objeto se ve afectado por la interacción. Los objetos definen una zona activa, que es el área donde se considera que la zona activa está sobre el objeto. Normalmente, la zona activa coincide con los bordes de un objeto, pero puede ser mayor para facilitar la interacción.

Dado que un lápiz puede apuntar más precisamente que un dedo, si la interfaz de usuario funciona bien para la función táctil, también funcionará bien para un lápiz. Por lo tanto, este artículo se centra principalmente en agregar compatibilidad con lápiz a programas que ya se han diseñado para la función táctil.

Nota: Las directrices relacionadas con el mouse, la accesibilidad y la función táctil se presentan en artículos independientes.

Conceptos de diseño

El uso de un lápiz para la entrada tiene las siguientes características:

  • Natural e intuitivo. Todo el mundo sabe cómo apuntar y pulsar con un lápiz. Las interacciones de objetos están diseñadas para corresponder a cómo interactúan los usuarios con objetos en el mundo real de una manera coherente.
  • Expresivo. Los trazos de un lápiz son fáciles de controlar, haciendo que escribir, dibujar, dibujar, pintar y anotar sea más fácil que hacerlo con un mouse.
  • Más personal. Al igual que una nota o firma manuscrita es más personal que una escrita digitalmente, el uso de una nota o firma manuscrita digitalmente también es más personal.
  • Menos intrusiva. El uso de un lápiz es silencioso y, por lo tanto, es mucho menos distraído que escribir o hacer clic, especialmente en situaciones sociales como reuniones.
  • Portables. Un equipo con una funcionalidad de lápiz puede ser más compacto porque la mayoría de las tareas se pueden completar sin un teclado, un mouse o un panel táctil. Puede ser más flexible porque no requiere una superficie de trabajo. Habilita nuevos lugares y escenarios para usar un equipo.
  • Directo y atractivo. El uso de un lápiz te hace sentir como si estuvieras interactuando directamente con los objetos de la pantalla, mientras que el uso de un mouse o panel táctil siempre requiere que coordinar los movimientos de mano con movimientos de puntero independientes en pantalla que se sienten indirectos por comparación.

Todos los programas Windows deben tener una buena experiencia de lápiz. Los usuarios deben poder realizar las tareas más importantes del programa de forma eficaz con un lápiz. Algunas tareas, como la escritura o la manipulación detallada de píxeles, no son adecuadas para un lápiz, pero al menos deben ser posibles.

Afortunadamente, si su programa ya está bien diseñado y es táctil, proporcionar buena compatibilidad con el lápiz es fácil de hacer. Para ello, un programa bien diseñado:

  • Tiene buena compatibilidad con el mouse. Los controles interactivos tienen prestaciones claras y visibles y tienen estados de desplazamiento para los comentarios del puntero. Los objetos tienen comportamientos estándar para las interacciones estándar del mouse (solo y doble clic con el botón izquierdo, clic con el botón derecho, arrastrar y mantener el puntero). La forma del puntero cambia según corresponda para indicar el tipo de manipulación directa.
  • Tiene buena compatibilidad con el teclado. El programa hace que los usuarios sean eficaces al proporcionar asignaciones de teclas de método abreviado estándar, especialmente para comandos de navegación y edición que también se pueden generar a través de gestos.
  • Tiene controles lo suficientemente grandes para la entrada táctil. Los controles tienen un tamaño mínimo de 23 x 23 píxeles (unidades de diálogo de 13 x 13 [DLUs]) y los controles que se usan con más frecuencia son al menos 40 x 40 píxeles (23 x 22 DTU). Para evitar un comportamiento no responde, no debe haber espacios pequeños entre los elementos de la interfaz de usuario para que los destinos adyacentes estén tocando o tengan al menos 5 píxeles (3 DTU) de espacio entre ellos.
  • Es accesible. Usa Microsoft Active Accessibility (MSAA) para proporcionar acceso mediante programación a la interfaz de usuario para las tecnologías de asistencia. El programa responde adecuadamente a los cambios de las métricas del sistema y del tema.
  • Funciona bien y se ve bien en 120 ppp (puntos por pulgada), que es la resolución de pantalla predeterminada recomendada para equipos habilitados para lápiz.
  • Usa controles comunes. Los controles más comunes están diseñados para admitir una buena experiencia de lápiz. Si es necesario, el programa usa controles personalizados bien implementados diseñados para admitir una manipulación interactiva y fácil de seleccionar.
  • Usa controles restringidos. Cuando está diseñado para un destino sencillo, los controles restringidos, como listas y controles deslizantes, pueden ser mejores que los controles sin restricciones, como los cuadros de texto, ya que reducen la necesidad de entrada de texto.
  • Proporciona los valores predeterminados adecuados. El programa selecciona la opción más segura (para evitar la pérdida de datos o acceso al sistema) y la opción más segura de forma predeterminada. Si la seguridad y la seguridad no son factores, el programa selecciona la opción más probable o conveniente, lo que elimina la interacción innecesaria.
  • Proporciona finalización automática de texto. Proporciona una lista de los valores de entrada más probables o recientes para facilitar mucho la entrada de texto.

Desafortunadamente, el contrario también es cierto si su programa no está bien diseñado, sus deficiencias serán especialmente obvias para los usuarios que usan un lápiz.

Modelo para la interacción del lápiz

Si no tiene experiencia con el uso de un lápiz, la mejor introducción es aprender haciendo. Obtenga un equipo habilitado para el lápiz, deje el mouse y el teclado a un lado, y realice las tareas que normalmente hace con solo un lápiz. Asegúrese de probar ambos programas habilitados para entrada de lápiz, como Windows Diario y programas que no están habilitados para entrada de lápiz. Si tienes un Tablet PC, experimenta con mantenerlo en diferentes posiciones, como en tu vuelta, en una mesa o en los brazos mientras estás de pie. Intente usarlo en orientación vertical y horizontal, y mantenga el lápiz para escribir y solo para apuntar, en la mano izquierda, así como a la derecha.

A medida que experimente con el uso de un lápiz, descubrirá lo siguiente:

  • Los controles pequeños son difíciles de usar. El tamaño de los controles afecta considerablemente a la capacidad de interactuar de forma eficaz. Los controles de 10 x 10 píxeles funcionan razonablemente para un lápiz, pero los controles más grandes son aún más cómodos de usar. Por ejemplo, los controles de número (15 x 11 píxeles) son demasiado pequeños para usar con un lápiz fácilmente.
  • La mano es un factor. La mano a veces cubre las cosas con las que podría querer ver o interactuar. Por ejemplo, para los menús contextuales de los usuarios a la derecha son difíciles de usar si aparecen a la derecha del punto de clic, por lo que es mejor si aparecen a la izquierda. Windows permite a los usuarios indicar su entrega en el tablet PC Configuración elemento del panel de control.
  • La localidad de tareas ayuda. Aunque puedes mover el puntero a través de una pantalla de 14 pulgadas con un movimiento del mouse de 3 pulgadas, el uso de un lápiz requiere que muevas la mano a 14 pulgadas. Mover repetidamente entre destinos que están muy separados puede ser tedioso, por lo que es mucho mejor mantener las interacciones de tareas dentro del intervalo de una mano de reposo siempre que sea posible. Los menús contextuales son cómodos porque no requieren movimiento de mano.
  • La entrada y la selección de texto son difíciles. La entrada de texto larga es especialmente difícil de usar un lápiz, por lo que la finalización automática y los valores de texto predeterminados aceptables pueden simplificar realmente las tareas. La selección de texto también puede ser bastante difícil, por lo que las tareas son más fáciles cuando no requieren una colocación precisa del cursor.
  • Los destinos pequeños cerca del borde de la pantalla pueden ser muy difíciles de pulsar. Algunos biseles de pantalla protrude, y algunas tecnologías de pantalla táctil son menos sensibles en los bordes, lo que hace que los controles cerca del borde sean más difíciles de usar. Por ejemplo, los botones Minimizar, Maximizar/Restaurar y Cerrar de la barra de título pueden ser más difíciles de usar cuando se maximiza una ventana.

Ubicación del control

La localidad de la tarea reduce los movimientos tediosos que se repiten entre pantallas. Para minimizar los movimientos de las manos, busque los controles cerca de dónde se van a usar con mayor probabilidad.

Incorrecto:

screen shot of color palette separated from tools

En este ejemplo de Windows XP, la paleta de colores está demasiado lejos de donde es probable que se use.

Tenga en cuenta que la ubicación actual del usuario es la más cercana que un destino puede ser, lo que hace que sea trivial adquirir. Por lo tanto, los menús contextuales aprovechan al máximo la Ley de Ajuste, al igual que las mini barras de herramientas utilizadas por Microsoft Office.

screen shot of pointers near menus

La ubicación actual del puntero siempre es la más fácil de adquirir.

Los destinos pequeños cerca del borde de la pantalla pueden ser difíciles de dirigirse, por lo que evite colocar controles pequeños cerca de los bordes de la ventana. Para asegurarse de que los controles son fáciles de establecer como destino cuando se maximiza una ventana, puede convertirlos en al menos 23 x 23 píxeles (13 x 13 DTU) o colocarlos fuera del borde de la ventana.

Interacciones de lápiz

Gestos del sistema

Los gestos del sistema se definen y controlan mediante Windows. Como resultado, todos los programas Windows tienen acceso a ellos. Estos gestos tienen mensajes equivalentes de comandos de mouse, teclado y aplicación:

Gesto del sistema Mensaje equivalente sintetizado
Mantener el puntero (cuando se admite)
Mantener el mouse sobre el mouse
Puntee (hacia abajo y hacia arriba)
Haga clic con el botón izquierdo del mouse
Pulsación doble (abajo y arriba dos veces)
Haga doble clic con el ratón con el botón izquierdo.
Mantenga presionado (abajo, pausa, arriba)
Haga clic con el botón derecho del mouse
Arrastrar (abajo, mover, subir)
Arrastrar a la izquierda del mouse
Presionar, mantener presionado y arrastrar (hacia abajo, pausar, mover, subir)
Arrastrar a la derecha del mouse
Seleccionar (hacia abajo, desplazarse por objetos seleccionables, arriba)
Selección del mouse

Desarrolladores: Para obtener más información, vea SystemGesture (enumeración).

Películas

Los parpadeos son gestos simples que son aproximadamente equivalentes a los métodos abreviados de teclado. Los parpadeos de navegación incluyen arrastrar hacia arriba, arrastrar hacia abajo, retroceder y avanzar. Las imágenes de edición incluyen copiar, pegar, deshacer y eliminar. Para usar parpadeos, el programa solo necesita responder a los comandos relacionados de pulsaciones de teclas.

Diagram that shows flick gestures and their default assignments in Windows 7.

Los ocho gestos de movimiento y sus asignaciones predeterminadas en Windows 7. Los parpadeos de navegación se cambiaron para corresponder al movimiento panorámico (donde el objeto se mueve con el gesto) en lugar de desplazarse (donde el objeto se mueve en la dirección opuesta del gesto).

figure of flick gestures such as the move gesture

Los ocho gestos de parpadeo y sus asignaciones predeterminadas en Windows Vista.

Los parpadeos de navegación tienen una asignación natural, por lo que son fáciles de aprender y recordar. Los parpadeos de edición son diagonales que requieren mayor precisión y sus asignaciones no son tan naturales (desplácese hacia la Papelera de reciclaje para eliminar, parpadee en la dirección de flecha Atrás para deshacer), por lo que estos no están habilitados de forma predeterminada. Todas las acciones de parpadeo se pueden personalizar mediante el elemento de panel de control Dispositivos de entrada y lápiz.

Película Mensaje equivalente sintetizado
Parpadear a la izquierda
Comando Forward (Comando Atrás para Windows Vista)
Parpadear a la derecha
Comando Atrás (comando Reenviar para Windows Vista)
Parpadear
Desplazamiento del teclado hacia abajo
Deslizar hacia abajo
Desplazamiento del teclado hacia arriba
Parpadear diagonal izquierda hacia arriba
Eliminación de teclado
Deslizar diagonal hacia abajo a la izquierda
Deshacer teclado
Deslizar diagonal hacia arriba a la derecha
Copia de teclado
Deslizar diagonal hacia abajo a la derecha
Pegado de teclado

Gestos de aplicación

Las aplicaciones también pueden definir y controlar otros gestos. Microsoft Gesture Recognizer puede reconocer más de 40 gestos. Para usar gestos de aplicación, el programa debe definir los gestos que reconoce y, a continuación, controlar los eventos resultantes.

Capacidad de respuesta y coherencia

La capacidad de respuesta es esencial para crear experiencias de lápiz que se sienten directas y atractivas. Para sentir directamente, los gestos deben surtir efecto inmediatamente y los puntos de contacto de un objeto deben permanecer debajo del lápiz sin problemas a lo largo del gesto. Cualquier retraso, respuesta corta, pérdida de contacto o resultados inexactos destruye la percepción de manipulación directa y también de calidad.

La coherencia es esencial para crear experiencias de lápiz que se sienten naturales e intuitivas. Una vez que los usuarios aprenden un gesto estándar, esperan que ese gesto tenga el mismo efecto en todos los programas aplicables. Para evitar confusiones y frustraciones, nunca asigne significados no estándar a gestos estándar. En su lugar, use gestos personalizados para las interacciones exclusivas del programa.

Edición de entrada de lápiz y texto

La edición de entrada de lápiz y texto se encuentran entre las interacciones más difíciles al usar un lápiz. El uso de controles restringidos, los valores predeterminados adecuados y la finalización automática elimina o reduce la necesidad de escribir texto. Pero si el programa implica editar texto o entrada de lápiz, puede hacer que los usuarios sean más productivos al ampliar automáticamente la interfaz de usuario de entrada hasta un 150 por ciento de forma predeterminada cuando se usa un lápiz.

Por ejemplo, un programa de correo electrónico podría mostrar la interfaz de usuario con un tamaño normal, pero acercar la interfaz de usuario de entrada al 150 por ciento para redactar mensajes.

screen shot of outlook message in large font

En este ejemplo, la interfaz de usuario de entrada se acerca al 150 %.

Si haces sólo cuatro cosas...

    1. ¡Haz que tus programas de Windows tengan una buena experiencia de lápiz! Los usuarios deben ser capaces de realizar las tareas más importantes del programa de forma eficaz con un lápiz (al menos esas tareas que no implican una gran cantidad de escritura o manipulación detallada de píxeles).
    1. Considere la posibilidad de agregar compatibilidad para escribir, dibujar y agregar comentarios directamente mediante la entrada de lápiz en los escenarios más relevantes.
    1. Para crear una experiencia directa y atractiva, hacer que los gestos surtan efecto inmediatamente, mantenga los puntos de contacto bajo el lápiz del usuario sin problemas a lo largo del gesto y tenga el efecto del mapa de gestos directamente al movimiento del usuario.
    1. Para crear una experiencia natural e intuitiva, admita los gestos estándar adecuados y asígneles sus significados estándar. Use gestos personalizados para las interacciones exclusivas del programa.

Directrices

Control del uso

  • Prefiere usar controles comunes. Los controles más comunes están diseñados para admitir una buena experiencia de lápiz.
  • Preferir controles restringidos. Use controles restringidos como listas y controles deslizantes siempre que sea posible, en lugar de controles sin restricciones, como cuadros de texto, para reducir la necesidad de entrada de texto.
  • Proporcione los valores predeterminados adecuados. Seleccione la opción más segura (para evitar la pérdida de datos o acceso al sistema) y la opción más segura de forma predeterminada. Si la seguridad y la seguridad no son factores, seleccione la opción más probable o conveniente, lo que elimina la interacción innecesaria.
  • Proporcione finalización automática de texto. Proporcione una lista de los valores de entrada más probables o recientes para facilitar mucho la entrada de texto.
  • Para tareas importantes que usan varias selecciones, si se usa normalmente una lista de selección múltiple estándar, proporcione una opción para usar una lista de casillas en su lugar.
  • Respeta las métricas del sistema. Usar métricas del sistema para todos los tamaños no tienen tamaños de cable físico. Si es necesario, los usuarios pueden cambiar las métricas del sistema o ppp para adaptarse a sus necesidades. Sin embargo, trata esto como último recurso porque los usuarios normalmente no deben tener que ajustar la configuración del sistema para que la interfaz de usuario se pueda usar.

screen shot of menus with normal and large sizing

En este ejemplo, se cambió la métrica del sistema para el alto del menú.

Ajuste de tamaño, diseño y espaciado de controles

  • Para los controles comunes, use los tamaños de control recomendados. Son lo suficientemente grandes como para una buena experiencia de lápiz, excepto para los controles de número (que no se pueden usar con un lápiz, pero son redundantes).
  • Elija un diseño que coloque los controles cerca de donde probablemente se van a usar. Mantenga las interacciones de tareas dentro de un área pequeña siempre que sea posible. Evite movimientos de mano de larga distancia, especialmente para tareas comunes y para arrastres.
  • Use el espaciado recomendado. El espaciado recomendado es fácil de usar.
  • Los controles interactivos deben tocar o preferiblemente tener al menos 5 píxeles (3 DTU) de espacio entre ellos. Esto evita confusiones cuando los usuarios pulsan fuera del destino previsto.
  • Considere la posibilidad de agregar más que el espaciado vertical recomendado dentro de grupos de controles, como vínculos de comandos, casillas de verificación y botones de radio, así como entre los grupos. Hacerlo facilita la diferenciación.

Interacción

  • Para los programas diseñados para aceptar escritura a mano, habilite la entrada manuscrita predeterminada. La entrada manuscrita predeterminada permite a los usuarios escribir con solo empezar a escribir, sin tener que pulsar, dar un comando ni hacer nada especial. Esto permite la experiencia más natural con un lápiz. Para los programas que no están diseñados para aceptar escritura a mano, controle la entrada de lápiz en cuadros de texto como selección.
  • Permitir a los usuarios ampliar la interfaz de usuario de contenido si el programa tiene tareas que requieren edición de texto. Considere la posibilidad de acercar automáticamente al 150 % cuando se usa un lápiz.
  • Dado que los gestos se memorizan, asígneles significados coherentes en todos los programas. No proporcione significados diferentes a los gestos con semántica fija. En su lugar, use un gesto específico del programa adecuado.

Imparcialidad

  • Si una ventana es contextual, mostrarla siempre cerca del objeto desde el que se inició. Colóquelo fuera del camino para que el objeto de origen no esté cubierto por la ventana.

    • Si se muestra con el mouse, cuando sea posible, coloque el desplazamiento de la ventana contextual hacia abajo y hacia la derecha.

      figure of contextual window placed right of object

      Mostrar ventanas contextuales cerca del objeto desde el que se inició.

    • Si se muestra con un lápiz, cuando sea posible, coloque la ventana contextual para que no esté cubierta por la mano del usuario. Para los usuarios a la derecha, se muestra a la izquierda; de lo contrario, se muestra a la derecha.

      figure of contextual window placed left of object

      Cuando se usa un lápiz, también se muestran ventanas contextuales para que no estén cubiertos por la mano del usuario.

  • Desarrolladores: Puede distinguir entre eventos de mouse y eventos de lápiz mediante la API GetMessageExtraInfo . Puede determinar la entrega del usuario mediante la API SystemParametersInfo con SPI_GETMENUDROPALIGNMENT.

Perdón

  • Proporcione un comando deshacer. Idealmente, debe proporcionar deshacer para todos los comandos, pero el programa puede tener algunos comandos cuyo efecto no se puede deshacer.
  • Proporcione buenos comentarios sobre el mouse. Indique claramente cuándo el lápiz está sobre un destino en el que se puede hacer clic. Estos comentarios son una excelente manera de evitar la manipulación accidental.
  • Siempre que sea práctico, proporcione buenos comentarios sobre la pluma, pero no realice acciones hasta un movimiento o un lápiz hacia arriba. Al hacerlo, los usuarios pueden corregir los errores antes de cometerlos.
  • Siempre que sea práctico, permita a los usuarios corregir fácilmente los errores. Si una acción surte efecto en el lápiz, permita a los usuarios corregir errores deslizando mientras el lápiz aún está inactivo.

Documentación

Al hacer referencia a la entrada del lápiz:

  • Consulte un dispositivo de entrada de lápiz en forma de lápiz como lápiz. En la primera mención, use lápiz para tabletas.
  • Consulte el botón en el lado de un lápiz como el botón de lápiz, no el botón de barril.
  • Haga referencia genéricamente al teclado, el mouse, el trackball, el lápiz o el dedo como un dispositivo de entrada.
  • Use pulsación (y doble pulsación) en lugar de hacer clic al documentar procedimientos específicos para usar un lápiz. Pulsar significa presionar la pantalla y, a continuación, levantar antes de un tiempo de suspensión. Puede que se use o no para generar un clic del mouse. En el caso de las interacciones que no implican el lápiz, siga usando el clic.