Don't Make Me Think

1. Lassen Sie Benutzer nicht nachdenken: Design für Intuition und Klarheit

Wenn Sie eine Seite nicht selbsterklärend machen können, müssen Sie sie zumindest selbsterklärend gestalten.

Intuitives Design ist entscheidend. Benutzer sollten nicht herausfinden müssen, wie Ihre Website funktioniert. Jedes Element, von der Navigation bis zum Inhalt, sollte sofort verständlich sein. Wenn Benutzer auf etwas Unklares stoßen, entsteht kognitive Reibung, die sie verlangsamt und möglicherweise vertreibt.

Selbsterklärend vs. selbsterklärend. Idealerweise sollte Ihr Design selbsterklärend sein und kein Nachdenken erfordern. Wenn das nicht möglich ist, streben Sie nach selbsterklärend, wo Benutzer das Konzept schnell mit minimalem Aufwand erfassen können. Dies gilt für alles, von Schaltflächenbeschriftungen bis zur gesamten Seitenstruktur.

Reduzieren Sie den mentalen Aufwand. Beseitigen Sie Fragezeichen im Kopf der Benutzer. Machen Sie Entscheidungen offensichtlich, verwenden Sie klare Sprache und folgen Sie etablierten Webkonventionen. Je weniger Benutzer über die Nutzung Ihrer Website nachdenken müssen, desto mehr mentale Energie können sie Ihrem Inhalt oder Ihren Produkten widmen.

2. Webbenutzer scannen, lesen nicht: Optimieren Sie für schnelle Verständlichkeit

Wir lesen keine Seiten. Wir scannen sie.

Scannen ist die Norm. Die meisten Benutzer lesen Webseiten nicht gründlich. Sie scannen schnell, suchen nach Schlüsselwörtern, Phrasen und visuellen Hinweisen, die zu ihrer Aufgabe oder ihrem Interesse passen. Dieses Verhalten wird durch Zeitdruck, das Wissen, dass sie nicht alles lesen müssen, und jahrelange Erfahrung mit „gut genug“ Informationsbeschaffung angetrieben.

Design für Scanner. Verwenden Sie Techniken, die Ihren Inhalt leicht überfliegbar machen:

• Klare, beschreibende Überschriften und Unterüberschriften
• Aufzählungslisten
• Kurze Absätze
• Hervorgehobene Schlüsselwörter
• Bedeutungsvolle Bilder und Bildunterschriften

Wichtige Informationen voranstellen. Platzieren Sie den wichtigsten Inhalt oben auf der Seite und am Anfang der Absätze. Verwenden Sie den umgekehrten Pyramidenstil aus dem Journalismus: Beginnen Sie mit der Schlussfolgerung und liefern Sie dann unterstützende Details.

3. Erstellen Sie klare visuelle Hierarchien und Konventionen

Konventionen sind Ihre Freunde.

Visuelle Hierarchie leitet Benutzer. Machen Sie wichtige Elemente durch Größe, Farbe, Positionierung und Weißraum prominenter. Gruppieren Sie verwandte Elemente visuell. Verwenden Sie Verschachtelung, um zu zeigen, was zu was gehört. Eine klare visuelle Hierarchie hilft Benutzern, Ihre Seite auf einen Blick zu verstehen.

Nutzen Sie Konventionen. Webkonventionen haben sich aus einem Grund entwickelt – sie funktionieren. Benutzer haben gelernt, bestimmte Elemente an bestimmten Stellen zu erwarten (z.B. Logo oben links, Suche oben rechts). Halten Sie sich an diese Konventionen, es sei denn, Sie haben einen sehr guten Grund, dies nicht zu tun.

Balance zwischen Innovation und Vertrautheit. Während Kreativität wertvoll ist, erfinden Sie das Rad nicht für grundlegende Funktionen neu. Vertraute Muster reduzieren die kognitive Belastung. Wenn Sie innovativ sind, stellen Sie sicher, dass das neue Design so intuitiv ist, dass es keine Lernkurve erfordert, oder fügen Sie signifikanten Wert hinzu, um eine kleine Lernkurve zu rechtfertigen.

4. Teilen Sie Seiten in klar definierte Bereiche auf

Idealerweise sollten Benutzer in der Lage sein, eine Version von Dick Clarks alter Spielshow $25,000 Pyramid mit jeder gut gestalteten Webseite zu spielen.

Deutliche Zonen fördern das Verständnis. Das Aufteilen Ihrer Seite in klar definierte Bereiche hilft Benutzern, schnell zu entscheiden, auf welche Teile sie sich konzentrieren und welche sie ignorieren sollen. Dies ist besonders wichtig angesichts der Tendenz der Benutzer, eher zu scannen als gründlich zu lesen.

Machen Sie Bereiche sofort erkennbar. Benutzer sollten den Zweck jedes Bereichs auf einen Blick erkennen können:

• Navigation
• Suche
• Inhalt
• Werbung
• Branding-Elemente

Verwenden Sie visuelles Design, um Abgrenzungen zu verstärken. Verwenden Sie Techniken wie Weißraum, Ränder, farbige Hintergründe und konsistente Stile, um verschiedene Bereiche abzugrenzen. Diese visuelle Organisation hilft Benutzern, ein mentales Modell der Struktur Ihrer Website zu erstellen.

5. Machen Sie deutlich, was anklickbar ist

Da ein großer Teil dessen, was Menschen im Web tun, darin besteht, nach dem nächsten Klick zu suchen, ist es wichtig, deutlich zu machen, was anklickbar ist und was nicht.

Klare Affordanzen reduzieren Frustration. Benutzer sollten nicht raten müssen, was sie interagieren können. Lassen Sie Links und Schaltflächen durch Folgendes hervorstechen:

• Konsistente Stile (z.B. unterstrichener Text für Links)
• Farbunterscheidung
• Hover-Effekte
• Schaltflächenähnliche Formen für wichtige Aktionen

Vermeiden Sie falsche Affordanzen. Lassen Sie nicht-interaktive Elemente nicht anklickbar aussehen. Dies schafft Verwirrung und untergräbt das Vertrauen in Ihre Benutzeroberfläche.

Berücksichtigen Sie mobile Interaktionen. Auf Touch-Geräten machen Sie Tippziele groß genug und angemessen beabstandet. Bieten Sie visuelles Feedback für Taps, um die Interaktion zu bestätigen.

6. Beseitigen Sie Ablenkungen und Unordnung

Entfernen Sie die Hälfte der Wörter auf jeder Seite, dann entfernen Sie die Hälfte von dem, was übrig bleibt.

Fokus ist entscheidend. Jedes unnötige Element auf einer Seite konkurriert um die Aufmerksamkeit des Benutzers. Überladene Designs erschweren es Benutzern, das zu finden, wonach sie suchen, und Ihre Botschaft zu verstehen.

Rücksichtslos bearbeiten. Entfernen Sie:

• Unnötige Wörter und Inhalte
• Redundante Navigationsoptionen
• Rein dekorative Bilder
• Übermäßig komplexe Layouts

Nutzen Sie Weißraum. Fühlen Sie sich nicht gezwungen, jeden Pixel zu füllen. Weißraum hilft, Inhalte zu organisieren, verbessert die Lesbarkeit und gibt wichtigen Elementen Raum zum Atmen.

Priorisieren Sie rücksichtslos. Fragen Sie sich bei jedem Element auf der Seite: „Unterstützt dies das Hauptziel dieser Seite?“ Wenn nicht, überlegen Sie, es zu entfernen oder weniger prominent zu machen.

7. Gestalten Sie effektive Navigation: Machen Sie es einfach zu finden und zu verstehen

Webnavigation kompensiert dieses fehlende Gefühl des Ortes, indem sie die Hierarchie der Website verkörpert und ein Gefühl von „dort“ schafft.

Klare Navigation ist entscheidend. Gute Navigation zeigt Benutzern, was auf der Website ist, wie sie sie nutzen können, und gibt ihnen Vertrauen in die Ersteller der Website. Sie sollte auf der gesamten Website konsistent sein und Kontext dafür bieten, wo sich der Benutzer innerhalb der Struktur der Website befindet.

Wichtige Navigationselemente:

• Persistente Navigation (auf jeder Seite vorhanden)
• Klare Abschnittsnamen
• Ein „Home“-Link
• Suchfunktionalität
• Breadcrumbs für tiefe Hierarchien

Machen Sie Kategorien selbsterklärend. Benutzer sollten vorhersagen können, was sie in jedem Abschnitt finden werden. Verwenden Sie klare, beschreibende Beschriftungen und vermeiden Sie clevere Namen, die mehrdeutig sein könnten.

8. Optimieren Sie Ihre Homepage: Klare Zweckbestimmung und einfache Startpunkte

Die Startseite muss für alle geeignet sein, was so ist, als würde man sagen: „Jeder kann hier parken“ über einen einzigen Parkplatz.

Kommunizieren Sie den Zweck sofort. Innerhalb von Sekunden sollten neue Besucher verstehen, worum es auf Ihrer Website geht und was sie ihnen bietet. Verwenden Sie einen klaren Slogan und prägnanten Erklärungstext.

Zeigen Sie wichtige Funktionen. Machen Sie deutlich, wie man die wichtigsten Aufgaben auf Ihrer Website startet. Ob es sich um die Suche, die Kontoerstellung oder das Durchsuchen von Produkten handelt, diese Einstiegspunkte sollten prominent sein.

Balance zwischen konkurrierenden Bedürfnissen. Startseiten müssen oft mehreren Zielgruppen und Geschäftszielen dienen. Priorisieren Sie rücksichtslos und konzentrieren Sie sich auf die wichtigsten Elemente. Widerstehen Sie der Versuchung, alles zu bewerben.

9. Usability-Tests mit kleinem Budget: Halten Sie es einfach und machen Sie es oft

Das Testen eines Benutzers früh im Projekt ist besser als das Testen von 50 am Ende.

Regelmäßige Tests sind von unschätzbarem Wert. Selbst kleine, informelle Usability-Tests können große Probleme aufdecken. Ziel ist es, früh und oft während des Entwicklungsprozesses zu testen.

Halten Sie es einfach:

• Testen Sie mit 3-4 Benutzern pro Runde
• Konzentrieren Sie sich auf wichtige Aufgaben und Schmerzpunkte
• Verwenden Sie Think-Aloud-Protokolle, um die Denkprozesse der Benutzer zu verstehen
• Suchen Sie nach Mustern bei mehreren Benutzern

Handeln Sie schnell auf Erkenntnisse. Das Ziel ist es, das Design zu verbessern, nicht aufwändige Berichte zu erstellen. Nach jeder Testrunde identifizieren Sie die kritischsten Probleme und implementieren Sie schnell Lösungen.

10. Barrierefreiheit zählt: Design für alle Benutzer

Seiten selbsterklärend zu machen ist wie eine gute Beleuchtung in einem Geschäft: Es lässt alles besser erscheinen.

Inklusives Design kommt allen zugute. Das Design für Barrierefreiheit hilft nicht nur Benutzern mit Behinderungen, sondern verbessert oft die Benutzerfreundlichkeit für alle Benutzer. Es wird auch zunehmend wichtig für die Einhaltung gesetzlicher Vorschriften und ethischer Geschäftspraktiken.

Wichtige Überlegungen zur Barrierefreiheit:

• Bereitstellung von Textalternativen für Bilder
• Sicherstellung der Tastaturnavigation
• Verwendung ausreichender Farbkontraste
• Erstellung einer logischen Inhaltsstruktur
• Formulare zugänglich machen

Beginnen Sie mit den Grundlagen. Selbst kleine Verbesserungen der Barrierefreiheit können einen großen Unterschied machen. Konzentrieren Sie sich zuerst auf die wirkungsvollsten Änderungen und verbessern Sie die Barrierefreiheit schrittweise im Laufe der Zeit.

11. Schreiben für das Web: Prägnant, überfliegbar und objektiv

Glückliches Gerede muss sterben.

Kürze ist entscheidend. Webbenutzer haben begrenzte Zeit und Aufmerksamkeit. Kürzen Sie unnötige Wörter, Einleitungstexte und Marketing-Sprache. Kommen Sie schnell und klar auf den Punkt.

Machen Sie Text überfliegbar:

• Verwenden Sie aussagekräftige Überschriften und Unterüberschriften
• Verwenden Sie Aufzählungs- und nummerierte Listen
• Heben Sie Schlüsselbegriffe und -phrasen hervor
• Verwenden Sie kurze Absätze und viel Weißraum

Seien Sie objektiv und direkt. Vermeiden Sie Hype und übertriebene Behauptungen. Benutzer sind skeptisch gegenüber Marketingsprache und schätzen klare, sachliche Informationen. Lassen Sie Ihre Produkte oder Dienstleistungen für sich selbst sprechen.

Last updated: August 22, 2024