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 normal, 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 adecuado?

Para decidirte, intenta responder a estas preguntas:

  • ¿Son difíciles de encontrar objetos específicos? Esto puede suceder 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 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 y 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 da resultados instantáneos en el modo de búsqueda instantánea.

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

  • Exploradores
  • Experiencias (Microsoft Reproductor multimedia de Windows, Galería de fotos de Windows, Windows Internet Explorer)
  • Menú Inicio (para buscar programas y archivos recientes)
  • Panel de control página principal (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 la 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 símbolo del sistema opcional dentro de un cuadro de búsqueda en lugar de una etiqueta. El símbolo del sistema 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 un cuadro de búsqueda instantánea

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

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

El usuario puede borrar el cuadro buscar haciendo clic en "x" al final 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 la "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 de búsqueda.

Instrucciones

Location

  • Para las ventanas de la aplicación, busque Buscar en la esquina superior derecha.
  • Para 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), créela en la parte superior de la ventana.

Mirada

  • Use los gráficos estándar del botón de búsqueda. Hay tres versiones:
    • Símbolo de búsqueda de lupa solo (sin botón al mantener el puntero). Use para la 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 configuraciones 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 el símbolo del sistema 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, breves mensajes textuales ayudan a los usuarios a trabajar con La búsqueda.

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.

  • Asigne 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 resultados en dos segundos. Después de este punto, la búsqueda puede seguir rellenando resultados menos relevantes a lo largo del tiempo, siempre y cuando 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 la búsqueda instantánea deben ser un subconjunto de los resultados de búsqueda normales.
  • Toda la búsqueda se basa en prefijos (sin subcadena ni 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 ajuste de tamaño y espaciado instantáneo 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 de cuadros de búsqueda normales

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

Texto

  • Para la redacción del símbolo del sistema en el cuadro Buscar, haga que sea una instrucción (por ejemplo, Escriba para buscar) o indique el ámbito de la búsqueda (por ejemplo, Buscar imágenes).
  • El texto del mensaje debe ser breve. Una sola palabra o frase corta debe ser suficiente.
  • Use mayúsculas de estilo de frase.
  • No use puntos suspensivos ni puntuación finales.

Documentación

  • Consulte este control como cuadro de búsqueda. Poner en mayúscula 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. Poner en mayúscula la letra inicial de la búsqueda instantánea; no escriba mayúsculas la letra inicial de la búsqueda normal.

Glosario