So verbessern Sie die UX der App-Einstellungen

Wie andere unbekannte UI-Muster erleichtern Einstellungsfelder die Verwendung von Apps, scheinen jedoch nur dann Interesse zu wecken, wenn sie fehlerhaft sind. Benutzer können Einstellungen für selbstverständlich halten, Designer sollten dies jedoch nicht. Gut gestaltete Einstellungsfelder ermöglichen es Benutzern, Apps an ihre Bedürfnisse anzupassen und Unternehmen dabei zu helfen, die Kosten für den Kundensupport zu senken.

App-Einstellungen helfen Benutzern, Elemente wie Push-Benachrichtigungen, Zeitzonen und Anmeldeinformationen zu verwalten. Jede App hat Einstellungen, aber Benutzer und Designer übersehen routinemäßig die Schnittstellen, die sie steuern. Benutzer neigen dazu, Einstellungen zu ignorieren, und Designer scheinen sie bis spät im App-Designprozess zu vernachlässigen.

Es gibt wenig Grund für Benutzer, über App-Einstellungen nachzudenken, aber Designer haben reichlich Anreiz. Gut gestaltete Einstellungen reduzieren die Kosten für den Kundensupport und steigern das Engagement, indem sie es den Benutzern ermöglichen, ihre Apps nach Bedarf anzupassen. Das Ziel ist es, Benutzern die Verwaltung ihrer Einstellungen zu erleichtern, aber es ist eine Herausforderung, Einstellungen zu entwerfen, die auf die Bedürfnisse der Benutzer abgestimmt sind. Selbst etwas so Einfaches wie das Ermöglichen der Aktualisierung von E-Mail-Adressen durch Benutzer erfordert eine sorgfältige Planung.

Welche Designpraktiken gewährleisten mühelose UX-Einstellungen?

Richtlinien für bessere App-Einstellungen UX

Gruppenkategorien

Wenn Apps mehrere Einstellungen haben, kann es für Benutzer schwierig sein, das zu finden, was sie brauchen. Die Lösung besteht darin, Einstellungen in Kategorien zu gruppieren. Zum Beispiel hat Shopify eine lange Liste von Einstellungen, aber sie sind in Kategorien angeordnet, die einfach zu durchsuchen sind.

Erstellen Sie eine visuelle Hierarchie

Einstellungsfelder können ohne visuelle Hierarchie nicht erfolgreich sein. Bringen Sie häufig verwendete Einstellungen in den Vordergrund; Wenn es zu viele Optionen gibt, trennen Sie Kategorien in Unterseiten, um die kognitive Belastung zu reduzieren.

Vermeiden Sie Namen mit Jargon

Jargon führt Benutzer dazu, außerhalb der Einstellungsfelder nach Kontext zu suchen. Einstellungen werden am besten in einfacher Sprache beschrieben, die die Funktionalität angibt. Vermeiden Sie technische oder schlaue Namen, die Produkt- und Marketingteams beruhigen, aber Benutzer verwirren.

Geben Sie klare Beschreibungen an

Einstellungen benötigen Beschreibungen, die ihre Auswirkungen erläutern. Definieren Sie klar, was Einstellungen bewirken, aber stellen Sie nicht so viele Informationen bereit, dass Benutzer wichtige Details beschönigen. Verwenden Sie erneut die Alltagssprache und aktivieren Sie die Option zum Wiederherstellen der Standardeinstellungen.

Geben Sie Statusanzeigen und Feedback zu gespeicherten Zuständen

In vielen Apps werden aktualisierte Einstellungen automatisch gespeichert, aber Benutzer benötigen dennoch Feedback, das ihre Änderungen bestätigt. Wenn Benutzer auf eine „Speichern“-Schaltfläche klicken müssen, stellen Sie sicher, dass sie gut sichtbar ist. Benutzer zum Scrollen zu zwingen, führt zwangsläufig zu nicht gespeicherten Einstellungen.

Verwenden Sie die entsprechenden UI-Steuerelemente

Optionsfelder und Kontrollkästchen sind standardmäßige UI-Steuerelemente in Einstellungsfeldern, aber sie sind nicht austauschbar:

• Optionsfelder erfordern, dass Benutzer eine (und nur eine) Auswahl aus einer Liste von Optionen treffen.
• Kontrollkästchen ermöglichen Benutzern die Mehrfachauswahl (oder gar keine) aus einer Liste von Optionen.

Wenn Aktionen keine Überprüfung oder Bestätigung erfordern, verwenden Sie Kippschalter und erwägen Sie das Hinzufügen von „Ein/Aus“-Beschriftungen für mehr Klarheit.

Geben Sie grundlegende und erweiterte Einstellungen an

Eine clevere Möglichkeit, Apps mit zahlreichen Einstellungen zu handhaben, besteht darin, zwei Eingabeebenen bereitzustellen. Grundeinstellungen werden standardmäßig in Einstellungsfeldern angezeigt und erfüllen die Anforderungen durchschnittlicher Benutzer, während erweiterte Einstellungen Benutzer ansprechen, die eine detailliertere Steuerung wünschen.

E-Mail-Bestätigungen senden

Viele Apps enthalten sensible Daten, einschließlich Finanzinformationen. E-Mail-Bestätigungen sind außerhalb der Einstellungsfelder vorhanden, aber sie sind wichtig, da Benutzer benachrichtigt werden müssen, wenn sich ihre Kontodetails ändern. Je nach App oder Einstellungen ist es eventuell nicht erforderlich, Bestätigungen für jedes Update zu senden.

Tipps für den Designprozess der App-Einstellungen

Beginnen Sie mit Informationsarchitektur und Benutzerfluss

Die Informationsarchitektur ist der beste Ort, um mit dem Entwurfsprozess für Einstellungen zu beginnen. Verwenden Sie Card Sorting-Übungen, um zu verstehen, wie Benutzer Einstellungen gruppieren würden, und erstellen Sie dann eine Hierarchie zwischen den entstehenden Kategorien. Entwerfen Sie Benutzerabläufe für jede Einstellung, erstellen Sie Einstellungsbezeichnungen, die den Erwartungen der Benutzer entsprechen, und bemühen Sie sich, die Anzahl der Kategorien auf oberster Ebene auf vier oder fünf zu beschränken.

Definieren Sie Standardmodi

Standardeinstellungen bieten Benutzern theoretisch optimale Erfahrungen von ihren ersten Interaktionen an. Ziel ist es, das Onboarding mühelos zu gestalten und Benutzer mit Einstellungen auszustatten, die ihre Ziele unterstützen (ein weiterer Grund, warum Benutzerforschung so wichtig ist). Beispielsweise haben Passwortsicherheits-Apps wie 1Password und LastPass Standardeinstellungen, die darauf ausgelegt sind, die vertraulichen Informationen der Benutzer zu schützen.

Wenden Sie sich frühzeitig im Designprozess an Stakeholder

Beginnen Sie sofort mit der Zusammenarbeit und sprechen Sie mit Stakeholdern über ihre einstellungsbezogenen Bedürfnisse. Treffen Sie sich mit Produktmanagern, Sicherheitsexperten, Designern, Ingenieuren und allen anderen, die sich für Einstellungen interessieren – wenn Sie bis spät in den Designprozess der Einstellungen warten, kann dies zu kostspieligen Neudesigns führen.

Sprechen Sie mit dem Kundendienst

Die Designverfeinerung beginnt damit, die Schmerzpunkte der Benutzer zu identifizieren, und die Kundensupportteams kümmern sich jeden Tag um die Probleme der Benutzer. Sie wissen, welche Aspekte einer App verwirren und welche Einstellungen schwer zu handhaben sind. Wenn möglich, nehmen Sie regelmäßig an Kundensupport-Meetings teil, um Einblicke für zukünftige Iterationen von Einstellungsfeldern zu erhalten.

Prototyp und Test

Erstellen und testen Sie Prototypen, um zu sehen, wie Einstellungen zusammen mit den wichtigsten Produktfunktionen funktionieren. High-Fidelity-Prototypen sind eine hervorragende Möglichkeit, die Effektivität von UI-Steuerelementen in Usability-Sitzungen zu testen. Auch hier könnte sich das Warten bis zur letzten Minute als kostspielig erweisen.

Durchdachte App-Einstellungen verbessern die UX

Designer sind bestrebt, Apps benutzerfreundlich zu gestalten. Auffällige Merkmale erhalten die meiste Aufmerksamkeit, aber oft sind es die weniger sichtbaren Designdetails, die die Benutzerfreundlichkeit verbessern. Ein gutes Einstellungserlebnis ist organisiert, intuitiv und ermöglicht Benutzern die Feinabstimmung ihrer täglichen Interaktionen. Es bietet relevantes Feedback, verwendet bekannte UI-Komponenten, die sich an den mentalen Modellen der Benutzer orientieren, und ermöglicht es Benutzern, Aktualisierungen vorzunehmen, ohne den Kundensupport kontaktieren zu müssen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Mobile UX-Designprinzipien
• Heuristische Prinzipien für mobile Schnittstellen
• Der grundlegende Leitfaden zur mobilen Usability
• Mobile eCommerce Best Practices für UX (mit Infografik)
• Mobile UX-Designbeschränkungen, Best Practices und Zusammenarbeit mit Entwicklern