Designprinzipien
Stolz auf gute Arbeit
Investieren Sie Zeit und Energie in die kleinen Dinge, die oft zu sehen sind. Entwickeln Sie eine Umgebung, die in jeder Phase durchdacht und optimiert wirkt.
Schnell und dynamisch
Lassen Sie die Benutzer direkt mit Inhalten interagieren, und sorgen Sie dafür, dass die App schnell und angemessen auf deren Aktionen reagiert. Hauchen Sie der Umgebung Leben ein, vermitteln Sie ein Gefühl von Kontinuität, und erzählen Sie durch den Einsatz sinnvoller Animationen eine Geschichte.
Wirklich digital
Nutzen Sie alle Vorteile des digitalen Mediums. Heben Sie physische Grenzen auf, um Benutzererfahrungen zu ermöglichen, die mehr Effizienz und Leichtigkeit haben als in der Wirklichkeit. Verwenden Sie kräftige, leuchtende und frische Farben und Bilder, die die Grenzen der Realität sprengen.
Weniger ist oft mehr
Erstellen Sie eine übersichtliche und sinnvolle Umgebung, in der nur die relevanten Elemente auf dem Bildschirm angezeigt werden. Umgeben Sie die Benutzer mit Dingen, die für sie interessant sind, und sie werden die App auf eigene Faust erkunden.
Gemeinsam gewinnen
Binden Sie andere Apps, Geräte und das System ein, um Szenarien für Benutzer abzuwickeln. Passen Sie die App an das UI-Modell an, um Redundanzen zu vermeiden. Nutzen Sie das, was die Benutzer bereits wissen, um das Gefühl von Bekanntheit, Kontrolle und Vertrauen zu erzeugen.
Frühzeitige Designentscheidungen
Wie kann ich mit meiner App Geld verdienen?
Entscheiden Sie sich für ein geeignetes Geschäftsmodell wie kostenlose Apps mit Werbung, zeitlich begrenzte Test-Apps oder In-App-Einkäufe.
Besteht meine App die Zertifizierung?
Informieren Sie sich vorab über die zu erfüllenden Anforderungen,
und entwerfen Sie eine qualitativ hochwertige App, die die Windows Store-Zertifizierung ohne Probleme besteht.
Soll meine App ein Netzwerk verwenden?
Lassen Sie Ihre App per Netzwerk nahtlos Internetinhalte anzeigen, mit Geräten interagieren und auf die Cloud zugreifen.
Welche Formfaktoren soll meine App unterstützen?
Slate-Computer. Desktopcomputer. Laptops.
Entwerfen Sie Apps, die sich überall zu Hause fühlen.
Inspiration
Spiele
Hauchen Sie Ihren Spielen Leben ein. Nutzen Sie Sensoren für Dreh-, Kipp- und Steuerungsbewegungen. Spielen Sie mit der Touchinteraktion, um ein immersives Spielerlebnis zu bieten. Entwerfen Sie optisch ansprechende Bildschirme und eine intuitive Navigation, um Ihre Benutzer zu begeistern.
Branchen-Apps
Entwerfen Sie Apps zur Optimierung von Workflows in Ihrer Branche, und geben Sie den Benutzern Gelegenheit, auf moderne und natürliche Weise zu arbeiten.
Nachrichten
Vermitteln Sie Inhalte mit ansprechenden Bildern, einem übersichtlichen Design, intelligent platziertem Text und einer intuitiven Steuerung. Heben Sie neueste Nachrichten hervor. Ermöglichen Sie den Benutzern das Teilen von Inhalten. Aktualisieren Sie Live-Kacheln mit den neuesten Schlagzeilen.
Produktivität
Entwerfen Sie Apps, mit denen sich auf effiziente Weise Dateien finden und Inhalte teilen lassen, die eine einfache Navigation besitzen und die entweder den gesamten Platz auf dem Bildschirm einnehmen oder sich den Platz mit einer anderen App teilen.
Entertainment-Apps
Erstellen Sie eine erstklassige Umgebung zum Musikhören oder zum Ansehen von Videos, indem Sie eine intuitive Navigation sowie intuitive Befehle und Interaktionen entwerfen.
Designleitfaden
Anordnung
Platzieren Sie Schaltflächen, (Fehler-)Meldungen, Menüs, Flyouts und Befehle an der richtigen Stelle.
Raster
Machen Sie sich mit den Designempfehlungen für App-Seiten vertraut – beispielsweise für Ränder, Kopfzeilen, Größen und Abstände.
Befehle
Platzieren Sie Befehle auf der oberen oder unteren App-Leiste, links oder rechts von der App-Leiste, auf der Canvas oder in Charms.
Touch
Hier finden Sie Informationen zum Streifen, Ziehen, Zoomen, Tippen sowie zu anderen Elementen der Touchsprache von Windows 8, die in jeder App zum Einsatz kommen.
Ansichten
Entwerfen Sie Ihre App so, dass sie stets fantastisch aussieht – und zwar auf jedem Gerät, bei jeder Bildschirmgröße, nach einem Wechsel ins Hochformat sowie in angedockter oder gefüllter Ansicht.
Branding
Lassen Sie Ihre Marke in Ihre App einfließen. Bringen Sie mit Ihrer Marke Ihre Identität zum Ausdruck, und zeigen Sie, was Ihnen wichtig ist.
Werbung
Integrieren Sie Anzeigen, die zu Ihrem App-Design passen, in allen Anzeigezuständen gut aussehen und die Zertifizierungsanforderungen erfüllen.
Designdownloads
PSD-Vorlagen
Grundlegende PSD-Ressourcen wie Vorlagen, Standardsteuerelemente, Layouts und Komponenten wie Verträge, Benachrichtigungen und Kacheln.
PSD-Vorlagen herunterladen
(47,9 MB)
Balsamiq-Vorlagen
Windows 8-Modelle für Drahtgitter. Enthält Kacheln, Charms, App-Leisten, Menüs, Tastaturen und Geräte.
Designanforderungen
Prüfliste
Informieren Sie sich, welche Anforderungen in Bezug auf die Windows Store-Zertifizierung und die Richtlinien für die Gestaltung der Benutzeroberfläche erfüllt werden müssen und machen Sie sich mit den Empfehlungen zur Verbesserung der Benutzerfreundlichkeit vertraut. Überprüfen Sie Ihre App anhand der Liste mit den Designelementen, über die Ihre App verfügen muss.
Index
Der Index der Richtlinien für die Gestaltung der Benutzeroberfläche gibt Aufschluss über alle Anforderungen und Empfehlungen für die Gestaltung der Benutzeroberfläche. Er ist nach Kategorien wie "Steuerelemente", "Touchinteraktion" und "Andocken und Skalieren" sortiert.
