Compartir a través de


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 mouse.

figura de un lápiz típico

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 la copia como texto. Estos trazos sin convertir se denominan tinta digital.

captura de pantalla de escritura a mano en una página de onenote

Ejemplo de entrada de lápiz.

La mayoría de los programas de Windows ya son compatibles con el lápiz 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 habilita con 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 el 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 y habilitados para 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 destino, Windows proporciona un pequeño cursor de lápiz que indica la ubicación actual del lápiz. A diferencia del puntero del mouse que reemplaza, el cursor del 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 no supervisada de la información.

La mayoría de los programas compatibles con el 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 sencillo que da como resultado la navegación o un comando de edición. Los parpadeos de navegación incluyen arrastrar hacia arriba, 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 único punto activo de píxeles 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 en la que 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 entrada 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 los objetos del 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 manuscrita o firma es más personal que una escrita, el uso de una nota o firma manuscrita digitalmente también es más personal.
  • Menos intrusivo. El uso de un lápiz es silencioso y, por lo tanto, 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 que interactúas directamente con los objetos de la pantalla, mientras que el uso de un mouse o un 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 de Windows deben tener una buena experiencia de lápiz. Los usuarios deben poder realizar las tareas más importantes del programa de forma eficaz mediante un lápiz. Algunas tareas, como la escritura o la manipulación detallada de píxeles, no son adecuadas para un lápiz, pero deben ser al menos posibles.

Afortunadamente, si su programa ya está bien diseñado y es táctil, proporcionar buena compatibilidad con 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 puntero para los comentarios del puntero. Los objetos tienen comportamientos estándar para las interacciones estándar del mouse (solo y doble clic izquierdo, clic 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 proporcionando 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 como para tocar. Los controles tienen un tamaño mínimo de 23 x 23 píxeles (unidades de diálogo de 13 x 13 [DTU]) y los controles más usados 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 tema y métrica del sistema.
  • 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 la manipulación interactiva y el destino fácil.
  • 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 lápiz, alegue el mouse y el teclado, y haga las tareas que normalmente usa solo un lápiz. Asegúrese de probar ambos programas habilitados para entrada de lápiz, como Windows Journal y programas que no están habilitados para la entrada de lápiz. Si tienes un tablet PC, experimenta con mantenerla en diferentes posiciones, como en tu vuelta, lying flat on a table, or in your arms while you're standing. 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 que son 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 entrega es un factor. A veces, la mano cubre las cosas con las que podría querer ver o interactuar. Por ejemplo, para los menús contextuales de los usuarios con 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 elemento del panel de control Configuración del pc tableta.
  • 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 completas. 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 descansada 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 mediante 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 selección precisa del cursor.
  • Los objetivos pequeños cerca del borde de la pantalla pueden ser muy difíciles de pulsar. Algunos biseles de pantalla protruyn 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 o Restaurar y Cerrar de la barra de título pueden ser más difíciles de usar cuando se maximiza una ventana.

Ubicación de control

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

Incorrecto:

captura de pantalla de la paleta de colores separada de herramientas

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 puede ser un destino, lo que hace que sea trivial adquirirlo. Por lo tanto, los menús contextuales aprovechan al máximo la Ley de ajuste, al igual que las mini barras de herramientas usadas por Microsoft Office.

captura de pantalla de punteros cerca de menús

La ubicación del puntero actual 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, haga que sean de al menos 23 x 23 píxeles (13 x 13 DLL) o colóquelos fuera del borde de la ventana.

Interacciones de lápiz

Gestos del sistema

Windows define y controla los gestos del sistema. Como resultado, todos los programas de 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)
Clic izquierdo del mouse
Pulsación doble (abajo y arriba dos veces)
Doble clic izquierdo del mouse
Mantenga presionado (abajo, pausa, arriba)
Haga clic con el botón derecho del mouse
Arrastrar (bajar, mover, subir)
Arrastrar a la izquierda del mouse
Presione, mantenga presionado y arrastre (hacia abajo, pausa, mueva, hacia arriba)
Arrastrar a la derecha del mouse
Seleccionar (hacia abajo, desplazarse por objetos seleccionables, hacia 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. Los parpadeos 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.

Diagrama que muestra gestos de parpadeo y sus asignaciones predeterminadas en Windows 7.

Los ocho gestos de parpadeo y sus asignaciones predeterminadas en Windows 7. Los parpadeos de navegación se cambiaron para que se correspondan con el 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).

figura de gestos de parpadeo, como el gesto de movimiento

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 más precisión y sus asignaciones no son tan naturales (parpadear hacia la Papelera de reciclaje para eliminar, parpadear en la dirección de la flecha Atrás para deshacer), por lo que estas no están habilitadas de forma predeterminada. Todas las acciones de parpadeo se pueden personalizar mediante el elemento del panel de control Dispositivos de entrada y lápiz.

Película Mensaje equivalente sintetizado
Parpadear a la izquierda
Comando Reenviar (comando Atrás para Windows Vista)
Parpadear a la derecha
Comando Atrás (comando Reenviar para Windows Vista)
Parpadear
Desplazamiento del teclado hacia abajo
Parpadear
Desplazamiento del teclado hacia arriba
Parpadear diagonal izquierda hacia arriba
Eliminación de teclado
Deslizar diagonal izquierda hacia abajo
Deshacer teclado
Parpadear diagonal derecha hacia arriba
Copia del teclado
Deslizar diagonal derecha hacia abajo
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 sentirse directo, 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 picada, 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 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 eliminan o reducen 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 acercar automáticamente la interfaz de usuario de entrada hasta el 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.

captura de pantalla del mensaje de Outlook en una fuente grande

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

Si sólo haces cuatro cosas...

    1. ¡Haz que tus programas de Windows tengan una buena experiencia de lápiz! Los usuarios deben poder realizar las tareas más importantes del programa de forma eficaz mediante un lápiz (al menos aquellas 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 debajo del 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 interacciones exclusivas del programa.

Instrucciones

Control del uso

  • Prefiere usar controles comunes. Los controles más comunes están diseñados para admitir una buena experiencia de lápiz.
  • Prefiere 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 la finalización automática del 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 normalmente se usa 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. Use métricas del sistema para todos los tamaños que no sean tamaños de cable físico. Si es necesario, los usuarios pueden cambiar las métricas del sistema o ppp para satisfacer sus necesidades. Sin embargo, trate 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.

captura de pantalla de menús con tamaño normal y grande

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

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

  • 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 dónde se van a usar con mayor probabilidad. 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 descriptivo para lápiz.
  • Los controles interactivos deben estar tocando o preferiblemente tienen al menos 5 píxeles (3 DLL) de espacio entre ellos. Al hacerlo, se evita la confusión 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 hace que sean más fáciles de diferenciar.

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 introducir la entrada manuscrita empezando a escribir, sin tener que pulsar, dar un comando o hacer algo 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 del lápiz en los cuadros de texto como selección.
  • Permitir a los usuarios acercar 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 por ciento cuando se usa un lápiz.
  • Dado que los gestos se memorizan, asígneles significados coherentes entre programas. No asigne 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.

      figura de la ventana contextual situada a la derecha del objeto

      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 con la derecha, se muestran a la izquierda; de lo contrario, se muestra a la derecha.

      figura de la ventana contextual situada a la izquierda del objeto

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

  • Desarrolladores: Puede distinguir entre los eventos del mouse y los 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 comentarios correctos sobre el mouse. Indique claramente cuándo el lápiz está sobre un destino 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 hacia abajo, pero no realice acciones hasta un movimiento o lápiz hacia arriba. Al hacerlo, los usuarios pueden corregir errores antes de cometerlos.
  • Siempre que sea práctico, permita a los usuarios corregir errores fácilmente. Si una acción surte efecto en el lápiz, permita a los usuarios corregir errores deslizando mientras el lápiz sigue 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 el lápiz de tableta.
  • Consulte el botón del lado de un lápiz como el botón de lápiz, no el botón de barril.
  • Consulte genéricamente el 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 espera. Puede que se use o no para generar un clic del mouse. Para las interacciones que no implican el lápiz, siga usando el clic.