Richtlinien für die Texteingabe (Windows Store-Apps)

Befolgen Sie diese Richtlinien, um einer Windows Store-App -Texteingabesteuerelemente hinzuzufügen.

Sehen Sie dieses Feature in unserer Reihe App-Features von A bis Z in Aktion.:  Benutzerinteraktion: Toucheingabe... und vieles mehr.

Ist dies das richtige Steuerelement?

Mithilfe von Texteingabesteuerelementen können Benutzer einen Text oder numerischen Wert eingeben und bearbeiten. Berücksichtigen Sie die folgenden Fragen bei der Entscheidung, ob Sie ein Texteingabesteuerelement verwenden möchten.

  • Ist es praktisch umsetzbar, alle gültigen Werte effizient aufzuzählen? Wenn dies der Fall ist, ziehen Sie stattdessen die Verwendung eines der Auswahlsteuerelemente in Betracht.
  • Bestehen für die gültigen Daten keinerlei Einschränkungen? Oder sind die gültigen Daten nur durch das Format eingeschränkt (eingeschränkte Länge oder Zeichentypen)? Ist dies der Fall, verwenden Sie ein Texteingabesteuerelement.
  • Stellt der Wert einen Datentyp dar, der über ein spezielles allgemeines Steuerelement verfügt? Ist dies der Fall, verwenden Sie das entsprechende Steuerelement anstelle eines Texteingabesteuerelements. Verwenden Sie anstelle eines Texteingabesteuerelements zum Beispiel DatePicker, um eine Dateneingabe zu akzeptieren.
  • Wenn die Daten numerisch sind:
    • Nehmen die Benutzer die Einstellung als relative Anzahl wahr? Ist dies der Fall, 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, eventuell zusammen mit einem begleitenden Steuerelement.

Es gibt einzeilige und mehrzeilige Texteingabesteuerelemente. Im nächsten Abschnitt wird beschrieben, wann einzeilige Texteingabesteuerelemente verwendet werden sollten. In den folgenden Abschnitten wird die Verwendung von mehrzeiligen Texteingabesteuerelementen erläutert.

Auswählen des richtigen einzeiligen Texteingabesteuerelements

Verwenden Sie für kurze Zeichenfolgen ein einzeiliges Texteingabesteuerelement. In dieser Tabelle wird beschrieben, wann die verschiedenen Typen von Texteingabesteuerelementen verwendet werden sollten.

Grundlegende Dateneingabe

Verwenden Sie einzeilige Texteingabesteuerelemente, um kleinere Textmengen der Benutzer zu erfassen.

Das folgende Beispiel zeigt ein einzeiliges Textfeld zur Erfassung der Antwort auf eine Sicherheitsfrage. Da eine kurze Antwort erwartet wird, ist an dieser Stelle ein einzeiliges Textfeld angemessen. Da die erfassten Informationen keinem der speziellen Eingabetypen entsprechen, die von Windows erkannt werden, ist der generische Typ "Text" angemessen.

Grundlegende Dateneingabe

Formatierte Dateneingabe

Verwenden Sie eine Gruppe von kurzen einzeiligen Texteingabesteuerelementen fester Größe, um Daten mit einem bestimmten Format einzugeben.

Formatierte Dateneingabe

Unterstützte Dateneingabe

Verwenden Sie ein einzeiliges, nicht eingeschränktes Texteingabesteuerelement, um Zeichenfolgen einzugeben oder zu bearbeiten, in Kombination mit einer Befehlsschaltfläche, über die die Benutzer gültige Werte auswählen können.

Unterstützte Dateneingabe

Numerische EingabeVerwenden Sie ein einzeiliges Eingabesteuerelement für Zahlen, um Zahlen einzugeben oder zu bearbeiten.
Kennwort- und PIN-Eingabe

Verwenden Sie ein einzeiliges Eingabesteuerelement für Kennwörter, um Kennwörter und PINs sicher einzugeben.

Kennwort- und PIN-Eingabe
E-Mail-Eingabe

Verwenden Sie das einzeilige Eingabesteuerelement für E-Mails, um eine E-Mail-Adresse einzugeben.

E-Mail-Eingabe

Bei der Verwendung eines Eingabesteuerelements für E-Mails ist Folgendes inbegriffen:

  • Wenn die Benutzer zum Textfeld navigieren, wird die Bildschirmtastatur mit einer für E-Mail-Nachrichten spezifischen Tastaturbelegung angezeigt.
  • Wenn Benutzer ein ungültiges E-Mail-Format eingeben, werden Sie in einem Dialogfeld darüber informiert. E-Mail-Eingabe
URL-EingabeVerwenden Sie das URL-Eingabesteuerelement für die Eingabe von Internetadressen.
TelefonnummerneingabeVerwenden Sie das Eingabesteuerelement für Telefonnummern für die Eingabe von Telefonnummern.

 

Empfohlene und nicht empfohlene Aktionen für einzeilige Texteingabe

Empfohlen

Verwenden Sie mehrere einzeilige Textfelder, um viele kleinere Textmengen zu erfassen. Wenn die Textfelder untereinander zusammenhängen, sollten Sie sie zusammen gruppieren.

Stellen Sie Platzhaltertexte in den einzeiligen Textfeldern bereit, wenn Sie der Meinung sind, dass die Benutzer zusätzliche Anweisungen zum Eingeben eines Werts benötigen.

Legen Sie die Größe der einzeiligen Textfelder etwas breiter fest als die längste erwartete Eingabe. Wenn das Steuerelement hierdurch zu breit wird, teilen Sie es in zwei Steuerelemente auf. Sie könnten zum Beispiel eine einzelne Adresseingabe in "Adresszeile 1" und "Adresszeile 2" aufteilen.

Legen Sie eine maximale Länge fest. Wenn die zugrunde liegende Datenquelle keine lange Eingabezeichenfolge zulässt, beschränken Sie die Eingabe, und verwenden Sie ein Popupfenster zur Bestätigung, um die Benutzer zu benachrichtigen, wenn sie die Grenze erreicht haben.

Nicht empfohlen

Verwenden Sie keinen Textbereich mit der Zeilenhöhe 1, um ein einzeiliges Textfeld zu erstellen. Verwenden Sie stattdessen das input type=text-Element.

Verwenden Sie keinen Platzhaltertext, um das Textsteuerelement vorab zu füllen. Wenn die Benutzer das Steuerelement verwenden, werden die Platzhaltertexte in Textfeldern gelöscht. Verwenden Sie stattdessen das "value"-Attribut.

Verwenden Sie kein Textfeld als Suchfeld. Auf Webseiten wird üblicherweise ein input-Element verwendet, um ein Suchfeld zu erstellen. Die Benutzeroberfläche wird jedoch deutlich besser und konsistenter, wenn Sie stattdessen den Charm "Suche" verwenden. Der Charm "Suche" stellt eine konsistente Sucherfahrung bereit, die Ihre App nutzen kann. Weitere Informationen finden Sie unter Hinzufügen von Suchfunktionen.

Platzieren Sie kein anderes Steuerelement neben einem Eingabefeld für Kennwörter. Das Eingabefeld für Kennwörter verfügt über eine Schaltfläche zur Offenlegung des Kennworts, damit die Benutzer die eingegebenen Kennwörter überprüfen können. Wenn sich daneben ein weiteres Steuerelement befindet, legen die Benutzer eventuell versehentlich ihre Kennwörter offen, wenn sie versuchen, mit dem anderen Steuerelement zu interagieren. Um dies zu verhindern, achten Sie auf einen gewissen Abstand zwischen dem Eingabefeld für Kennwörter und dem anderen Steuerelement, oder platzieren Sie das andere Steuerelement in der nächsten Zeile.

 

Auswählen des richtigen mehrzeiligen Texteingabesteuerelements

Wenn die Benutzer lange Zeichenfolgen eingeben oder bearbeiten sollen, verwenden Sie ein mehrzeiliges Textsteuerelement. Es gibt zwei Typen von mehrzeiligen Texteingabesteuerelementen: das Nur-Text-Eingabesteuerelement (das textarea-Element) und das Rich-Text-Steuerelement (ein Element wie div, dessen contenteditable-Attribut auf "true" festgelegt ist).

  • Wenn der Hauptzweck des mehrzeiligen Textfelds darin besteht, Dokumente zu erstellen (z. B. Blogeinträge oder die Inhalte einer E-Mail-Nachricht) und diese Dokumente Rich-Text erfordern, verwenden Sie ein Rich-Text-Feld.
  • Wenn die Benutzer in der Lage sein sollen, ihre Texte zu formatieren, verwenden Sie ein Rich-Text-Feld.
  • Wenn Texte erfasst werden, die lediglich genutzt und nicht später für die Benutzer erneut angezeigt werden, verwenden Sie ein Nur-Text-Eingabesteuerelement. Angenommen, ein Benutzer nimmt an einer Umfrage teil. Die Daten werden an einen Server gesendet, aber für den Benutzer nie wieder zu angezeigt. Es ist in der Regel unnötig, das Formatieren der Texte durch die Benutzer zu ermöglichen.
  • Verwenden Sie in allen anderen Szenarien ein Nur-Text-Eingabesteuerelement.

Empfohlene und nicht empfohlene Vorgehensweisen für mehrzeilige Texteingabesteuerelemente

EmpfohlenWenn Sie ein Rich-Text-Feld erstellen, stellen Sie Stilschaltflächen bereit, und implementieren Sie die zugehörigen Aktionen. (Windows Store-Apps mit JavaScript stellen diese Steuerelemente nicht automatisch bereit. )
Verwenden Sie eine Schriftart, die zum Erscheinungsbild Ihrer App passt.
Legen Sie die Höhe des Textsteuerelements so fest, dass genügend Platz für typische Einträge vorhanden ist.

Verwenden Sie für die Erfassung von langen Textabschnitten, bei denen erwartet wird, dass die Benutzer mit der Wort- oder Zeichenanzahl unter einem Höchstwert bleiben, ein Nur-Text-Feld, und stellen Sie einen Live-Zähler bereit, der dem Benutzer anzeigt, wie viele Zeichen bzw. Wörter bis zum Erreichen der Grenze verbleiben. Den Zähler müssen Sie selbst erstellen. Platzieren Sie ihn neben dem Textfeld, und aktualisieren Sie ihn dynamisch, während der Benutzer die einzelnen Zeichen oder Wörter eingibt.

Langer Textabschnitt

Nicht empfohlenDie Höhe der Texteingabesteuerelemente sollte sich während der Benutzereingabe nicht verändern.
Verwenden Sie kein mehrzeiliges Textfeld, wenn die Benutzer nur eine Zeile benötigen.
Verwenden Sie kein Rich-Text-Steuerelement, wenn Nur-Text ausreichend ist.

 

Verwandte Themen

Richtlinien für die Rechtschreibprüfung

 

 

Anzeigen:
© 2014 Microsoft. Alle Rechte vorbehalten.