Entwerfen einer großartigen Benutzeroberfläche für Desktopanwendungen

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und wurde nicht für neuere Versionen von Windows aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und die Beispiele entsprechen nicht unseren aktuellen Entwurfsleitfäden.

Eine großartige Desktopanwendung ist leistungsstark und gleichzeitig einfach. Durch sorgfältig ausgewogene Featureauswahl und -präsentation können Sie sowohl Leistung als auch Einfachheit erreichen.

Leistungsstarke:

Leistungsstark und einfach:

Die ideale Windows-basierte Anwendung ist sowohl leistungsstark als auch einfach. Natürlich möchten Sie, dass Ihre Anwendung leistungsfähig ist und natürlich einfach ist, aber können Sie beides erreichen? Es gibt eine natürliche Spannung zwischen diesen Zielen, aber diese Spannung ist alles andere als unvereinbar. Sie können sowohl Leistungsfähigkeit als auch Einfachheit durch sorgfältig ausgewogene Featureauswahl und -darstellung erreichen.

Was macht eine Anwendung leistungsfähig?

Was bedeutet "Power" wirklich in Bezug auf Software? Eine Anwendung kann als leistungsfähig angesehen werden, wenn sie voll mit Features ist und eine enorme Bandbreite an Funktionen hat, um alle Benutzer zu nutzen. Ein solcher Entwurf ist wahrscheinlich nicht erfolgreich, da ein nicht ausgerichteter Featuresatz die Anforderungen von niemandem erfüllt. Dies ist nicht die Art von Macht, die wir haben.

Eine Anwendung ist leistungsfähig, wenn sie über die richtige Kombination dieser Merkmale verfügt:

• Aktivieren. Die Anwendung erfüllt die Anforderungen ihrer Zielbenutzer und ermöglicht es ihnen, Aufgaben auszuführen, die sie andernfalls nicht ausführen könnten, und ihre Ziele effektiv zu erreichen.
• Effizient. Mit der Anwendung können Benutzer Aufgaben mit einer Produktivitäts- und Skalierungsebene ausführen, die zuvor nicht möglich war.
• Vielseitig. Die Anwendung ermöglicht es Benutzern, unter verschiedenen Umständen eine Vielzahl von Aufgaben effektiv auszuführen.
• Direkte. Die Anwendung fühlt sich an, als ob sie Den Benutzern direkt hilft, ihre Ziele zu erreichen, anstatt sich im Weg zu stehen oder unnötige Schritte zu erfordern. Features wie Tastenkombinationen, Tastaturzugriff und Makros verbessern das Direktheitsgefühl.
• Flexibel Die Anwendung ermöglicht Benutzern eine vollständige, differenzierte Kontrolle über ihre Arbeit.
• Integriert. Die Anwendung ist gut in Microsoft Windows integriert, sodass daten mit anderen Anwendungen gemeinsam verwendet werden können.
• Erweitert. Die Anwendung verfügt über außergewöhnliche, innovative, hochmoderne Features, die in konkurrierenden Lösungen nicht gefunden werden.

Einige dieser Merkmale hängen von der Wahrnehmung des Benutzers ab und beziehen sich auf die aktuellen Funktionen des Benutzers. Was als leistungsfähig gilt, kann sich im Laufe der Zeit ändern, sodass die erweiterte Suchfunktion von heute morgen an der Tagesordnung sein könnte.

All diese Eigenschaften können in unserer Definition von Macht kombiniert werden:

Eine Anwendung ist leistungsfähig, wenn sie es ihren Zielbenutzern ermöglicht, ihr volles Potenzial effizient zu nutzen.

Das ultimative Maß für die Leistung ist also die Produktivität, nicht die Anzahl der Features.

Verschiedene Benutzer benötigen Hilfe, um ihr volles Potenzial auf unterschiedliche Weise zu entfalten. Was für einige Benutzer ermöglicht, kann die Vielseitigkeit, Direktheit und Kontrolle für andere beeinträchtigen. Gut konzipierte Software muss diese Eigenschaften angemessen ausbalancieren. Beispielsweise kann ein Desktopveröffentlichungssystem, das für Nichtprofessionals konzipiert ist, Assistenten verwenden, um Benutzer durch komplexe Aufgaben zu führen. Solche Assistenten ermöglichen es den Zielbenutzern, Aufgaben auszuführen, die sie andernfalls nicht ausführen könnten. Im Gegensatz dazu kann sich ein Desktop-Veröffentlichungssystem für Profis auf Direktheit, Effizienz und vollständige Kontrolle konzentrieren. Für Benutzer einer solchen Anwendung können Assistenten einschränkend und frustrierend sein.

Wenn Sie nur eine Sache tun...

Verstehen Sie die Ziele Ihrer Zielbenutzer, und erstellen Sie einen Featuresatz, mit dem sie diese Ziele produktiv erreichen können.

Was macht eine Benutzererfahrung einfach?

Einfachheit wird wie folgt definiert:

Einfachheit ist die Reduzierung oder Eliminierung eines Attributs eines Designs, das die Zielbenutzer kennen und als unwesentlich betrachten.

In der Praxis wird Einfachheit dadurch erreicht, dass der richtige Featuresatz ausgewählt und die Features richtig dargestellt werden. Dadurch wird das Unwesentliche reduziert, sowohl real als auch wahrgenommen.

Einfachheit hängt von der Wahrnehmung der Benutzer ab. Berücksichtigen Sie, wie die Wirkung eines automatischen Getriebes von der Perspektive eines Benutzers abhängt:

• Für den typischen Fahrer (den Zielbenutzer) entfällt durch ein Automatisches Getriebe die Notwendigkeit eines manuellen Gangwechsels und der Kupplung, wodurch ein Auto viel einfacher zu fahren ist. Eine manuelle Schaltung und Kupplung sind für die Aufgabe des Fahrens nicht wesentlich, daher werden sie entfernt, um Einfachheit zu erreichen.
• Für einen professionellen Rennfahrer ist die direkte Kontrolle über das Getriebe unerlässlich, um wettbewerbsfähig zu sein. Ein Automatikgetriebe wirkt sich negativ auf die Leistung des Autos aus, sodass es nicht als Ergebnis der Einfachheit angesehen wird.
• Für einen Mechaniker ist ein Automatikgetriebe ein komplexerer Mechanismus und daher nicht einfacher zu reparieren oder zu warten als ein manuelles Getriebe. Im Gegensatz zur Mechanik ist sich der Zielbenutzer dieser inneren Komplexität glücklicherweise nicht bewusst.

Obwohl verschiedene Benutzer die automatische Übertragung unterschiedlich betrachten, ist es erfolgreich, weil es die Notwendigkeit von unwesentlichen Kenntnissen, Fähigkeiten und Anstrengungen von den Zielbenutzern entfällt. Für den typischen Fahrer ist das Automatikgetriebe ein großartiges Feature, weil es einfach funktioniert.

Einfachheit vs. Benutzerfreundlichkeit

Die Einfachheit, wenn sie richtig angewendet wird, führt zu einer einfachen Handhabung. Einfachheit und Benutzerfreundlichkeit sind jedoch nicht die gleichen Konzepte. Benutzerfreundlichkeit wird erreicht, wenn Benutzer eine Aufgabe ohne Schwierigkeiten oder Verwirrung innerhalb einer geeigneten Zeit erfolgreich selbst ausführen können. Es gibt viele Möglichkeiten, die Benutzerfreundlichkeit zu erreichen, und Einfachheit – die Reduzierung des Unwesentlichen – ist nur eine davon.

Alle Benutzer, egal wie anspruchsvoll, möchten ihre Arbeit mit einem Minimum an unnötigem Aufwand erledigen. Alle Benutzer – auch fortgeschrittene Benutzer – sind in erster Linie motiviert, ihre Arbeit zu erledigen, nicht mehr über Computer oder Ihre Anwendung zu erfahren.

Einfachheit ist der effektivste Weg, um benutzerfreundlichkeit zu erreichen, und Benutzerfreundlichkeit gleicht der Verwendung. Komplexe, schwer zu verwendende Features werden einfach nicht verwendet. Im Gegensatz dazu sind einfache, elegante Designs, die ihre Funktion gut erfüllen, eine Freude an der Verwendung. Sie rufen eine positive, emotionale Antwort auf.

Betrachten Sie beispielsweise die Unterstützung von Drahtlosnetzwerken in Microsoft Windows XP. Microsoft hätte einen Assistenten hinzufügen können, um Benutzer durch den Konfigurationsprozess zu führen. Dieser Ansatz hätte zu einer Benutzerfreundlichkeit, aber nicht zu Einfachheit geführt, da ein unwesentliches Feature (der Assistent) hinzugefügt worden wäre. Stattdessen hat Microsoft drahtlose Netzwerke entwickelt, um sich automatisch zu konfigurieren. Benutzer interessieren sich letztendlich nicht für die Konfigurationsdetails, solange sie zuverlässig und sicher "funktionieren". Diese Kombination aus Leistung und Einfachheit in der Drahtlosen Netzwerktechnologie hat zu ihrer Beliebtheit und schnellen Einführung geführt.

Wenn Sie nur eine Sache tun...

Starten Sie Ihren Entwurfsprozess mit den einfachsten Designs, die die Arbeit gut erledigen.

Wenn Sie mit Ihrem aktuellen Entwurf nicht zufrieden sind, entfernen Sie zunächst alle nicht wesentlichen Elemente. Sie werden feststellen, dass das, was bleibt, in der Regel ziemlich gut ist.

Erzielen von Einfachheit bei gleichzeitiger Aufrechterhaltung der Leistung

Entwurfsprinzipien

Um Einfachheit zu erhalten, entwerfen Sie immer für das Wahrscheinliche, nicht für das Mögliche.

Die mögliche

Entwurfsentscheidungen basierend auf dem, was möglich ist, führen zu komplexen Benutzeroberflächen wie dem Registrierungs-Editor, bei dem der Entwurf davon ausgeht, dass alle Aktionen gleichermaßen möglich sind und daher den gleichen Aufwand erfordern. Da alles möglich ist, werden Benutzerziele bei Entwurfsentscheidungen nicht berücksichtigt.

Das wahrscheinliche

Entwurfsentscheidungen, die auf der wahrscheinlichen Wahrscheinlichkeit basieren, führen zu vereinfachten, ziel- und aufgabenbasierten Lösungen, bei denen die wahrscheinlichen Szenarien den Fokus erhalten und einen minimalen Aufwand erfordern.

Das Designprinzip der Einfachheit

Um Einfachheit zu erhalten, konzentrieren Sie sich auf das, was wahrscheinlich ist; reduzieren, ausblenden oder entfernen, was unwahrscheinlich ist; und beseitigen, was unmöglich ist.

Was Benutzer tun werden, ist für den Entwurf viel relevanter als das, was sie tun könnten.

Entwurfstechniken

Um Einfachheit zu erzielen und gleichzeitig die Leistung aufrechtzuerhalten, wählen Sie die richtigen Features aus, suchen Sie die Features an den richtigen Stellen, und reduzieren Sie den Aufwand , sie zu verwenden. In diesem Abschnitt werden einige gängige Techniken zum Erreichen dieser Ziele beschrieben.

Auswählen des richtigen Featuresatzes

"Perfektion wird erreicht, nicht, wenn es nichts mehr hinzuzufügen gibt,

aber wenn nichts mehr zu nehmen ist." — Antoine de Saint-Exupery

Die folgenden Entwurfstechniken bieten Ihren Benutzern die Funktionen, die sie benötigen, und erreichen gleichzeitig Einfachheit durch tatsächliche Reduzierung oder Entfernung:

• Bestimmen Sie die Features, die Ihre Benutzer benötigen. Verstehen der Anforderungen Ihrer Benutzer durch Ziel-, Szenario- und Aufgabenanalyse. Bestimmen Sie eine Reihe von Features, die diese Ziele realisieren.
• Entfernen Sie unnötige Elemente. Entfernen Sie Elemente, die wahrscheinlich nicht verwendet werden oder über bevorzugte Alternativen verfügen.
• Entfernen Sie unnötige Redundanz. Es gibt möglicherweise mehrere effektive Möglichkeiten, eine Aufgabe auszuführen. Um Die Einfachheit zu erreichen, treffen Sie die schwierige Entscheidung und wählen Sie die beste für Ihre Zielbenutzer aus, anstatt sie alle bereitzustellen und die Wahl zu einer Option zu machen.
• Sorgen Sie dafür, dass es automatisch "einfach funktioniert". Das Element ist erforderlich, aber jede Benutzerinteraktion, damit es funktioniert, liegt nicht daran, dass ein akzeptables Standardverhalten oder eine akzeptable Konfiguration vorhanden ist. Um die Einfachheit zu erreichen, lassen Sie es automatisch funktionieren und sie entweder vollständig vor dem Benutzer ausblenden oder die Belichtung erheblich reduzieren.

Rationalisierung der Präsentation

"Die Fähigkeit zur Vereinfachung bedeutet, unnötiges zu beseitigen

damit das Notwendige sprechen kann." – Hans Hofmann

Verwenden Sie die folgenden Designtechniken, um Die Macht zu erhalten und gleichzeitig Einfachheit durch die Wahrnehmung von Reduzierung oder Entfernung zu erreichen:

• Kombinieren Sie, was kombiniert werden soll. Stellen Sie die wesentlichen Features zusammen, die eine Aufgabe unterstützen, damit eine Aufgabe an einem Ort ausgeführt werden kann. Die Schritte der Aufgabe sollten einen einheitlichen, optimierten Ablauf aufweisen. Unterteilen Sie komplexe Aufgaben in eine Reihe einfacher, klarer Schritte, sodass "eine" Stelle aus mehreren UI-Oberflächen bestehen kann, z. B. einen Assistenten.
• Trennen Sie, was getrennt werden soll. Nicht alles kann an einem Ort präsentiert werden, also immer klare, gut gewählte Grenzen haben. Machen Sie Features, die Kernszenarien unterstützen, zentral und offensichtlich, und blenden Sie optionale Funktionen aus, oder machen Sie sie peripherierativ. Trennen Sie einzelne Aufgaben, und stellen Sie Links zu verwandten Aufgaben bereit. Beispielsweise sollten Aufgaben im Zusammenhang mit der Bearbeitung von Fotos klar von Aufgaben im Zusammenhang mit der Verwaltung von Fotosammlungen getrennt werden, aber sie sollten leicht voneinander zugänglich sein.
• Beseitigen Sie, was beseitigt werden kann. Erstellen Sie einen Ausdruck Ihres Entwurfs, und markieren Sie die Elemente, die zum Ausführen der wichtigsten Aufgaben verwendet werden. Heben Sie sogar die einzelnen Wörter im Benutzeroberflächentext hervor, die nützliche Informationen vermitteln. Überprüfen Sie nun, was nicht hervorgehoben ist, und erwägen Sie, es aus dem Entwurf zu entfernen. Wenn Sie das Element entfernen, würde etwas Schlechtes passieren? Falls nicht, entfernen Sie es!
• Konsistenz, Konfigurierbarkeit und Generalisierung sind oft wünschenswerte Eigenschaften, können aber zu unnötiger Komplexität führen. Überprüfen Sie Ihren Entwurf auf fehlgeleitete Bemühungen in Bezug auf Konsistenz (z. B. redundanten Text), Generalisierung (z. B. eine beliebige Anzahl von Zeitzonen, wenn zwei ausreichend sind) und Konfigurierbarkeit (z. B. Optionen, die Benutzer wahrscheinlich nicht ändern werden), und beseitigen Sie, was beseitigt werden kann.
• Platzieren Sie die Elemente an der richtigen Stelle. Innerhalb eines Fensters sollte die Position eines Elements seinem Hilfsprogramm folgen. Grundlegende Steuerelemente, Anweisungen und Erklärungen sollten alle in logischer Reihenfolge im Kontext stehen. Wenn weitere Optionen erforderlich sind, machen Sie sie im Kontext verfügbar, indem Sie auf einen Chevron oder einen ähnlichen Mechanismus klicken. wenn weitere Informationen benötigt werden, zeigen Sie eine Infoinfo auf dem Mauszeiger an. Platzieren Sie weniger wichtige Aufgaben, Optionen und Hilfeinformationen außerhalb des Standard Flows in einem separaten Fenster oder einer separaten Seite. Die Technik, bei Bedarf zusätzliche Details anzuzeigen, wird als progressive Offenlegung bezeichnet.
• Verwenden Sie aussagekräftige allgemeine Kombinationen. Es ist oft einfacher und skalierbarer, Gruppen verwandter Elemente auszuwählen und zu bearbeiten als einzelne Elemente. Beispiele für allgemeine Kombinationen sind Ordner, Designs, Stile und Benutzergruppen. Solche Kombinationen entsprechen häufig einem Benutzerziel oder einer Absicht, die aus den einzelnen Elementen nicht ersichtlich ist. Beispielsweise ist die Absicht hinter dem Farbschema "Schwarz mit hohem Kontrast" viel offensichtlicher als die eines schwarzen Fensterhintergrunds.
• Wählen Sie die richtigen Steuerelemente aus. Entwurfselemente werden von den Steuerelementen verkörpert, die Sie verwenden, um sie darzustellen. Daher ist die Auswahl des richtigen Steuerelements für eine effiziente Präsentation von entscheidender Bedeutung. Das von Microsoft Word verwendete Schriftartauswahlfeld zeigt beispielsweise sowohl eine Vorschau der Schriftart als auch die zuletzt verwendeten Schriftarten an. Ebenso ist die Art und Weise, wie Word potenzielle Rechtschreib- und Grammatikfehler anzeigt, viel einfacher als die Dialogfeldalternative, wie am Anfang dieses Artikels gezeigt.

Reduzieren des Aufwands

"Einfache Dinge sollten einfach sein.

Komplexe Dinge sollten möglich sein." —Alan Kay

Die folgenden Entwurfstechniken führen zu weniger Aufwand für Benutzer:

• Machen Sie Aufgaben auffindbar und sichtbar. Alle Aufgaben, aber besonders häufige Aufgaben, sollten auf der Benutzeroberfläche leicht erkennbar sein. Die zum Ausführen von Aufgaben erforderlichen Schritte sollten sichtbar sein und nicht auf auswendig gelernt werden.
• Präsentieren von Aufgaben in der Domäne des Benutzers. Komplexe Software erfordert, dass Benutzer ihre Probleme der Technologie zuordnen. Einfache Software macht diese Zuordnung für sie, indem sie zeigt, was natürlich ist. Ein Feature zur Red-Eye-Reduzierung ist beispielsweise direkt dem Problembereich zugeordnet und erfordert keine Details wie Farb- und Farbverläufe.
• Fügen Sie Domänenwissen in das Programm ein. Benutzer sollten nicht auf externe Informationen zugreifen müssen, um Ihre Anwendung erfolgreich verwenden zu können. Domänenwissen kann von komplexen Daten und Algorithmen reichen, um einfach klar zu machen, welche Art von Eingabe gültig ist.
• Verwenden Sie Text, den Benutzer verstehen. Gut gestaltete Texte sind für eine effektive Kommunikation mit den Benutzern von entscheidender Bedeutung. Verwenden Sie Konzepte und Begriffe, die Ihren Benutzern vertraut sind. Erläutern Sie vollständig, was in einfacher Sprache gefragt wird, damit benutzer intelligente, informierte Entscheidungen treffen können.
• Verwenden Sie sichere, wahrscheinliche Standardwerte. Wenn eine Einstellung einen Wert aufweist, der in den meisten Fällen für die meisten Benutzer gilt und diese Einstellung sowohl sicher als auch sicher ist, verwenden Sie sie als Standardwert. Legen Sie Fest, dass Benutzer Werte nur bei Bedarf angeben.
• Verwenden Sie Einschränkungen. Wenn es viele Möglichkeiten zum Ausführen einer Aufgabe gibt, aber nur einige richtig sind, beschränken Sie die Aufgabe auf diese richtigen Methoden. Benutzer sollten keine leicht verhinderbaren Fehler machen dürfen.

Einfachheit bedeutet nicht einfach

"Alles soll so einfach wie möglich gemacht werden,

aber nicht einfacher." Albert Einstein

Wir glauben, dass Einfachheit für eine effektive, wünschenswerte Benutzererfahrung von entscheidender Bedeutung ist – aber es ist immer möglich, etwas Gutes zu weit zu gehen. Das Wesen der Einfachheit ist die Reduzierung oder Beseitigung des Unwesentlichen. Das Entfernen des Wesentlichen führt zu einem schlechten Design. Wenn Ihre "Vereinfachung" dazu führt, dass Benutzer frustriert, verwirrt, nicht erfolgreich oder nicht erfolgreich abgeschlossen werden können, haben Sie zu viel entfernt.

Einfachheit bedeutet mehr Aufwand für Sie

"Ich habe diesen Brief nur länger gemacht, weil ich

nicht die Zeit, um es kürzer zu machen." —Blaise Pascal

Die Einfachheit bei gleichzeitiger Beibehaltung der Leistung erfordert häufig eine erhebliche interne Komplexität. Es ist in der Regel einfacher, Software zu entwerfen, die alle Technologieinstallationen verfügbar macht, als eine zu entwerfen, die sie versteckt – letzteres erfordert ein hervorragendes Verständnis Ihrer Zielbenutzer und deren Ziele. Das Entfernen eines Features erfordert Disziplin, ebenso wie die Entscheidung gegen das Hinzufügen dieses coolen Features, das wirklich nicht praktikabel ist. Einfachheit erfordert harte Entwurfsentscheidungen, anstatt alles konfigurierbar zu machen. Komplexe Software resultiert häufig aus einem Irrglauben über Benutzer: Dass sie nicht verwendete Features oder übermäßig komplexe Features schätzen, die sie nicht verstehen können.

Leistungsstark und einfach

Bei Der Macht geht es darum, Ihre Benutzer zu ermöglichen und sie produktiv zu machen. Bei der Einfachheit geht es darum, die unwesentlichen zu entfernen und Features richtig darzustellen. Wenn Sie Ihre Zielbenutzer verstehen und die richtige Balance zwischen Features und Präsentation erzielen, können Sie Windows-basierte Anwendungen entwerfen, die beides tun.