web-development-kb-es.site

Patrón para navegar escribiendo texto en un campo de texto

Estoy trabajando en una aplicación que tiene una interfaz de usuario muy densa con muchos elementos de menú.

¿Existe un patrón de interfaz de usuario para navegar a diferentes pantallas escribiendo texto en un campo de texto?

Text Field for Navigation

El foco del teclado está en este campo de elección. El usuario puede escribir ciertos comandos (generalmente pocas letras) para abrir diferentes módulos o incluso navegar en ciertos conjuntos de datos.

4
Vineet Bhatia

No es realmente un patrón de interfaz de usuario per se, pero Gmail y Google Reader básicamente estandarizaron este comportamiento en aplicaciones web, y he intentado seguirlo desde entonces:

  • No hay campo de entrada específicamente; solo haga que la aplicación responda a las pulsaciones de teclas en todo momento (excepto cuando se enfoca en un campo de entrada)
  • Tipo ? (shift + /) para abrir una superposición de atajos de teclado en cualquier lugar de la aplicación.
  • j & k para avanzar y retroceder en contexto, como correos electrónicos o elementos RSS
  • Secuencias: por ejemplo, escribir "g" seguido de "i" en Gmail "va" a su "bandeja de entrada"
  • Asigne tantos atajos de teclado como sea posible a las teclas correspondientes a la acción, lo que debería ayudar a recordar. "c" en Gmail es para "componer". Excepciones a esta regla: otras convenciones primordiales, como las teclas j/k mencionadas anteriormente.

La función de "secuencia" le permite responder a las pulsaciones de teclas individuales sin requerir que los usuarios escriban palabras, y (en teoría) le ofrece combinaciones ilimitadas de pulsación de teclas, ya que tiene una docena de opciones por tecla en la secuencia. Debería poder implementar la mayoría de los comandos que desee dentro de esta arquitectura.

Realmente me gusta cómo Google implementó esto; es una lástima que realmente no lo extrapolaran en patrones de diseño en alguna parte (a menos que lo hicieran y lo perdí). Sería bueno ver que más aplicaciones siguen la tendencia que establecieron.

4
Rahul

No sé si hay un nombre para el patrón, pero hay una gran implementación en Mac OS X.

Si vas a Help | Search o usar atajo Command+Shift+/ (Comando +?) Puede comenzar a escribir el nombre de un elemento del menú y seleccionar ese elemento.

Screenshot of Mac OS X's help shortcut interface

Al presionar Intro en este punto, se activaría el comando Recargar página.

2
Patrick McElhaney

No entiendo por qué el patrón tradicional de "pulsar Alt y luego una secuencia de teclas" no funciona. (N.B .: "toque"!)

p.ej. "Alt-FX" (es decir, F . Ile - E . Xit ) para cerrar (la mayoría) de las aplicaciones en Windows.

La solución OS X es interesante y relativamente útil hasta que llegue al punto en el que tiene que escribir demasiados caracteres para llegar a un punto discriminatorio (por ejemplo, "Buscar" frente a "Buscar en archivos")

También, por favor, no los llamemos "acordes", a pesar de cualquier propuesta equivocada que hayan presentado los reyes en guerra de la usabilidad fallida (Google, MS y muchos otros). Llamémoslos "secuencias". Cualquiera que toque un instrumento musical capaz de acordes le dirá qué es un "acorde" antónimo de lo que estamos tratando de describir. "Ctrl + Alt + Supr" o "Ctrl + B" son acordes . "g, i" es una secuencia .

TY Dan para el enlace de video de MS. No puedo esperar para verlo! Si hubiera un sitio con videos que explicaran cada otra decisión tonta que toman, probablemente estaría en eso el resto de mi vida. Cambiar la presentación es una cosa, pero aclarar las asociaciones mnemotécnicas que muchas personas han pasado los últimos 20 años aprendiendo en la típica y aparentemente arbitraria moda de la EM es un asesino de la productividad (e inductor de frustración), y no puedo esperar para ¡Escúchalos tratar de racionalizarlo! <- hablando como el "usuario avanzado" ("impotente", más bien) que tiene que sufrir porque las métricas de uso de MS muestran "... 99% de los usuarios usan 'Función A', así que eliminemos las funciones 'B a través de D 'para que podamos hacer que todos los iconos sean un 300% más grandes ". (... también hablando como el orgulloso propietario de copias sin abrir de Office Pro 2007 y 2010.)

0
powerless user