Erstellen Wie man Freundlicher Seiten Verwenden Tooltips

Gut gestaltete Tooltips können Hilfe Instant-Benutzer, so dass Sie weniger Zeit, um die Anwendung zu verbringen zu unterstützen und mehr Zeit, um neue Code zu erstellen. Diese Anwender bevorzugen detaillierte Tooltips, die genau definieren, wie mit der Steuerung in Frage zu interagieren. Heute Anwendungen sehen die Verwendung von ungelernten Anwender, die nur die Aufgabe zu erfüllen wollen, dass die Anwendung ausgelegt ist, so schnell zu tun, effizient und einfach wie möglich.

In der Tat würde der Benutzer einfach lieber nicht die Anwendung überhaupt zu sehen - nur die Fertigstellung der Aufgabe Angelegenheiten. Egal, wie hart Sie versuchen, erfordern jedoch einige Benutzer zusätzliche Hilfe auch die einfachste Anwendung zu verwenden, und das ist, wo Tooltips zu Hilfe kommen können.

Zu einer Zeit, könnte man relativ komplexe Anwendungen erstellen und hängen von den Benutzern, das Wissen zu haben benötigt, um sie zu benutzen. In der Tat erhielt komplexe Anwendungen oft die Bewunderung des Benutzers, da der Benutzer die Fähigkeit zu schätzen wissen könnte erforderlich, um sie zu erstellen.

Tooltips dienen eine Reihe von unglaublich wichtige Zwecke. Das wichtigste Ziel ist die Seite zugänglich, die mit besonderen Bedürfnissen zu machen.

Zum Beispiel, die meisten Bildschirmlesegeräte von denen genutzt, die spezielle visuelle Bedürfnisse haben wird die Seite mit den Tooltips beschreiben Sie. Eine Beschreibung ist notwendig, weil der Benutzer nicht einmal in der Lage sein kann, um die Seite zu sehen. Stellen Sie sich vor jeder Tooltip auf einer Seite zu hören, aber wenn diese Tooltips lange und Wandern sind. Diese Gruppe von Benutzern bevorzugt kurze, aber aussagekräftigen, Tooltips.

In vielen Fällen bieten tooltips auch die Mittel, um eine Seite zu dokumentieren. Ein Benutzer sieht Änderungen, die Sie auf eine Seite, machen durch die Tooltips Sie erstellen. Fellow Entwickler stützen sich auch auf den Tooltips um besser auf die Design-Entscheidungen zu verstehen, die Sie machen, wenn Sie die Seite zu schaffen.

die Seite zu verstehen, ist eine Voraussetzung, wenn Sie die bestmögliche Eingaben von Benutzern und erhalten sachkundige Feedback von Ihren Kollegen zu erhalten möchten. Vor diesem Hintergrund wollen Sie Tooltips zu schaffen, die so genau wie möglich sind.

Es ist möglich, Tooltips zu schaffen, die alle diese Eigenschaften den Standard HTML verwendet haben Titel Attribut. Zum Beispiel können Sie eine Quick-Info für eine erstellen unter Verwendung von Code ähnlich wie diese markieren:

Vorname:
 
 
Familienname, Nachname:

Wenn der Benutzer mit der Maus über diesen Text Kontrollen schwebt, zeigt die individuelle Steuerung ein Tooltip, der sagt: # 147-Type nur Ihren Vornamen ein. # 148- oder # 147-Type nur Ihren Namen ein. # 148- Der Text erscheint in einem kleinen Pop-up-Fenster, die einen Titel oder Kontrollen fehlt. Der Text selbst ist schwer zu lesen, da die meisten Browser eine kleine Schrift verwenden.

Also genau die Leute, die der Tooltip soll helfen kann es nicht lesen, was ein Problem ist.

Der Standard Tooltip arbeitet in einem Ausmaß, aber man kann es besser machen. Die jQuery UI-Bibliothek bietet die Möglichkeit, Tooltips zu schaffen, die ein bisschen mehr als die Standard-Tooltip bieten.

Zum Beispiel können Sie reagieren Ereignisse Tooltip und Stilinformationen zu den Tooltip hinzufügen, damit Sie es hervorheben können. Um die jQuery UI-Bibliothek verwenden, müssen Sie die entsprechenden Verweise auf die oben auf der Seite hinzufügen, wie hier gezeigt:

eine lesbare Schrift zu schaffen, ist wahrscheinlich das Wichtigste, was Sie tun können. Beginnen Sie mit einigen Arten wie folgt aus:

Diese beiden Arten machen die Tooltips besser lesbar. Sie machen es auch möglich, dass Sie zwischen optionale Felder und erforderlichen Felder zu unterscheiden. Ein Benutzer kann sofort sehen, wenn ein Feld erforderlich ist, und beginnt zu diesem Stichwort zu verlassen, wenn sie mit der Anwendung arbeiten.

Hier ist die jQuery UI-Code verwendet, um diese Stile zu den Tooltips gelten:

$ (Function () {$ ( "# Firstname") Tooltip ({position: {using:. Funktion (Position, Feedback) {$ (this) .addClass ( "OptionalField") -}}}) - $ ( "# Name ") Tooltip ({position: {using: function (Position, Feedback) {$ (this) .addClass. (" RequiredField ") -}}}) -}) -

In beiden Fällen weist der Code einen Stil auf den Tooltip. Sie können mit Tooltips als die Code zeigt viel mehr tun, aber das ist ein guter Ausgangspunkt für jede Seite. Es bietet alles, was die meisten Anwender benötigen. Hier ist, wie eine optionale Tooltip Bildschirm erscheint.

Ein erforderliches Feld verwendet eine größere Schrift und eine andere Farbe die Aufmerksamkeit des Benutzers zu erregen. Hier ist, wie ein erfordern Tooltip dem Bildschirm angezeigt wird.

stark diese einfache Technik erhöht den Wert von Tooltips für den Benutzer mit nur einem geringen zusätzlichen Investitionen in der Zeit auf Ihrer Seite. Tooltips sind ein wesentlicher Teil der nutzbaren Standorten. Stellen Sie sicher, effektiv Tooltips schaffen, die den Bedürfnissen aller Benutzerklassen erfüllen.