Compartir a través de


Cuadros de búsqueda

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 .

Con un cuadro de búsqueda, los usuarios pueden localizar rápidamente objetos o texto específicos dentro de un gran conjunto de datos filtrando o resaltando coincidencias. No hay ningún control de búsqueda estándar, pero debe esforzarse por hacer que las características de búsqueda del programa sean coherentes con las de Windows.

Hay dos tipos de búsquedas:

  • búsqueda instantánea, donde los resultados se muestran inmediatamente como los tipos de usuario. No es necesario hacer clic en ningún botón, por lo que el símbolo de búsqueda de lupa se muestra como un gráfico, no un botón.

    Captura de pantalla que muestra un cuadro de búsqueda instantáneo con una llamada

    Un cuadro de búsqueda típico con búsqueda instantánea. La búsqueda se ejecuta automáticamente en cada pulsación de tecla.

  • búsqueda regular, donde se realiza una búsqueda cuando el usuario hace clic en el botón de búsqueda. El símbolo de búsqueda de lupa se muestra en un botón.

    captura de pantalla de un cuadro de búsqueda normal

    Un cuadro de búsqueda típico mediante la búsqueda normal. Los usuarios hacen clic en un botón para realizar la búsqueda.

    Puede proporcionar o ambos tipos de opciones de búsqueda para los usuarios.

¿Es este el control correcto?

Para decidirlo, tenga en cuenta estas preguntas:

  • ¿Son difíciles de encontrar objetos específicos? Esto puede ocurrir cuando:
    • Hay muchos objetos.
    • Los objetos no se encuentran en una sola ubicación. La búsqueda es especialmente útil para buscar objetos en árboles.
    • Los datos de búsqueda son difíciles de encontrar (por ejemplo, metadatos).
  • ¿Los usuarios necesitan encontrar texto específico dentro de los documentos?
  • ¿Devuelve la característica los resultados de búsqueda pertinentes en un plazo de cinco segundos? Si no es así, puede proporcionar una característica de búsqueda, pero usar un diseño alternativo que proporcione comentarios visibles para dar cabida a búsquedas de larga duración, como un cuadro de diálogo de búsqueda.

Conceptos de diseño

La búsqueda es un primer paso fundamental en muchos escenarios: los usuarios deben encontrar objetos para poder usarlos. Los usuarios guardan más objetos en discos duros cada vez más grandes, pero la exploración de objetos no se escala bien. La búsqueda debe ser una parte sencilla, coherente y confiable de la experiencia del usuario.

Cuadros de búsqueda en Windows:

  • Forman parte de todas las ventanas del Explorador, por lo que son fáciles de encontrar y reconocer.
  • Tener una apariencia y un comportamiento coherentes.
  • Son eficaces y rápidos, lo que proporciona resultados instantáneos en modo de búsqueda instantánea.

En estos lugares se usa un cuadro de búsqueda en Windows:

  • Exploradores
  • Experiencias (Reproductor de Microsoft Windows Media, Galería de fotos de Windows, Windows Internet Explorer)
  • Menú Inicio (para buscar programas y archivos recientes)
  • Página principal del Panel de control (para buscar tareas y elementos del panel de control)
  • Ayuda (para buscar temas de Ayuda relevantes)

Aspecto y sensación

La sensación de búsqueda en Windows se mejora significativamente al admitir la búsqueda instantánea. Tener resultados instantáneos hace que Windows se sienta más eficaz y directo.

En el Explorador de Windows y las ventanas de aplicación, Search se encuentra en la esquina superior derecha si es un punto de entrada complementario. En este caso, los usuarios buscan un mecanismo de búsqueda cuando no encuentran lo que buscan en la ventana. Sin embargo, si Search es el punto de entrada principal, se centra en la parte superior de la ventana.

El botón Buscar está conectado visualmente a un cuadro de búsqueda. Para minimizar el espacio, se usa un de solicitud opcional dentro de un cuadro de búsqueda en lugar de una etiqueta. El mensaje puede ser una instrucción (por ejemplo, Escribir para buscar) o indicar el ámbito de la búsqueda (por ejemplo, Buscar imágenes).

captura de pantalla de de un cuadro de búsqueda instantáneo

Sin etiquetas y botones independientes, la búsqueda instantánea en Windows tiene un aspecto ligero.

Al realizar una búsqueda correcta, se crea una página virtual de los resultados de búsqueda y se agrega a la pila Atrás y la barra de direcciones. Los usuarios tienen varias maneras de restaurar la página original y borrar un cuadro de búsqueda, incluido hacer clic en Atrás, hacer clic en la página original en la barra de direcciones, presionar Esc o borrar el cuadro de búsqueda.

Los usuarios también pueden borrar simplemente el cuadro de búsqueda sin restaurar una página anterior de resultados. En el modo de búsqueda instantánea, aparece un botón borrar después de que el usuario empiece a escribir; un "x" reemplaza el símbolo de búsqueda de lupa. Al mantener el puntero, "x" obtiene un aspecto de botón y se puede hacer clic en él.

captura de pantalla de un cuadro de búsqueda con un icono

El usuario puede borrar el cuadro Buscar haciendo clic en "x" en el extremo derecho del control.

En el modo de búsqueda normal, el botón borrar es opcional. Los usuarios pueden resultar útiles, por ejemplo, si una búsqueda tarda mucho tiempo en completarse. Los usuarios pueden hacer clic en "x" para detener la búsqueda en curso. Si ya se ha completado una búsqueda, los usuarios pueden hacer clic en "x" para borrar el cuadro buscar.

Directrices

Ubicación

  • En el caso de las ventanas de aplicación, busque Buscar en la esquina superior derecha.
  • En el caso de las ventanas emergentes, busque Buscar donde sea más razonable y conveniente.
  • Excepción: Si la búsqueda suele ser lo primero que hacen los usuarios en una ventana (el punto de entrada principal), centrarlo en la parte superior de la ventana.

Mirar

  • Use los gráficos estándar del botón de búsqueda. Hay tres versiones:
    • Solo símbolo de búsqueda de lupa (sin botón al mantener el puntero). Use para búsqueda instantánea.
    • Símbolo de búsqueda de lupa con botón. Use cuando sea necesario hacer clic en el botón para iniciar la búsqueda.
    • Símbolo de búsqueda de lupa con botón y flecha desplegable. Agregue una flecha desplegable cuando los usuarios puedan cambiar el ámbito o cuando otras opciones de configuración estén disponibles.
      • En Búsqueda instantánea, use solo una flecha desplegable y muestre un botón al mantener el puntero.
      • Para la búsqueda normal, muestre la flecha desplegable en un botón.

figura de cuadros de búsqueda instantáneos en diferentes estados

Especificaciones visuales para búsqueda instantánea.

figura de cuadros de búsqueda normales en diferentes estados

Especificaciones visuales para la búsqueda normal.

  • No use una etiqueta; use en su lugar un símbolo del sistema opcional. Si los usuarios tienden a suponer que la búsqueda es una búsqueda de archivos genéricos, use la solicitud para proporcionar el ámbito. De lo contrario, use Type para buscar o una frase concisa similar.

    captura de pantalla del símbolo del sistema

    captura de pantalla del mensaje

    En estos ejemplos, los mensajes textuales breves ayudan a los usuarios a trabajar con Search.

Interacción

  • En el foco de entrada, seleccione automáticamente cualquier texto escrito anteriormente. Al hacerlo, los usuarios pueden escribir una nueva búsqueda escribiendo o modificando la búsqueda anterior colocando el símbolo de intercalación mediante las teclas de dirección.

    captura de pantalla del cuadro de búsqueda con texto resaltado

    En este ejemplo, se selecciona texto escrito previamente en el foco de entrada.

  • Asignar el método abreviado de teclado para que el cuadro de búsqueda sea Ctrl+E.

Funcionalidad

  • Admita la búsqueda instantánea siempre que sea posible. Proporcione búsquedas regulares e instantáneas si hay escenarios en los que la búsqueda normal vale la pena el tiempo de espera adicional.
  • Las búsquedas regulares deben devolver resultados relevantes en un plazo de cinco segundos y la búsqueda instantánea debe devolver los resultados en un plazo de dos segundos. Después de este punto, la búsqueda puede seguir rellenando resultados menos relevantes a lo largo del tiempo, siempre que el programa tenga capacidad de respuesta y los usuarios puedan realizar otras tareas. Es posible que tenga que indexar los datos de búsqueda para garantizar esta capacidad de respuesta.
  • Si proporciona modos de búsqueda normales y instantáneos, los resultados de búsqueda instantánea deben ser un subconjunto de los resultados de búsqueda normales.
  • Todas las búsquedas se basan en prefijos (sin subcadena o búsqueda de sufijos). El uso de caracteres comodín finales es opcional y no afecta a los resultados. Si se escriben varias palabras, use LA BÚSQUEDA OR.
  • Una búsqueda correcta agrega una página virtual con los resultados de búsqueda a la pila Atrás y la barra de direcciones. Varias búsquedas dan como resultado una sola página virtual, por lo que al hacer clic en Atrás siempre se devuelve la página original.
  • Si es necesario para la escala, clasifique los resultados de búsqueda por relevancia.
  • Una búsqueda en blanco devuelve la página original.

figura de tamaño y espaciado instantáneos del cuadro de búsqueda

Ajuste de tamaño y espaciado recomendados para la búsqueda instantánea.

figura de ajuste de tamaño y espaciado normal del cuadro de búsqueda

Ajuste de tamaño y espaciado recomendados para la búsqueda normal.

Mensaje de texto

  • Para la redacción del símbolo del sistema en el cuadro Buscar, puede convertirlo en una instrucción (por ejemplo, Escribir para buscar) o indicar el ámbito de la búsqueda (por ejemplo, Buscar imágenes).
  • El texto del mensaje debe ser breve. Basta con una sola palabra o frase corta.
  • Use mayúsculas de estilo de frase.
  • No uses puntuación final ni puntos suspensivos.

Documentación

  • Consulte este control como cuadro de búsqueda. Capitalice la letra inicial de la primera palabra; no escriba mayúsculas la letra inicial del cuadro.
  • Consulte los dos tipos de búsqueda como Búsqueda instantánea y búsqueda normal. Capitalice la letra inicial de búsqueda instantánea; no escriba mayúsculas la letra inicial de la búsqueda normal.

glosario de