Barra de búsqueda Sistema de diseño

Comience su búsqueda con un alcance y una respuesta claros.

7 comprobaciones · 3 grupos de contenido

Contenido de la lista

Progreso de la revisión

Estructura y significado

Comparar información y presentación en contexto de uso.

Etiquetar el rango de búsquedaIndica si está buscando en todo el producto o en la lista actual.Los marcadores de posición pueden sugerir ejemplos pero no reemplazan las etiquetas de acceso.Ejemplo “Buscar en documentos” con el ejemplo “Nombre o contenido del documento”.Sigue ingresando y eliminando convenientementePermitir la edición de consultas, la eliminación rápida y el uso adecuado del teclado.El botón de eliminar debe tener un nombre y no perder el foco; Después de la eliminación, el alcance de la búsqueda aún debe estar claro.Acordar cómo empezar a buscarAdmite Enter o actualizaciones a medida que ingresa con un estado predecible.Si hay un botón de enviar, la respuesta ha recibido la operación y evita crear solicitudes duplicadas durante el tiempo de espera.

Interacción y usabilidad

Pruebe la operación, cambie el estado y continúe trabajando.

Consejos controlablesSi correspondeSi hay sugerencias, soporte las flechas, Entrar, Escapar y diferenciar con resultados.La pista debe indicar si la selección irá directamente al contenido o en lugar de una consulta; Pruebe las teclas Escape y de flecha.Mantenga la historia bajo controlSi correspondeSi guarda una búsqueda anterior, elimínela y explique el alcance del guardado.Elimine consultas individuales o el historial completo cuando corresponda y no permita que los usuarios confundan el historial personal con sugerencias generales.Respuesta cargada y no encontradaMantener palabras clave, notificar la cantidad de resultados e instrucciones cuando no haya resultados.Mantenga palabras clave con los resultados que está viendo; Cuando la red falla, los usuarios deben saber que pueden volver a intentarlo sin tener que volver a ingresar.

Completa la experiencia

Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.

Coloque la búsqueda donde se ajuste a la tarea.Haga que el campo de búsqueda sea fácil de encontrar cuando la búsqueda sea la tarea principal, o proporcione una forma clara de abrirlo cuando sea secundaria. Mantenga su posición constante en todas las pantallas relacionadas.Intente iniciar su búsqueda desde una página profunda de su teléfono, no solo desde la primera pantalla.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Etiquetar el rango de búsqueda

Los marcadores de posición pueden sugerir ejemplos pero no reemplazan las etiquetas de acceso.

EJEMPLOS

Ejemplos de uso

Etiquetar el rango de búsqueda

“Buscar en documentos” con el ejemplo “Nombre o contenido del documento”.

Barra de búsqueda Sistema de diseño

Estructura y significado

Interacción y usabilidad

Completa la experiencia

Cómo revisar

Etiquetar el rango de búsqueda

Ejemplos de uso

Etiquetar el rango de búsqueda

Buscar una lista

No se encontraron listas