Wie zeige ich den Tooltip beim Erstellen von Anleitungen an??

1. Wie geben Sie einen Tooltip an??
2. Funktionieren Tooltips auf Mobilgeräten??
3. Benötigen Schaltflächen Tooltips??
4. Was ist eine Tooltip-Benutzeroberfläche??
5. Wie groß sollte ein Tooltip sein??
6. Was ist ein Tooltip im HTML-Code??
7. Wie erhalten Sie einen Tooltip, um auf Mobilgeräten zu arbeiten??
8. Wie finde ich Tooltips auf meinem Telefon??
9. Funktioniert der Hover-Effekt auf Mobilgeräten??
10. Wo platzieren Sie den Tooltip??
11. Können Screenreader Tooltips lesen??
12. Was kann ich anstelle von Tooltips verwenden??

Wie geben Sie einen Tooltip an??

QuickInfos werden normalerweise auf zwei Arten initiiert: durch eine Maus-Hover-Geste oder durch eine Tastatur-Hover-Geste. (Falls Sie sich fragen, was Tastatur-Hover ist: Um auf die aktiven Elemente auf einer Seite zuzugreifen, können Benutzer normalerweise die Maus darauf bewegen oder mit der Tastatur durch sie navigieren.

Funktionieren Tooltips auf Mobilgeräten??

QuickInfos sind nicht nur für das Web gedacht – sie sind auch eines der beliebtesten und effektivsten UI-Muster für mobile Apps apps.

Benötigen Schaltflächen Tooltips??

Die Microsoft UWP-Richtlinien haben eine nette Faustregel für Tooltips: "Wenn die Informationen an anderer Stelle in der gleichen Erfahrung verfügbar sind, benötigen Sie keinen Tooltip." Dies bedeutet, dass eine Schaltfläche, die ein Symbol und Text enthält, keinen Tooltip haben sollte, eine Schaltfläche mit nur einem Symbol jedoch, wie im Beispiel unten.

Was ist eine Tooltip-Benutzeroberfläche??

QuickInfos sind kleine UI-Elemente, die Benutzern helfen, bestimmte Aktionen auszuführen. Sie werden ausgelöst, wenn ein Nutzer mit der Maus über ein Element auf der Seite fährt oder auf einen Hotspot klickt. Tooltips geben Benutzern zusätzliche Informationen, die den Weg zum Produkterfolg ebnen.

Wie groß sollte ein Tooltip sein??

Der Text im Tooltip sollte kurz und gut formatiert sein (streben Sie 20 Zeichen pro Zeile an).

Was ist ein Tooltip im HTML-Code??

Einführung in die HTML-Kurzinfo. Tooltip ist ein Konzept, das in HTML verwendet wird, um zusätzliche Informationen über das speziell ausgewählte Element anzuzeigen. Dies kann mit dem Maus-Hover-Effekt erfolgen, wenn der Benutzer die Maus über ein Element bewegt, das eine QuickInfo verwendet, um bestimmte Informationen zu diesem Element anzuzeigen.

Wie erhalten Sie Tooltips, um auf Mobilgeräten zu arbeiten??

Im obigen Beispiel sehen Sie, dass sich das Tooltip-Symbol rechts neben der Dropdown-Liste befindet und die gleiche Größe wie seine Höhe hat. Dadurch wird die Optionsbezeichnung nicht beeinträchtigt, ist aber für Benutzer weiterhin sichtbar. Die visuelle Form der Dropdown-Liste bestimmt die Größe und Platzierung des Tooltip-Symbols.

Wie finde ich Tooltips auf meinem Telefon??

Ein Tooltip wird angezeigt, wenn Sie auf ein Bildschirmelement oder eine Komponente (auf Mobilgeräten) tippen und halten oder darüber fahren (Desktop). Zeigen Sie den Tooltip kontinuierlich an, solange der Benutzer lange auf das Element drückt oder mit der Maus darüber schwebt.

Funktioniert der Hover-Effekt auf Mobilgeräten??

Ein typischer Schnittstellenbildschirm enthält viele Elemente. Hover-Effekte informieren Benutzer, womit sie interagieren können, indem sie visuelles Feedback zu Schaltflächen bereitstellen. Aber es gibt ein Problem – Hover-Effekte sind für Desktop-Apps, nicht für mobile Apps. Auf Mobilgeräten gibt es keine Mausgeräte, sodass Benutzer nicht den Luxus haben, Hover-Effekte zu verwenden.

Wo platzieren Sie den Tooltip??

Einfacher Tooltip

Der Tooltip-Text wird innerhalb eines Inline-Elements platziert (wie <Spanne>) mit . CSS: Die Tooltip-Klasse verwendet position:relative , die benötigt wird, um den Tooltip-Text zu positionieren ( position:absolute ).

Können Screenreader Tooltips lesen??

Definieren Sie zuerst den Tooltip mit role="tooltip" . Blenden Sie den Tooltip standardmäßig mit aria-hidden="true" aus . Fügen Sie außerdem eine Live-Region mit aria-live="polite" hinzu, damit Screenreader die QuickInfo automatisch lesen, wenn sie angezeigt wird.

Was kann ich anstelle von Tooltips verwenden??

Eine bessere Alternative besteht darin, den Inhalt nur vor Ort anzuzeigen oder noch besser, die Benutzeroberfläche so zu gestalten, dass Benutzer die zusätzliche Anleitung gar nicht erst benötigen. Wenn alles andere fehlschlägt, verwenden Sie eine Inline-Umschaltkomponente. Es bietet alle Vorteile der progressiven Offenlegung ohne die Fallstricke von Tooltips.