Richtlinien für Windows-Runtime-Apps

Applies to Windows and Windows Phone

Nutzen Sie diesen Index für die schnelle Suche nach den geeigneten Richtlinien, die Ihnen beim Entwerfen beeindruckender Windows Store-Apps helfen. Falls Sie die Themen Lernen Sie die Welt der Windows Store-Apps kennen und Definieren der Zielsetzung noch nicht gelesen haben, sollten Sie dies als Erstes nachholen.

Ein Lernprogramm zum UI-Design und zur Implementierung finden Sie unter Windows Store-App-UI von A bis Z (JavaScript und HTML oder C#/C++/VB und XAML).

Klicken Sie hier, um eine PDF-Datei (Portable Document Format) mit allen UX-Richtlinien herunterzuladen.

Klicken Sie hier, um die Richtlinien herunterzuladen.

Inhalt dieses Artikels

Animationen

Gut gestaltete Animationen machen Apps lebhaft und lassen sie realistisch und perfekt erscheinen. Verknüpfen Sie Benutzeroberflächen miteinander, und helfen Sie den Benutzern beim Verständnis von Kontextänderungen, indem Sie visuelle Übergänge verwenden.

 

Verträge und Charms

Wetter-App und Suchbereich

Verträge sind der Leim, durch den Windows Store-Apps miteinander und mit der Benutzeroberfläche des Systems verbunden werden. Zwei Apps, in denen derselbe Vertrag implementiert ist, können interagieren, um ein breites oder komplexes Szenario darzustellen. Einige Verträge, beispielsweise der Vertrag „Freigabe“, werden durch Charms repräsentiert. Zudem bieten die Charms „Suche“, „Geräte“ und „Einstellungen“ ein konsistentes Menü für allgemeine Aufgaben.

Hier finden Sie eine vollständige Liste der App-Verträge.

 

Steuerelemente

Videoplayer-App mit Steuerelementen

Entwerfen Sie die Benutzeroberfläche Ihrer App so, dass der Inhalt effektvoll präsentiert wird. Reduzieren Sie Ablenkungen, damit die Benutzer sich ganz auf den Inhalt konzentrieren können. Daher sollten auf dem Bildschirm nur die wichtigsten Elemente zu sehen sein. Die folgenden Richtlinien helfen Ihnen dabei, eine konsistente, elegante und attraktive Benutzeroberfläche zu erstellen.

 

Dateien, Daten und Konnektivität

Eine Dateiauswahl zum Öffnen einer Datei aus einem Ordner auf dem DesktopGreifen Sie über Ihre App auf Ordner, Dateien und Daten zu. Um Benutzern über ein Konto oder in Clouddiensten wie Microsoft OneDrive den Zugriff auf Daten zu ermöglichen, können Sie eine Anmeldung bereitstellen. Beziehen Sie das Roaming von App-Daten in Ihre App ein, um geräteübergreifend eine nahtlose Benutzeroberfläche anzubieten.

 

Globalisierung und Lokalisierung

Bidirektionale UI in einer Kachel

Denken Sie beim Entwerfen Ihrer App daran, dass Windows auf der ganzen Welt verwendet wird. Trennen Sie Ressourcen wie Zeichenfolgen und Bilder von ihrem Code, um die Lokalisierung zu vereinfachen.

 

Hilfe und Anleitungen

Anleitung zum Liefern von Süßigkeiten an Om Nom in der App Cut the Rope

Stellen Sie eine Hilfe oder Problembehebungstipps für die Benutzer bereit, und zeigen Sie ihnen, wie sie effizient mit Ihrer App interagieren können.

 

Starten, Anhalten und Fortsetzen

Begrüßungsbildschirm für die Kontakte-App

Erstellen Sie ein einladendes Design für den Startbildschirm mit einem angepassten Begrüßungsbildschirm. Gestalten Sie Ihre Apps zudem so, dass sie angehalten wird, wenn der Benutzer zu einer anderen App wechselt, und fortgesetzt wird, wenn der Benutzer wieder zu Ihrer App wechselt.

 

Layout und Skalierung

Rasterlayout einer App

Entwerfen Sie das Layout Ihrer App so, dass es eine einfache Navigation begünstigt, und wählen Sie für alle UI-Elemente eine optimale Position aus. Erstellen Sie eine großartige App-Benutzeroberfläche für alle Formfaktoren und sämtliche Anzeigeoptionen Ihrer Benutzer.

 

Text und Eingabe

Segoe UI

Die richtige Verwendung von Schriftgraden, -breiten, -farben, Laufweite, Abstand und Textfeldsteuerelementen kann Ihrer Windows Store-App ein klares und übersichtliches Erscheinungsbild verleihen und dadurch ihre Verwendung erleichtern.

 

Kacheln und Benachrichtigungen

Kacheln auf der Startseite

Die Kachel ist die Haustür einer App. Sie liegt auf dem Startbildschirm und ist die Erweiterung der App. Eine Kachel kann viel mehr persönliche und überzeugende Informationen vermitteln als ein traditionelles Symbol. Investieren Sie in das Design einer guten Kachel, um das Interesse der Benutzer an Ihrer App zu wecken. Stellen Sie über Live-Kacheln und Benachrichtigungen aktualisierte Inhalte bereit, damit sich Benutzer mit Ihrer App verbunden fühlen.

 

Benutzerinteraktionen

Windows Store-App-Interaktionen per Toucheingabe

Entwerfen Sie Interaktionen, die die Benutzersteuerung aufrecht erhalten, und nutzen Sie die Ränder des Bildschirms oder Geräts, damit die Benutzer die Befehle zuverlässig finden können.

 

Verwandte Themen

Windows Store-App-UI von A bis Z (HTML)
Windows Store-App-UI von A bis Z (XAML)

 

 

Anzeigen:
© 2014 Microsoft