Entwerfen einer Benutzeroberfläche

  • Artikel

In diesem Abschnitt werden einige der Aufgaben im Zusammenhang mit dem Entwerfen einer Benutzeroberfläche für eine Windows-Anwendung ausführlich beschrieben.

Einführung

Ui-Design kann in drei wesentliche Elemente unterteilt werden: Funktionalität, Ästhetik und Leistung.

In den meisten Fällen liegt der Hauptfokus bei der Anwendungsentwicklung auf der Funktionalität. Kann die Anwendung verwendet werden? Ermöglicht es Benutzern, Aufgaben auszuführen? Die Funktionalität ist jedoch nur ein Teil der Geschichte.

Ästhetik beschreibt, wie Dinge gezeigt und präsentiert werden, den Stil, in dem Dinge an den Benutzer kommuniziert werden. Ästhetik ist sehr subjektiv und viel schwieriger zu quantifizieren als funktionale Anforderungen und Leistungsmetriken. Ästhetiken basieren in der Regel auf einfachen Entscheidungen – wie Sich Farben ergänzen oder wie UI-Elemente ihre Bedeutung vermitteln –, die sich oft auf die Art und Weise auswirken, wie eine Person etwas empfindet und wie erfolgreich sie es verwendet.

Die Leistung wird nicht nur an der Geschwindigkeit, sondern auch an der Zuverlässigkeit gemessen. Wenn eine Anwendung gut aussieht und sich gut anfühlt, einfach zu bedienen ist, aber wiederholt abstürzt, wird sie wahrscheinlich nicht sehr erfolgreich sein. Die Anwendung muss einem Benutzer volles Vertrauen in seine Zuverlässigkeit bieten.

Im Folgenden finden Sie einige Aufgaben in der Entwurfsphase, die zu einer erfolgreichen Benutzeroberfläche für eine Windows-Anwendung beitragen können.

Funktionale Anforderungen

Berücksichtigen Sie die folgenden Vorschläge frühzeitig in der Entwurfsphase, um die Benutzerfreundlichkeit für eine möglichst breite Zielgruppe zu optimieren:

  • Befolgen Sie die Ui-Entwurfsrichtlinien.

    Machen Sie sich mit den Richtlinien für die Interaktion mit der Windows-Benutzeroberfläche vertraut, und beziehen Sie sich häufig auf diese Richtlinien, während entwurf, implementierung und testen der Benutzeroberfläche der Anwendung voranschreitet.

  • Stellen Sie sicher, dass auf die Benutzeroberfläche zugegriffen werden kann.

    Achten Sie darauf, die Barrierefreiheit von Beginn des Produktlebenszyklus an in das Ui-Design zu integrieren. Die Nachrüstung der Barrierefreiheit kann äußerst kostspielig sein, da ein Teil der Barrierefreiheitsentwicklung Aufmerksamkeit auf architekturbezogener Ebene erfordert. Für weitere Informationen laden Sie das E-Book Engineering Software for Accessibility herunter.

  • Unterstützen Sie den internationalen Marketplace.

    Windows enthält Technologien, die die Unterstützung für viele Kulturen und geschriebene Sprachen in einer Windows-Anwendung ermöglichen. Wenn die Anwendung auf den internationalen Marketplace ausgerichtet ist, ist es wichtig, die Unterstützung der Internationalisierung von Anfang des Projekts an in das UI-Design einzubeziehen. Weitere Informationen finden Sie unter Internationalisierung für Windows-Anwendungen.

Benutzeranalyse

Ein wichtiger Schritt beim Entwerfen einer erfolgreichen Schnittstelle besteht darin, vor dem Schreiben von Code ein grundlegendes Verständnis dafür zu erlangen, was Benutzer von einer Anwendung benötigen und wünschen. Denken Sie daran, dass potenzielle Benutzer einer Anwendung ihre Arbeit bereits in irgendeiner Weise erledigen und vorhandene Tools und Prozesse so vollständig wie möglich verstanden werden sollten. Entwerfen Sie nicht, ohne diese Probleme vollständig zu berücksichtigen.

Der einfachste und informellste Ansatz besteht darin, mit den beabsichtigten Nutzern des Produkts zu sprechen. Rufen Sie Informationen direkt von der Quelle ab– vermeiden Sie die Verwendung von Managern oder Führungskräften als Proxys für tatsächliche Verbraucher. Erwägen Sie, dass kleine Gruppen von Entwicklern und Programmmanagern informelle Besuche bei Benutzern am Arbeitsplatz absprechen, wo es die Möglichkeit gibt, ihre Arbeitsweise zu besprechen und Details zu den Problemen zu sammeln, mit denen sie mit ihren aktuellen Tools konfrontiert sind.

Denken Sie daran, keine führenden oder voreingenommenen Fragen zu stellen, da sich dies direkt auf die Qualität und Gültigkeit des Benutzerfeedbacks auswirkt. Beachten Sie Folgendes, wenn Sie während dieser Phase Fragen verfassen:

  • Wer sind unsere Benutzer? Welche Fähigkeiten und Kenntnisse haben sie?
  • Welche verschiedenen Datenquellen können wir verwenden, um deren Erfahrung zu verstehen?
  • Welche Ziele und Aufgaben werden sie mit unserem Produkt erfüllen?
  • Welche Annahmen treffen wir und wie können wir sie überprüfen?
  • Über welche Datenquellen verfügen wir? (Usability-Studien und heuristische Auswertungen sind gute Ausgangspunkte.)

Problemerläuterungen

Nachdem das gesamte Benutzerfeedback gesammelt wurde, analysieren Sie es, und destillieren Sie es in verwandte Probleme und Anforderungen. Versuchen Sie, an diesem Punkt nicht über Lösungen nachzudenken. Stellen Sie sicher, dass die Probleme vollständig identifiziert sind, nicht nur die Symptome.

Es ist häufig hilfreich, eine Liste mit Problemanweisungen mit einem Satz (aus Benutzersicht) für jedes Problem oder jede Anforderung zu erstellen. Beispielsweise ist "Ändern der Größe der Bearbeitungsfeldbreite auf 15 Zeichen" kein Problem. Aber "Es ist zu schwierig, lange Suchbegriffe einzugeben" ist eine gültige Problemausweisung. Der Unterschied ist dramatisch. Versuchen Sie nicht, die Lösung und das Problem gleichzeitig zu definieren: Oft geht das eigentliche Problem verloren. In diesem Beispiel kann es viele andere Möglichkeiten geben, das Problem von Suchbegriffen zu lösen, einschließlich der Änderung der Größe des Bearbeitungsfelds. Denken Sie immer an alternative Lösungen.

Im Folgenden finden Sie weitere Beispiele für Problemanweisungen:

  • Es ist schwierig, von einem Abschnitt der Website zu einem anderen zu navigieren.
  • Benutzer müssen zu lange warten, bis die Software geladen wird.
  • Unsere Sicherheitsfehlermeldungen sind schwer zu verstehen.
  • Die Registrierungsseite enthält zu viele Fragen, und Benutzer geben sie häufig ab.
  • Es ist zu schwierig, ein bestimmtes Produkt im Websiteindex zu finden.

Wenn die Problemaussagen breit genug sind, gibt es wahrscheinlich viele innovative und kreative Wege, sie zu lösen.

Prioritäten

Das Erstellen einer Liste von Elementen und deren Rangfolge nach Priorität definiert eine Freigabe. Ohne klare Prioritäten können Teams streiten und streiten, was getan werden sollte und was abgeschnitten werden sollte. Die Arbeit, die mit der Festlegung von Prioritäten verbunden ist, sollte mit dem Abschluss der Forschung einfacher sein, aber es ist immer eine Herausforderung.

Das Festlegen von Prioritäten erfordert die Fähigkeit, mindestens drei Kriterien zu bewerten: Zeitplan, Team und Geschäft. Möglicherweise ist ein vordefinierter Zeitplan für das Projekt festgelegt, der die Größe und den Umfang der arbeit, die ausgeführt werden kann, einschränkt. Ein Problem, das wahrscheinlich eine Umschreibung der Hälfte der Codebasis erfordert, sollte während eines kleinen Releasezyklus nicht versucht werden.

Das Make-up und die Art eines Teams definieren, welche Arten von Arbeit erledigt werden können. Welche weiteren Verpflichtungen hat das Team? Gibt es einen Designer oder Usability Engineer im Team? Welche Fähigkeiten im Web- oder UI-Design hat das Team? Zuletzt und am wichtigsten sind geschäftliche Überlegungen. Was sind die Umsatzziele für dieses Projekt? Wer sind die Wettbewerber? Welche Vorteile hat die Lösung bestimmter Probleme? Welche Partnerschaften können geschmiedet werden? Alle anderen Überlegungen sollten auch vor der Priorisierung der Liste identifiziert werden.

Nach der Priorisierung legt die Liste der Problemanweisungen die Richtung für das Produkt fest und stellt sicher, dass die Entwicklung in den richtigen Bereichen ausgerichtet ist.

Konzeption

In der Regel wird die Benutzeroberfläche in der konzeptionellen Entwurfsphase nicht behandelt. Diese Phase erfordert jedoch ein umfassendes Geschäftsmodell mit vollständigen Benutzerprofilen und Nutzungsszenarien, die für eine erfolgreiche Benutzererfahrung unerlässlich sind.

Logischer Entwurf

In der logischen Entwurfsphase werden die ersten Prototypen entwickelt, die den konzeptionellen Entwurf unterstützen.

In dieser Phase werden auch die spezifischen Hardware- und Softwaretechnologien identifiziert, die während der Entwicklung verwendet werden sollen, wodurch die Funktionen der Benutzeroberfläche im Endprodukt bestimmt werden können. Weitere Informationen finden Sie unter Benutzeroberflächentechnologien.

Zusätzlich zu den Entwicklungstools sollten die verschiedenen Hardwareanforderungen und Formfaktoren identifiziert werden, auf die die Anwendung abzielt.

Physischer Entwurf

Die physische Entwurfsphase bestimmt, wie ein UI-Design für die spezifische Hardware und die Formfaktoren implementiert werden soll, die im logischen Entwurf identifiziert wurden.

Während dieser Phase können Hardware- oder Formfaktoreinschränkungen zu unerwarteten Einschränkungen auf der Benutzeroberfläche führen, die erhebliche Verbesserungen am Entwurf erfordern.