Freigeben über


Textfelder

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und wurde nicht für neuere Versionen von Windows aktualisiert. Ein Großteil der Anleitungen gilt immer noch grundsätzlich, aber die Präsentation und die Beispiele spiegeln nicht unsere aktuellen Entwurfsanleitungen wider.

Mit einem Textfeld können Benutzer einen Text oder numerischen Wert anzeigen, eingeben oder bearbeiten.

Screenshot eines typischen Textfelds und einer Bezeichnung

Ein typisches Textfeld.

Hinweis

Richtlinien für Layout, Schriftarten und Ballons werden in separaten Artikeln vorgestellt.

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

  • Ist es sinnvoll, alle gültigen Werte effizient aufzulisten? In diesem Fall sollten Sie stattdessen eine Einzelauswahlliste, eine Listenansicht, eine Dropdownliste, eine bearbeitbare Dropdownliste oder einen Schieberegler in Betracht ziehen.
  • Gelten für die Daten keinerlei Einschränkungen? Oder sind die gültigen Daten nur durch das Format (eingeschränkte Länge oder Zeichentypen) eingeschränkt? Wenn ja, verwenden Sie ein Textfeld.
  • Stellt der Wert einen Datentyp dar, der über ein spezielles allgemeines Steuerelement verfügt? Beispiele hierfür sind Datum, Uhrzeit oder IPv4- oder IPv6-Adresse. Wenn ja, verwenden Sie das entsprechende Steuerelement, z. B. ein Datumssteuerelement anstelle eines Textfelds.
  • Wenn die Daten numerisch sind:
    • Nehmen Benutzer die Einstellung als relative Menge wahr? Wenn ja, verwenden Sie einen Schieberegler.
    • Wäre es für Benutzer hilfreich, sofort Feedback zur Auswirkung von Einstellungsänderungen zu erhalten? Wenn ja, verwenden Sie einen Schieberegler, möglicherweise zusammen mit einem Textfeld. Benutzer können beispielsweise einfach eine Farbe mithilfe eines Schiebereglers auswählen, da sie sofort die Auswirkungen von Änderungen an Farbton-, Sättigungs- oder Leuchtkraftwerten sehen können.

Entwurfskonzepte

Textfelder haben zwar den Vorteil, sehr flexibel zu sein, haben aber den Nachteil, dass sie nur minimale Einschränkungen aufweisen. Die einzigen Einschränkungen für ein bearbeitbares Textfeld sind:

  • Optional können Sie die maximale Anzahl von Zeichen festlegen.
  • Sie können die Eingabe optional nur auf numerische Zeichen (0 9) beschränken.
  • Wenn Sie ein Drehsteuerelement verwenden, können Sie die Auswahl von Drehsteuerungen auf gültige Werte beschränken.

Abgesehen von ihrer Länge und dem optionalen Vorhandensein eines Drehsteuerelements haben Textfelder keine visuellen Hinweise, die die gültigen Werte oder ihr Format nahelegen. Dies bedeutet, sich auf Bezeichnungen zu verlassen, um diese Informationen an benutzer zu übermitteln. Wenn Benutzer ungültigen Text eingeben, müssen Sie den Fehler mit einer Fehlermeldung behandeln.

Als allgemeine Regel sollten Sie das am stärksten eingeschränkte Steuerelement verwenden, das Sie können. Verwenden Sie nicht eingeschränkte Steuerelemente wie Textfelder als letztes Mittel. Beachten Sie jedoch, wenn Sie Einschränkungen berücksichtigen, die Bedürfnisse der globalen Benutzer. Beispielsweise ist ein Steuerelement, das auf USA Postleitzahlen beschränkt ist, nicht globalisiert, sondern ein nicht eingeschränktes Textfeld, das jedes Postleitzahlformat akzeptiert.

Verwendungsmuster

Ein Textfeld ist ein flexibles Steuerelement mit mehreren Möglichen.

Bezeichnung Wert
Dateneingabe
Ein einzeiliges, nicht eingeschränktes Textfeld, das zum Eingeben oder Bearbeiten kurzer Zeichenfolgen verwendet wird.
Screenshot eines Textfelds mit Anzeigenamensbezeichnung
Ein einzeiliges, nicht eingeschränktes Textfeld.
Formatierte Dateneingabe
Eine Reihe von kurzen, einzeiligen Textfeldern mit fester Größe, die zum Eingeben von Daten mit einem bestimmten Format verwendet werden.
Screenshot eines Textfelds
Ein Textfeld, das für die formatierte Dateneingabe verwendet wird.
Hinweis: Das Feature zum automatischen Beenden verschiebe den Eingabefokus automatisch von einem Textfeld zum nächsten. Ein Nachteil dieses Ansatzes ist, dass die Daten nicht als einzelne Einheit kopiert oder eingefügt werden können.
Unterstützte Dateneingabe
Ein einzeiliges, nicht eingeschränktes Textfeld, das zum Eingeben oder Bearbeiten von Zeichenfolgen verwendet wird, kombiniert mit einer Befehlsschaltfläche, mit der Benutzer gültige Werte auswählen können.
Screenshot des Textfelds mit schaltfläche
In diesem Beispiel hilft der Befehl Durchsuchen Benutzern bei der Auswahl gültiger Werte.
Texteingabe
Ein mehrzeiliges, nicht eingeschränktes Textfeld, das zum Eingeben oder Bearbeiten langer Zeichenfolgen verwendet wird.
Screenshot eines Textfelds
Ein mehrzeiliges, nicht eingeschränktes Textfeld.
Numerische Eingabe
Ein einzeiliges, rein numerisches Textfeld, das zum Eingeben oder Bearbeiten von Zahlen verwendet wird, mit einem optionalen Drehsteuerelement , um mausbasierte Eingaben zu erleichtern.
Screenshot eines Textfelds für die Eingabe einer Wartezeit
Ein Textfeld, das für numerische Eingaben verwendet wird.
Die Kombination aus einem Textfeld und dem zugehörigen Drehsteuerelement wird als Drehfeld bezeichnet.
Kennwort- und PIN-Eingabe
Ein einzeiliges, nicht eingeschränktes Textfeld, das zum sicheren Eingeben von Kennwörtern und PINs verwendet wird.
Screenshot eines Textfelds
Ein Textfeld, das zum Eingeben von Kennwörtern verwendet wird.
Datenausgabe
Ein einzeiliges, schreibgeschütztes Textfeld, das immer ohne Rahmen angezeigt wird, um kurze Zeichenfolgen anzuzeigen.
Im Gegensatz zu statischem Text können Daten, die mithilfe eines Textfelds angezeigt werden, scrollen (nützlich, wenn die Daten breiter als das Steuerelement sind), ausgewählt und kopiert werden.
Screenshot eines Textfelds mit Pfad zu einem Ordner
Ein einzeiliges, schreibgeschütztes Textfeld, das zum Anzeigen von Daten verwendet wird.
Textausgabe
Ein mehrzeiliges, schreibgeschütztes Textfeld, das zum Anzeigen langer Zeichenfolgen verwendet wird.
Screenshot eines Textfelds
Ein schreibgeschütztes Textfeld, das zum Anzeigen von Daten verwendet wird.

Richtlinien

Allgemein

  • Deaktivieren Sie beim Deaktivieren eines Textfelds auch alle zugeordneten Bezeichnungen, Befehlsbezeichnungen, Drehsteuerelemente und Befehlsschaltflächen.

  • Verwenden Sie Autovervollständigen, um Benutzern bei der Eingabe von Daten zu helfen, die wahrscheinlich wiederholt verwendet werden. Beispiele hierfür sind Benutzernamen, Adressen und Dateinamen. Verwenden Sie die automatische Vervollständigung jedoch nicht für Textfelder, die möglicherweise vertrauliche Informationen enthalten, z. B. Kennwörter, PINs, Gutschriften Karte Nummern oder medizinische Informationen.

  • Sorgen Sie nicht dafür, dass Benutzer unnötig scrollen. Wenn Sie erwarten, dass die Daten größer als das Textfeld sind und Sie das Textfeld problemlos vergrößern können, ohne das Layout zu beeinträchtigen, vergrößern Sie das Feld, um das Scrollen zu vermeiden.

    Falsch:

    Screenshot eines Textfelds für den Computernamen

    In diesem Beispiel sollte das Textfeld viel länger sein, um seine Daten zu verarbeiten.

  • Bildlaufleisten:

    • Platzieren Sie keine horizontalen Bildlaufleisten in mehrzeiligen Textfeldern. Verwenden Sie stattdessen vertikales Scrollen und Zeilenumbruch.
    • Platzieren Sie keine Bildlaufleisten in einzeilige Textfelder.
  • Für numerische Eingaben können Sie ein Drehsteuerelement verwenden. Verwenden Sie für die Texteingabe stattdessen eine Dropdownliste oder eine bearbeitbare Dropdownliste.

  • Verwenden Sie mit Ausnahme der formatierten Dateneingabe nicht das Feature zum automatischen Beenden. Die automatische Fokusverschiebung kann benutzer überraschen.

Bearbeitbare Textfelder

  • Begrenzen Sie die Länge des Eingabetexts, wenn möglich. Wenn die gültige Eingabe beispielsweise eine Zahl zwischen 0 und 999 ist, verwenden Sie ein numerisches Textfeld, das auf drei Zeichen beschränkt ist. Alle Teile von Textfeldern, die formatierte Dateneingaben verwenden, müssen eine kurze, feste Länge aufweisen.

  • Seien Sie flexibel mit Datenformaten. Wenn Benutzer Wahrscheinlichkeit haben, Text in einer Vielzahl von Formaten einzugeben, versuchen Sie, alle gängigsten Formate zu behandeln. Beispielsweise können viele Namen, Zahlen und Bezeichner mit optionalen Leerzeichen und Interpunktion eingegeben werden, und die Großschreibung spielt häufig keine Rolle.

  • Wenn Sie die wahrscheinlichen Formate nicht verarbeiten können, benötigen Sie ein bestimmtes Format mithilfe der formatierten Dateneingabe oder geben Sie die gültigen Formate in der Bezeichnung an.

    Annehmbar:

    Screenshot eines Textfelds für numerische Eingaben

    In diesem Beispiel erfordert ein Textfeld eingaben in einem bestimmten Format.

    Empfohlen:

    Screenshot des Textfelds für formatierte Dateneingabe

    In diesem Beispiel wird das formatierte Dateneingabemuster verwendet, um ein bestimmtes Format zu erfordern.

    Beste:

    Screenshot eines nicht eingeschränkten Textfelds

    In diesem Beispiel behandelt ein Textfeld alle wahrscheinlichen Formate.

  • Berücksichtigen Sie die Formatflexibilität bei der Auswahl der maximalen Eingabelänge. Beispielsweise kann ein gültiges Guthaben Karte Zahl bis zu 19 Zeichen verwenden, sodass eine Begrenzung der Länge auf eine kürzere Länge die Eingabe von Zahlen mit den längeren Formaten erschweren würde.

  • Verwenden Sie nicht das formatierte Dateneingabemuster, wenn Benutzer mit größerer Wahrscheinlichkeit lange, komplexe Daten einfügen. Reservieren Sie stattdessen das formatierte Dateneingabemuster für Situationen, in denen Benutzer die Daten eher eingeben.

    Screenshot eines Textfelds mit Bezeichnung: ipv6-Adresse

    In diesem Beispiel wird das formatierte Dateneingabemuster nicht verwendet, sodass Benutzer IPv6-Adressen einfügen können.

  • Wenn Benutzer den gesamten Wert wahrscheinlicher erneut eingeben, wählen Sie den gesamten Text im Eingabefokus aus. Wenn Benutzer mit größerer Wahrscheinlichkeit bearbeiten, platzieren Sie das Caret am Ende des Texts.

    Screenshot eines Textfelds für ein Kennwort

    In diesem Beispiel werden Benutzer eher ersetzen als bearbeiten, sodass der gesamte Wert für den Eingabefokus ausgewählt wird.

    Screenshot eines Textfelds zur Eingabe von Schlüsselwörtern

    In diesem Beispiel fügen Benutzer eher Schlüsselwörter hinzu, als den Text zu ersetzen, sodass das Caret am Ende des Texts platziert wird.

  • Verwenden Sie immer ein mehrzeiliges Textfeld, wenn neue Zeilenzeichen gültige Eingaben sind.

  • Wenn das Textfeld für eine Datei oder einen Pfad steht, geben Sie immer die Schaltfläche Durchsuchen an.

Numerische Textfelder

  • Wählen Sie die bequemste Einheit aus, und beschriften Sie die Einheiten. Erwägen Sie beispielsweise, Milliliter anstelle von Litern (oder umgekehrt), Prozentwerte anstelle von direkten Werten (oder umgekehrt) usw. zu verwenden.

    Richtig:

    Screenshot des Textfelds mit Litern als Einheit

    In diesem Beispiel ist die Einheit beschriftet, erfordert jedoch, dass Benutzer Dezimalzahlen eingeben müssen.

    Empfohlen:

    Screenshot des Textfelds mit Milliliter als Einheit

    In diesem Beispiel verwendet das Textfeld eine komfortablere Einheit.

  • Verwenden Sie ein Drehsteuerelement, wenn es hilfreich ist. Manchmal sind Drehsteuerungen jedoch nicht praktikabel, z. B. wenn Benutzer viele große Zahlen eingeben müssen. Verwenden Sie Drehsteuerungen in folgenden Fällen:

    • Die Eingabe ist wahrscheinlich eine kleine Zahl, in der Regel unter 100.
    • Benutzer nehmen wahrscheinlich eine kleine Änderung an einer vorhandenen Nummer vor.
    • Benutzer verwenden eher die Maus als die Tastatur.
  • Numerischer Text mit rechter Ausrichtung, wann immer:

    • Es gibt mehrere numerische Textfelder.
    • Die Textfelder sind vertikal ausgerichtet.
    • Benutzer werden die Werte wahrscheinlich hinzufügen oder vergleichen.

    Richtig:

    Screenshot von Spesentextfeldern (Hotel, etc.)

    In diesem Beispiel ist der numerische Text rechtsbündig, um den Vergleich von Werten zu erleichtern.

    Falsch:

    Screenshot von Textfeldern für RGB-Werte

    In diesem Beispiel ist der numerische Text falsch linksbündig.

  • Geldwerte immer rechtsbündig.

  • Weisen Sie bestimmten numerischen Werten keine besonderen Bedeutungen zu, auch wenn diese besonderen Bedeutungen intern von Ihrer Anwendung verwendet werden. Verwenden Sie stattdessen Kontrollkästchen oder Optionsfelder für eine explizite Benutzerauswahl.

    Falsch:

    Screenshot der Bezeichnung: Verwenden Sie -1, um die Zwischenspeicherung zu deaktivieren

    In diesem Beispiel hat der Wert -1 eine besondere Bedeutung.

    Richtig:

    Screenshot der Kontrollkästchenbezeichnung: Zwischenspeicherung

    In diesem Beispiel wird die Option durch ein Kontrollkästchen explizit.

Kennwort- und PIN-Eingabe

  • Verwenden Sie immer das allgemeine Kennwortsteuerelement, anstatt ein eigenes zu erstellen. Kennwörter und PINs erfordern eine besondere Behandlung, um sicher behandelt zu werden.

Weitere Richtlinien und Beispiele finden Sie unter Ballons.

Textausgabe

  • Erwägen Sie die Verwendung der weißen Hintergrundsystemfarbe für großen, mehrzeiligen schreibgeschützten Text. Ein weißer Hintergrund erleichtert das Lesen des Texts. Viel Text auf grauem Hintergrund wird vom Lesen abgeraten.

Weitere Informationen zu Hintergrundfarben finden Sie unter Schriftarten.

Datenausgabe

  • Verwenden Sie keinen Rahmen für einzeilige schreibgeschützte Textfelder. Der Rahmen ist ein visueller Hinweis darauf, dass der Text bearbeitbar ist.
  • Deaktivieren Sie keine einzeiligen, schreibgeschützten Textfelder. Dadurch wird verhindert, dass Benutzer den Text auswählen und in die Zwischenablage kopieren. Außerdem wird verhindert, dass Benutzer die Daten scrollen, wenn die Größe der Grenzen überschritten wird.
  • Legen Sie keinen Tabstopp für einzeiliges, schreibgeschütztes Textfeld fest, es sei denn, der Benutzer muss den Text wahrscheinlich scrollen oder kopieren.

Eingabevalidierung und Fehlerbehandlung

Da Textfelder in der Regel nicht darauf beschränkt sind, nur gültige Eingaben zu akzeptieren, müssen Sie möglicherweise die Eingabe überprüfen und probleme behandeln. Überprüfen Sie die verschiedenen Arten von Eingabeproblemen wie folgt:

  • Wenn der Benutzer ein ungültiges Zeichen eingibt, ignorieren Sie das Zeichen, und zeigen Sie eine Eingabeproblemblase an, in der die gültigen Zeichen erläutert werden.

    Screenshot des Textfelds

    In diesem Beispiel meldet eine Ballon ein falsches Eingabezeichen.

  • Wenn die Eingabedaten über einen wert oder ein Format verfügen, das nicht gültig ist, zeigen Sie eine Eingabeproblemblase an, wenn das Textfeld den Eingabefokus verliert.

  • Wenn die Eingabedaten mit anderen Steuerelementen im Fenster inkonsistent sind, geben Sie eine Fehlermeldung aus, wenn die gesamte Eingabe abgeschlossen ist, z. B. wenn Benutzer für ein modales Dialogfeld auf OK klicken.

Löschen Sie ungültige Eingabedaten nicht, es sei denn, Benutzer können Fehler nicht einfach korrigieren. Auf diese Weise können Benutzer Fehler korrigieren, ohne von vorn zu beginnen. Beispielsweise sollten Sie falsche Kennwörter und PINs löschen, da Benutzer sie nicht einfach korrigieren können.

Weitere Richtlinien und Beispiele finden Sie unter Fehlermeldungen und Ballons.

Eingabeaufforderungen

Eine Eingabeaufforderung ist eine Bezeichnung oder kurze Anweisung, die als Standardwert in einem Textfeld platziert wird. Im Gegensatz zu statischem Text werden Eingabeaufforderungen vom Bildschirm ausgeblendet, sobald Benutzer etwas in das Textfeld eingeben oder den Eingabefokus erhalten.

Screenshot des Eingabeaufforderungstextfelds mit bezeichnung: search

Eine typische Eingabeaufforderung.

Verwenden Sie eine Eingabeaufforderung in folgenden Fällen:

  • Der Bildschirmbereich ist so premium, dass die Verwendung einer Bezeichnung oder Anweisung nicht wünschenswert ist, z. B. auf einer Symbolleiste.
  • Die Eingabeaufforderung dient in erster Linie dazu, den Zweck des Textfelds kompakt zu identifizieren. Es dürfen keine wichtigen Informationen sein, die der Benutzer während der Verwendung des Textfelds sehen muss.

Verwenden Sie keine Eingabeaufforderungen, um Benutzer lediglich anweisen, etwas einzugeben oder auf Schaltflächen zu klicken. Schreiben Sie beispielsweise keinen Eingabeaufforderungstext mit der Angabe Geben Sie einen Dateinamen ein, und klicken Sie dann auf Senden.

Bei Verwendung von Eingabeaufforderungen:

  • Zeichnen Sie den Eingabeaufforderungstext in Kursivgrau und den eigentlichen Eingabetext in normalem Schwarz. Der Eingabeaufforderungstext darf nicht mit echtem Text verwechselt werden.
  • Halten Sie den Eingabeaufforderungstext prägnant. Sie können Fragmente anstelle von vollständigen Sätzen verwenden.
  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
  • Verwenden Sie keine Endpunktion oder Auslassungspunkte.
  • Der Eingabeaufforderungstext sollte nicht bearbeitbar sein und sollte ausgeblendet werden, sobald Benutzer in das Textfeld klicken oder in die Registerkarte klicken.
    • Ausnahme: Wenn das Textfeld den Standardeingabefokus aufweist, wird die Eingabeaufforderung angezeigt und wird ausgeblendet, sobald der Benutzer mit der Eingabe beginnt.
  • Der Eingabeaufforderungstext wird wiederhergestellt, wenn das Textfeld noch leer ist, wenn es den Eingabefokus verliert.

Abbildung einzeiliger und zweizeiliger Textfelder

Empfohlene Größenanpassung und Abstand für Textfelder.

Die Breite eines Textfelds ist ein visueller Hinweis auf die erwartete Eingabegröße. Bei der Größenanpassung von Textfeldern:

  • Wählen Sie eine Breite aus, die für die längsten gültigen Daten geeignet ist. In den meisten Situationen sollten Benutzer nicht die Zeichenfolge scrollen müssen, die sie am längsten eingeben oder anzeigen.
  • Fügen Sie zusätzliche 30 Prozent (bis zu 200 Prozent für kürzeren Text) für jeden Text (aber keine Zahlen) hinzu, der lokalisiert wird.
  • Wenn die erwartete Eingabe keine bestimmte Größe aufweist, wählen Sie eine Breite aus, die mit den anderen Textfeldern oder Steuerelementen im Fenster konsistent ist.
  • Vergrößern Sie mehrzeilige Textfelder, um eine integrale Anzahl von Textzeilen anzuzeigen.

Bezeichnungen

Textfeldbeschriftungen

  • Alle Textfelder benötigen Bezeichnungen. Schreiben Sie die Bezeichnung als Wort oder Ausdruck, nicht als Satz, der mit einem Doppelpunkt endet, und verwenden Sie statischen Text.

    Ausnahmen:

    • Textfelder mit Eingabeaufforderungen, in denen der Speicherplatz nicht verfügbar ist.

    • Für die Bezeichnung sollte eine Gruppe von Textfeldern, die für die formatierte Dateneingabe verwendet werden, als einzelnes Textfeld behandelt werden.

    • Wenn ein Textfeld einem Optionsfeld oder Kontrollkästchen untergeordnet ist und durch die Beschriftung eingeführt wird, die mit einem Doppelpunkt endet, setzen Sie keine zusätzliche Bezeichnung in das Textfeld.

    • Lassen Sie Steuerelementbezeichnungen weg, die die Standard-Anweisung neu erstellen. In diesem Fall übernimmt die Standard-Anweisung den Doppelpunkt (sofern es sich nicht um eine Frage handelt) und den Zugriffsschlüssel.

      Annehmbar:

      Screenshot des Textfelds mit wiederholter Bezeichnung

      In diesem Beispiel ist die Textfeldbeschriftung nur eine Neuauflage der Standard-Anweisung.

      Empfohlen:

      Screenshot des Textfelds nur mit Standard Anweisung

      In diesem Beispiel wird die redundante Bezeichnung entfernt, sodass die Standard-Anweisung den Doppelpunkt und den Zugriffsschlüssel übernimmt.

  • Weisen Sie einen eindeutigen Zugriffsschlüssel zu. Richtlinien für die Zugriffstastenzuweisung finden Sie unter Tastatur.

  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.

  • Positionieren Sie die Bezeichnung links oder oberhalb des Textfelds, und richten Sie die Bezeichnung am linken Rand des Textfelds aus. Wenn sich die Bezeichnung auf der linken Seite befindet, richten Sie den Beschriftungstext vertikal mit dem Textfeldtext aus.

    Richtig:

    Screenshot der linksbündigen Bezeichnung über dem Textfeld

    Screenshot der textbündigen Bezeichnung links vom Textfeld

    In diesen Beispielen wird die Bezeichnung oben am linken Rand des Textfelds ausgerichtet, und die Bezeichnung auf der linken Seite wird mit dem Text im Textfeld ausgerichtet.

    Falsch:

    Screenshot der textbündigen Bezeichnung über dem Textfeld

    Screenshot der oben ausgerichteten Bezeichnung links vom Textfeld

    In diesen falschen Beispielen wird die Beschriftung oben am Text im Textfeld ausgerichtet, und die Bezeichnung auf der linken Seite wird am oberen Rand des Textfelds ausgerichtet.

  • Sie können Einheiten (z. B. Sekunden oder Verbindungen) in Klammern nach der Bezeichnung angeben.

  • Wenn ein Textfeld eine beliebig kleine maximale Anzahl von Zeichen akzeptiert, können Sie die maximale Eingabe in der Bezeichnung angeben. Die Textfeldbreite sollte auch die maximale Größe vorschlagen.

    Screenshot des Kennworttextfelds

    In diesem Beispiel gibt die Bezeichnung die maximale Anzahl von Zeichen an.

  • Machen Sie den Inhalt des Textfelds (oder dessen Einheitenbezeichnung) nicht teil eines Satzes, da dies nicht lokalisierbar ist.

  • Wenn das Textfeld verwendet werden kann, um mehrere Elemente einzugeben, machen Sie klar, wie die Elemente in der Bezeichnung getrennt werden.

    Screenshot der Bezeichnung separater Namen mit Semikolon

    In diesem Beispiel wird das Elementtrennzeichen in der Bezeichnung angegeben.

  • Richtlinien zum Angeben erforderlicher Eingaben finden Sie unter Erforderliche Eingabe in Dialogfeldern.

Befehlsbezeichnungen

  • Wenn Sie Anweisungstext zu einem Textfeld hinzufügen müssen, fügen Sie ihn über der Bezeichnung hinzu. Verwenden Sie vollständige Sätze mit endender Interpunktion.

  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.

  • Zusätzliche Informationen, die hilfreich, aber nicht notwendig sind, sollten kurz gehalten werden. Platzieren Sie diese Informationen entweder in Klammern zwischen der Bezeichnung und dem Doppelpunkt oder ohne Klammern unter dem Textfeld.

    Screenshot der hinzugefügten Informationen unterhalb des Textfelds

    In diesem Beispiel werden zusätzliche Informationen unter dem Textfeld platziert.

Eingabeaufforderungsbezeichnungen

  • Halten Sie den Eingabeaufforderungstext prägnant. Sie können Fragmente anstelle von vollständigen Sätzen verwenden.
  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
  • Verwenden Sie keine Endpunktion oder Auslassungspunkte.
  • Wenn die Eingabeaufforderung Benutzer anfordert, Informationen einzugeben, auf die eine Schaltfläche neben dem Textfeld reagiert, platzieren Sie die Schaltfläche einfach neben dem Textfeld. Verwenden Sie die Eingabeaufforderung nicht, um Benutzer anweisen, auf die Schaltfläche zu klicken (schreiben Sie z. B. keinen Eingabeaufforderungstext, der besagt, ziehen Sie eine Datei, und klicken Sie dann auf Senden).

Dokumentation

Wenn Sie auf Textfelder verweisen:

  • Verwenden Sie typ, um auf Benutzerinteraktionen zu verweisen, die eingabe- oder eingefügt werden müssen. verwenden Sie andernfalls die Eingabetaste, wenn Benutzer Informationen mit anderen Mitteln in das Textfeld einfügen können, z. B. durch Auswählen des Werts aus einer Liste oder mithilfe einer Schaltfläche Durchsuchen.

  • Verwenden Sie select, um auf einen Eintrag in einem schreibgeschützten Textfeld zu verweisen.

  • Verwenden Sie den exakten Bezeichnungstext, einschließlich der Großschreibung, und schließen Sie das Wortfeld ein. Fügen Sie keinen Unterstrich oder Doppelpunkt der Zugriffstaste ein. Verweisen Sie nicht auf ein Textfeld als Textfeld oder Feld.

  • Formatieren Sie die Bezeichnung nach Möglichkeit mit fettem Text. Andernfalls setzen Sie die Bezeichnung nur in Anführungszeichen, wenn dies erforderlich ist, um Verwechslungen zu vermeiden.

    Beispiel: Geben Sie Ihr Kennwort in das Feld Kennwort ein, und klicken Sie dann auf OK.

  • Wenn das Textfeld ein bestimmtes Format erfordert, dokumentieren Sie nur das am häufigsten verwendete akzeptable Format. Benutzer können alle anderen Formate selbst ermitteln. Sie möchten mit Datenformaten flexibel sein, aber dies sollte nicht zu einer komplexen Dokumentation führen.

    Richtig:

    Geben Sie die Seriennummer des Teils im Format 1234-56-7890 ein.

    Falsch:

    Geben Sie die Seriennummer des Teils in einem der folgenden Formate ein:

    1234567890

    1234-56-7890

    1234 56 7890