Comparar información y presentación en contexto de uso.
02
Interacción y usabilidad
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
01
Consultar anotaciones sin utilizar el ratón
Vaya al icono usando el teclado y pruebe en la pantalla táctil. Los subtítulos deben poder abrirse de la manera adecuada; La información necesaria para la decisión debe aparecer directamente en la interfaz.
EJEMPLOS
Ejemplos de uso
Interpretación de un índice
El ícono al lado de “Porcentaje de finalización” abre una breve explicación al enfocar; La etiqueta del índice y el valor permanecen legibles cuando se cierra el título.
Abra con el cursor y enfoque cuando sea apropiado; La información esencial debe ser visible inmediatamente en lugar de estar oculta en una información sobre herramientas.
Intente utilizar sólo el teclado y sólo el tacto; Todavía conocemos el significado de la acción.
Ejemplo Botón de icono con nombre de usuario; La información sobre herramientas agrega accesos directos pero no cambia el nombre.
Más informaciónExplica la acción sin ocultar el contenido.
Información adicional
La información sobre herramientas explica brevemente un detalle, evitando repetir etiquetas o contener tareas complejas.
Lea la etiqueta y luego la información sobre herramientas; el suplemento debe responder a lo que el usuario aún no sabe.
Ejemplo La información sobre herramientas de datos indica la fecha de actualización en lugar de repetir "Ingresos".
Más informaciónExplica la acción sin ocultar el contenido.Explica la acción sin ocultar el contenido.
Ancho para leer
Limite el ancho para que coincida con el largo, dando saltos de línea sin convertir la información sobre herramientas en una columna demasiado estrecha.
Pruebe traducciones largas y pantallas pequeñas; La información sobre herramientas no se desborda horizontalmente.
Ejemplo Una oración de instrucción puede tener hasta dos líneas en un marco compacto.
Más informaciónExplica la acción sin ocultar el contenido.Explica la acción sin ocultar el contenido.
Posición relativa al objeto
Mantenga la información sobre herramientas cerca de la parte que se explica, cambie de dirección cuando llegue al borde y no cubra lo que debe leerse.
Icono de enfoque cerca del borde de la ventana; La pista permanece completamente dentro del campo de visión.
Ejemplo La información sobre herramientas en el borde derecho se mueve hacia la izquierda del botón.
Más informaciónInformaciónInformaciónMás información
Caso adecuado
Utilice la información sobre herramientas para obtener ayuda adicional; Los errores, las solicitudes de entrada y las advertencias importantes requieren otro espacio de visualización.
Desactivar información sobre herramientas; Los usuarios aún pueden completar la tarea sin perder las condiciones requeridas.
Ejemplo La solicitud de contraseña aparece debajo del cuadro de entrada, el acceso directo al botón puede estar en la información sobre herramientas.
Información
Activar notificacionesMás informaciónExplica la acción sin ocultar el contenido.