Share
Die Touchscreen-Benutzeroberfläche von Windows 8 und die versteckte Navigationsstruktur ermöglichen einige interessante Paradigmenwechsel in der User Experience-Praxis.
Ich habe vor kurzem daran gearbeitet, eine medizinische Software auf Unternehmensebene für Windows 8.1 zu entwickeln. Es war ein Sprung in die Tiefe, aber ich habe einige ziemlich interessante Einblicke erhalten.
Dieser Beitrag befasst sich ausführlich mit den Such-, Navigations- und Layoutmustern, die in nativen Windows 8-Apps üblich sind. Ich werde einige meiner Lieblingsaspekte auswählen, einige Innovationen und meinen Ansatz. Es gibt auch einige Mitbringsel für Ihre eigenen Projekte, die auf jede Benutzeroberfläche anwendbar sind.
Vor Windows 8.1 nutzten Apps den Suchzauber, um eine In-App-Suche zu ermöglichen. Der Zugriff auf die Charm-Leiste erfolgt durch Streichen des Bildschirms nach links (nach innen). Es wird jetzt empfohlen, den Suchzauber für globale Suchen zu verwenden. In der App-Suche auf der Seite wie folgt:
Benutzeroberfläche mit Seitensuche
Aus UX-Sicht ist es eine gute Faustregel, über die Bedeutung des Features nachzudenken. Wir haben nach ersten Prototypen einige Anwendersitzungen durchgeführt und festgestellt, dass sich die Kliniker stark auf Suchanfragen verlassen.
Im Beispiel wird das Dropdown-Symbol verwendet, um die Beschriftung von einer Schaltfläche zu unterscheiden. Der Benutzer kann einen anderen Abschnitt auswählen, der für ihn von Interesse ist, um das Ergebnis einzugrenzen.
Für wen bauen Sie das digitale Produkt? Ist die Suche kritisch oder nachträglich? Erwägen Sie, wichtige Funktionen nur in der Benutzeroberfläche zu platzieren (einschließlich In-App-Suche, wenn dies der Schlüssel zur UX ist)..
Ich werde Ihnen nicht die komplette Liste der Windows 8-Navigation geben. Ein konkretes Beispiel fällt dabei ein: Semantischer Zoom. Wahrscheinlich das am wenigsten bekannte, aber sehr mächtig, bietet es Ihnen die Möglichkeit, Daten in einem anderen Kontext darzustellen.
Durchlaufen Sie die semantische Zoomfunktion im KontextAuf der "Landing Page" gibt es viele Kacheln, in Scheiben geschnitten und gewürfelt, um auf verschiedene Dinge zuzugreifen, einschließlich Kacheln, die sich an vorherige Auswahl des Benutzers erinnern. Unsere Benutzer kamen aus vielen verschiedenen klinischen Hintergründen. Daher mussten wir diese Gruppen durch Anpassung anpassen.
Der semantische Zoom bietet nicht nur einen Überblick über alle Optionen auf hoher Ebene, sondern gibt dem Benutzer auch die Möglichkeit, Abschnitte zu deaktivieren, die er niemals verwendet, und Elemente nach ihrer Wichtigkeit neu zu ordnen. In unserem Projekt gab es verschiedene Fragmente in unserer Benutzerbasis, die die Anpassung entscheidend machten.
Wenn es mehrere Hauptbenutzer gibt, sollten Sie die Benutzeroberfläche anpassen. Fragen Sie Ihren Entwickler nach den technischen Einschränkungen und Möglichkeiten. Ein kollaboratives Team ist viel effektiver als eine Person, die eine Anwendung "entwirft".
Das Layout bietet viele sofort verfügbare Optionen. Der Inhalt und die Struktur der App bestimmen, welche Sie verwenden werden.
Dokumentseite in der AppIm obigen Beispiel sehen Sie, dass die von mir ausgewählte Vorlage für die Dokumentauswahlfunktion geeignet war. Die App ist effektiv ein Dokumentenleser, also machte es Sinn.
Layout der Patientenliste
Diese Seite der Patientenliste verwendete ein anderes Layout, eines für das Schwenken und Auswählen von Kachelelementen. Die Tatsache, dass Layouts für kritische Teile des Benutzerflusses erheblich voneinander abweichen, jedoch konsistent sind, ist eine großartige Methode zur Suche nach Methoden, insbesondere, weil keine Navigationselemente zur Verfügung stehen.
Inhalt ist das Herzstück der Erfahrung. Eine große, inhaltsgesteuerte Anwendung hat im Allgemeinen eine hierarchische Struktur. Daher werden viele Informationen zu Beginn auf hohem Niveau und mit zunehmendem Fortschritt des Anwenders detaillierter.
Windows 8-Inhalte fließen von Rand zu Rand und umfassen das Verschieben. Nach meiner Erfahrung kann dies dazu führen, dass Interessenvertreter an alte Paradigmen gewöhnt sind, aber es ist einfach ein Weg, um die Geräuschentwicklung auf der Seite zu reduzieren und den Benutzer durch Berührungsgesten erkunden zu lassen.
Windows 8 ist eine einzigartige Benutzeroberflächenplattform mit einzigartigen Funktionen und Vorteilen für Benutzer, die Touch und Mobilität erfordern.
Es verfügt über eine gut strukturierte Navigation, die die Entdeckung fördert, und hilft auch Einsteigern mit Hinweisen zur Informationsarchitektur und den Informationen, die auf und außerhalb der Seite enthalten sein sollten.
Die verfügbaren Raster, Vorlagen und Layouts wurden von UX-Experten zusammengestellt.
Es gibt jedoch immer einige Anpassungen, und das sich entwickelnde Framework wird ständig verbessert, z. B. die einfache Suche auf der Seite.
Meiner Meinung nach sollten viele der Ideen in diesem Beitrag nicht nur beim Design von Windows 8.1-Apps hilfreich sein, sondern allgemeiner. Dieser Artikel hat gerade die Oberfläche der Windows 8.1-App-Designmuster berührt. Hattest du Gelegenheit, andere anzuschauen, die nicht in diesem Beitrag erwähnt wurden? Was sind deine Gedanken?
Accentsconagua