Designentscheidungen
App-Design vs. UX-Design: Wo sollten Sie anfangen?
Ein ausgereifter Bildschirm und ein benutzerfreundliches Erlebnis sind nicht dasselbe Ergebnis. App Design trennt die Gestaltung der visuellen Benutzeroberfläche von der UX-Forschung, damit Sie die Arbeit wählen können, die Ihr Produkt tatsächlich braucht.
Tabelle der Gesamtkosten
Die Kosten einer Designentscheidung umfassen mehr als das Gestalten von Bildschirmen. Berücksichtigen Sie die beteiligten Personen, die nötigen Erkenntnisse und die Überarbeitung, die für eine verlässliche Entscheidung erforderlich sind.
- App-Design vs. UI-Design Vergleichen Sie den Umfang eines vollständigen App-Design-Durchlaufs mit der enger gefassten Gestaltung von Oberflächenelementen.
- kostenlose App-Design-Alternative Sehen Sie sich browserbasierte Einstiegsmöglichkeiten und die Abwägungen an, die Sie vor einer Entscheidung prüfen sollten.
- Was zeichnet das beste App-Design aus? Erfahren Sie, welche Eigenschaften ein App-Design über seinen visuellen Stil hinaus wirksam machen.
Wo sich die Qualität unterscheidet
Visuelles Design verbessert, was Menschen sehen und bedienen; UX-Arbeit prüft, ob die gesamte Nutzerreise für sie sinnvoll ist.
-
1
Die Entscheidung definieren
Wenn Zielgruppe, Aufgabe und Abfolge der Bildschirme bereits feststehen, beginnen Sie mit der Gestaltung der Benutzeroberfläche: Hierarchie, Bedienelemente, Zustände und gut lesbare Inhalte. Wenn diese Annahmen unsicher sind, ermitteln Sie zuerst, was eine Person erreichen möchte und wo die bisherige Nutzerreise scheitert.
-
2
Das passende Arbeitsergebnis erstellen
Ein Bildschirmdesign hilft einem Team, Layout, visuelle Konsistenz und Interaktionsdetails zu prüfen. Ein UX-Ablauf oder ein Forschungsergebnis hilft dem Team zu entscheiden, welche Bildschirme, Schritte und Erklärungen überhaupt ins Produkt gehören. Keines der beiden Ergebnisse ersetzt das andere.
-
3
Das Ergebnis überprüfen
Prüfen Sie die visuelle Gestaltung auf Lesbarkeit, Kontrast, ausreichend große Touch-Ziele und eindeutige Rückmeldungen. Überprüfen Sie UX-Annahmen, indem Sie repräsentative Personen bei der Bearbeitung einer Aufgabe beobachten und Zögern und Fehler festhalten, statt nur zu fragen, ob ihnen das Erscheinungsbild gefällt.
Wo sich der Zeitaufwand unterscheidet
Ein Design-Durchlauf kann schnell vorankommen, wenn das Problem geklärt ist. Das richtige Problem zu ermitteln dauert länger, weil die dafür nötigen Erkenntnisse außerhalb der Designfläche gewonnen werden müssen.
Ein Bildschirm kann keinen Bedarf belegen
Diese Seite kann helfen, Designbereiche voneinander abzugrenzen. Eine überzeugende Benutzeroberfläche zeigt jedoch nicht, ob jemand die Funktion braucht. Betrachten Sie die Zustimmung zum visuellen Entwurf als Feedback zur Darstellung, nicht als Beweis für den Wert des Produkts.
Was Sie stattdessen tun sollten
Sprechen Sie mit potenziellen Nutzern über eine konkrete Aufgabe, die sie kürzlich erledigt haben, bevor Sie in detaillierte Ansichten investieren.
Ein Browser-Workflow ersetzt keine Nutzerforschung
App-Layouts im Browser zu erkunden, kann Ideen verdeutlichen und fehlende Zustände aufdecken. Es zeigt jedoch nicht, wie sich Ihre Zielgruppe tatsächlich verhält, und klärt keine unterschiedlichen Auffassungen über ihre Prioritäten.
Was Sie stattdessen tun sollten
Testen Sie einen einfachen Aufgabenablauf mit repräsentativen Personen und halten Sie fest, wo sie nicht weiterkommen oder um Hilfe bitten.
Eine statische Ansicht kann nicht alle Zustände abdecken
Ein ausgefeilter Hauptbildschirm kann schwierige Fälle verdecken, etwa leere Ergebnisse, verweigerte Berechtigungen, Fehler und unterbrochene Aufgaben. Diese Lücken beeinflussen die Nutzungserfahrung oft stärker als der erste Eindruck.
Was Sie stattdessen tun sollten
Listen Sie für jede wichtige Aufgabe die wahrscheinlichen Zustände auf und prüfen Sie sie zusammen mit dem Hauptbildschirm.
Dieser Vergleich ist keine Produktzertifizierung
Die Hinweise hier helfen Ihnen bei der Wahl Ihres nächsten Designschritts. Sie sind weder ein Usability-Audit noch eine Barrierefreiheitsprüfung einer bestimmten App.
Was Sie stattdessen tun sollten
Führen Sie vor der Veröffentlichung aufgabenbasierte Reviews und Barrierefreiheitsprüfungen an der tatsächlichen Benutzeroberfläche durch.
Wann sich ein Wechsel lohnt
Wechseln Sie von der bildschirmorientierten Arbeit zur UX-Untersuchung, wenn wiederholte visuelle Überarbeitungen Unklarheiten über die Aufgabe selbst nicht beseitigen.
| App-Design-Fokus | UX-Design-Fokus | |
|---|---|---|
| Zentrale Frage | Wie sollte diese App auf dem Bildschirm aussehen und funktionieren? | Können Menschen die vorgesehene Aufgabe erledigen, und entspricht diese Aufgabe einem echten Bedarf? |
| Nützliche Ausgangsdaten | Eine definierte Funktion, eine bekannte Zielgruppe und ein abgestimmter Aufgabenablauf. | Unklare Nutzerbedürfnisse, beobachtete Schwierigkeiten oder unterschiedliche Vorstellungen von der User Journey. |
| Typische Arbeiten | Bildschirmhierarchie, Komponenten, visuelle Sprache und Zustände der Benutzeroberfläche. | Recherche, Aufgabenanalyse, Informationsarchitektur, Abläufe und Usability-Tests. |
| Typisches Ergebnis | Bildschirmentwürfe und Spezifikationen der Benutzeroberfläche, die ein Team besprechen und verfeinern kann. | Erkenntnisse, Journey Maps oder getestete Abläufe, die erklären, warum die Benutzeroberfläche auf eine bestimmte Weise funktionieren sollte. |
| Qualitätsprüfung | Klarheit, Konsistenz, Barrierefreiheit und das Verhalten in verschiedenen Zuständen prüfen. | Beobachten, ob repräsentative Nutzer wichtige Aufgaben ohne vermeidbare Verwirrung erledigen können. |
| Zeitrisiko | Einen Bildschirm auszuarbeiten, bevor die zugrunde liegende Aufgabe geklärt ist, kann Nacharbeit verursachen. | Recherche ohne eine konkrete Entscheidung, die sie unterstützen soll, kann einen nützlichen Entwurfsdurchlauf verzögern. |
| Bester Grund für einen Schwerpunktwechsel | Zu den Bildschirmentwürfen zurückkehren, sobald Zielgruppe, Aufgabe und Ablauf klar genug sind, um sie darzustellen. | Nachforschen, wenn Nutzer die Aufgabe trotz verständlicherer Bildschirme nicht finden, verstehen oder abschließen können. |
So sieht ein Schwerpunktwechsel aus
Diese Bilder veranschaulichen zwei Perspektiven bei der Überprüfung, nicht die wörtliche Vorher-nachher-Darstellung einer Neugestaltung. Ein übersichtlicheres Layout kann das Verständnis verbessern. Eine Änderung der Nutzerreise kann jedoch Erkenntnisse über Nutzer, Aufgaben und Hindernisse erfordern, die über das im Bild Sichtbare hinausgehen.
Den Bildschirm prüfenDie Nutzerreise prüfenBeginnen Sie mit der Entscheidung, die Sie jetzt treffen können
Halten Sie fest, für wen die App gedacht ist, welche Aufgabe diese Person erledigen muss und was Sie noch nicht wissen. Wenn die Nutzerreise unklar ist, untersuchen Sie sie zuerst. Ist sie klar, nutzen Sie einen browserbasierten Design-Ausgangspunkt, um die Benutzeroberfläche zu erkunden. Prüfen Sie anschließend ihre Zustände und testen Sie den entstandenen Ablauf mit echten Menschen.
Stellen Sie eine klare Aufgabe vor einen ausgefeilten Bildschirm
- Trennen Sie Annahmen über Nutzer von Entscheidungen über das Erscheinungsbild.
- Gestalten Sie die Hauptaufgabe sowie die dabei wahrscheinlichen Fehler- und Leerzustände.
- Nutzen Sie die beobachtete Leistung bei der Aufgabenerfüllung, um zu entscheiden, was überarbeitet werden muss.
Vergleichs-FAQ
App-Design bezieht sich häufig auf die Gestaltung der Ansichten, Bedienelemente, visuellen Gestaltung und Interaktionsdetails einer App. UX-Design betrachtet die umfassendere Erfahrung beim Erledigen einer Aufgabe, einschließlich Recherche, Abläufen und Benutzerfreundlichkeit. Beides überschneidet sich, aber eine ansprechende Ansicht allein macht noch keine gute Nutzererfahrung aus.
Verschaffen Sie sich zunächst ein ausreichendes Verständnis der Zielgruppe und ihrer Aufgabe, damit Sie nicht den falschen Ablauf gestalten. Dafür ist nicht immer eine lange Recherchephase nötig: Ein gezieltes Gespräch oder ein einfacher Aufgabentest kann zeigen, welche Entscheidung als Nächstes ansteht. Sobald die Aufgabe hinreichend klar ist, lässt sich die Idee anhand von Ansichten leichter prüfen.
Klare Beschriftungen, eine deutliche Hierarchie und Rückmeldungen können manche Hürden beseitigen. Sie können jedoch keinen Ablauf korrigieren, der Menschen unnötige Arbeit abverlangt oder die Aktion verbirgt, die sie ausführen möchten. Wenn trotz visueller Verbesserungen weiterhin Unklarheiten bestehen, prüfen Sie den Ablauf und die dahinterstehenden Annahmen.
Für eine frühe Überprüfung kann das ausreichen, wenn Zielgruppe, Aufgabe und Reihenfolge der Schritte bereits bekannt sind. Berücksichtigen Sie auch wichtige Zustände, statt nur die ideale Ansicht zu zeigen. Prüfen Sie vor der Veröffentlichung, ob Menschen die Aufgabe tatsächlich erledigen können.
Wechseln Sie, wenn Rückmeldungen immer wieder Fragen dazu aufwerfen, was Nutzer benötigen, welcher Schritt als Nächstes kommt oder warum es eine Funktion gibt. Weitere visuelle Varianten werden diese Fragen wahrscheinlich nicht beantworten. Wählen Sie eine konkrete offene Frage, sammeln Sie Erkenntnisse von repräsentativen Nutzern und lassen Sie die Ergebnisse wieder in das Design einfließen.