Guidelines

• 1 Emotionale Wirkung
  • 1.1 Erster Eindruck – Startseite / Landingpages
    • 1.1.1 Emotionale Wirkung des 1. Eindrucks
    • 1.1.2 Machen Sie deutlich, was Sie verkaufen
• 2 Informationsarchitektur
  • 2.1 Informationsstruktur
    • 2.1.1 Überladen Sie die Seite nicht
    • 2.1.2 Strukturieren Sie die Seite optisch und semantisch
    • 2.1.3 Geben Sie gezielte Navigationsmöglichkeiten im Content
    • 2.1.4 Positionieren Sie wesentliche Links prominent
  • 2.2 Navigation, Linkstruktur
    • 2.2.1 Navigation in Textform, nicht in Grafikform
    • 2.2.2 Aussagekräftige Linktexte, die wesentliche Zusatzinfos miteinschließen
    • 2.2.3 Halten Sie die Navigation konsistent und semantisch korrekt
    • 2.2.4 Machen Sie Klickflächen groß
    • 2.2.5 Machen Sie Links im Inhaltsteil deutlich als solche erkennbar
    • 2.2.6 Bieten Sie Navigationsunterstützung für blinde NutzerInnen und Tastatur NutzerInnen
    • 2.2.7 Verzichten Sie möglichst auf dynamische Dropdownmenüs, besonders auf verschachtelte Dropdownmenüs
    • 2.2.8 Machen Sie JavaScript-Lösungen barrierefrei
• 3 Vertrauen und Sicherheit
  • 3.1 Vertrauen und Sicherheitsbedürfnis
    • 3.3.1 Vermitteln Sie Shop-NutzerInnen das Gefühl von Vertrauen und Sicherheit
  • 3.2 Sicherheit
    • 3.2.1 Machen Sie Ihren Web-Shop sicher
• 4 Werbung, Promotions, Sonderangebote
  • 4.1 Deutliche Kennzeichnung und Unaufdringlichkeit
    • 4.1.1 Markieren Sie Promotions, Werbung, Sonderangebote und Empfehlungen klar als solche
  • 4.2 Barrierefreiheit
    • 4.2.1 Animierte Werbung muss sich stoppen lassen
    • 4.2.2 Auch für Werbung gelten die allgemeinen Regeln der Barrierefreiheit
• 5 Internationalisierung – Lokalisierung
  • 5.1 Gesetzeslage und landestypische Konventionen
    • 5.1.1 Beachten Sie unterschiedliche gesetzliche Bestimmungen
    • 5.1.2 Beachten Sie landes- oder sprachspezifische Konventionen
  • 5.2 I18N (Internationalisierung) und L10N (Lokalisierung)
    • 5.2.1 Testen Sie Ihren Shop mit verschiedenen Spracheinstellungen
    • 5.2.2 Beachten Sie sprachabhängige Sortierung
    • 5.2.3 Zeichnen Sie die Textsprache im HTML aus und vermeiden Sie Sprachwechsel
• 6 Drittanbieter
  • 6.1 Integrierte Drittanbieter
    • 6.1.1 Machen Sie deutlich, dass von Drittanbietern verkauft wird
    • 6.1.2 Gewährleisten Sie gleichbleibende Benutzung des Systems
  • 6.2 Affiliates
• 7 Der Weg zum Produkt – Die Suche
  • 7.1 Suchfunktion
    • 7.1.1 Machen Sie das Suchfeld groß genug für mehrere Suchbegriffe
    • 7.1.2 Orientieren Sie sich an bewährten Suchmaschinen an, gestalten Sie die Suche einfach
    • 7.1.3 Gestalten Sie Filtermöglichkeiten bei der Suche möglichst einfach
    • 7.1.4 Platzieren Sie ein Suchfeld oben auf jeder Seite
    • 7.1.5 Die Suche sollte einen Submit-Button haben
    • 7.1.6 Bieten Sie Suchunterstützung (find as you type) und Vorschläge bei Fehlschreibung
    • 7.1.7 Die Suche muss auch allgemeine Informationen umfassen
    • 7.1.8 Achten Sie auf die Internationalisierbarkeit der Suche
  • 7.2 Suchergebnisseiten
    • 7.2.1 Geben Sie klares Feedback bei erfolgloser Suche
    • 7.2.2 Machen Sie alternative Suchvorschläge: best Bets und Korrekturvorschläge
    • 7.2.3 Gestalten Sie die Trefferliste einfach und strukturieren Sie diese gut
    • 7.2.4 Unterstützen Sie die Produktwahl bereits in Suchergebnislisten
    • 7.2.5 Verzichten Sie auf irrelevante Informationen in den Suchergebnissen
    • 7.2.6 Listen Sie Kategorietreffer an erster Stelle
• 8 Der Web zum Produkt – Kategorieseiten
  • 8.1 Kategorienavigation
    • 8.1.1 Verwenden Sie eindeutige und benutzerorientierte Benennungen der Kategorien
    • 8.1.2 Reihen und gruppieren Sie Kategorien eindeutig, klar und einleuchtend
  • 8.2 Kategorie Übersichtsseiten
    • 8.2.1 Machen Sie den Standort deutlich und ev. weitere Feinkategorien
    • 8.2.2 Berücksichtigen Sie die Konzentration von UserInnen auf den Inhaltsteil
    • 8.2.3 Versehen Sie Nicht-Text-Inhalte mit entsprechendem Alternativtext
    • 8.2.4 Bieten Sie eine konventionelle Produktansicht
• 9 Der Weg zum Produkt – Sortierung, Filter, Paging, Produktvergleich
  • 9.1 Sortierung
    • 9.1.1 Achten Sie auf intuitive und sinnvolle Sortierungsmöglichkeiten
  • 9.2 Filter
    • 9.2.1 Machen Sie Filtermöglichkeiten intuitiv verständlich
    • 9.2.2 Verwenden Sie ausschließlich sinnvolle Filter
    • 9.2.3 Machen Sie Sortierung und Filter mit Tastatur und Screenreader bedienbar
  • 9.3 Paging
    • 9.3.1 Ziehen Sie eine semantische Paginierung in Betracht
    • 9.3.2 Kennzeichnen Sie Paging-Links und die aktuelle Position deutlich
    • 9.3.3 Bieten Sie intuitives Paging, erklären Sie ungewöhnliches Paging
    • 9.3.4 Machen Sie Paging Links auch strukturell eindeutig und ohne Kontext verständlich
    • 9.3.5 Positionieren Sie Paging Links oberhalb und unterhalb der Ergebnislisten
    • 9.3.6 Bieten Sie eine sinnvolle und konfigurierbare Anzahl an Produkten auf einer Seite
    • 9.3.7 Setzen Sie beim Blättern den Fokus an den Inhaltsbeginn
  • 9.4 Produktvergleich
    • 9.4.1 Machen Sie Produktvergleiche übersichtlich und intuitiv verständlich
• 10 Produkt Detailseiten
  • 10.1 Produktbeschreibung
    • 10.1.1 Schlüsselinformationen müssen auch ohne Bilder zugänglich sein
    • 10.1.2 Strukturieren Sie die Produktbeschreibung
    • 10.1.3 Machen Sie Interaktionsmöglichkeiten intuitiv bedienbar
  • 10.2 Produktabbildungen
    • 10.2.1 Verwenden Sie sinnvolle ALT-Attribute
    • 10.2.2 Machen Sie Produktdarstellungen groß
    • 10.2.3 Machen Sie Interaktionsmöglichkeiten bei verlinkten Bildern klar
    • 10.2.4 Machen Sie Produktabbildungen realitätsnah
• 11 Beratungsfeatures / Merkservice
  • 11.1 Empfehlungen (das wurde von anderen auch gekauft, das könnte Sie auch interessieren)
    • 11.1.1 Platzieren Sie Produktempfehlungen unaufdringlich und klar als Empfehlungen
  • 11.2 Cross-Selling ergänzender Produkte oder Dienstleistungen
    • 11.2.1 Platzieren Sie Cross-Selling Angebote unaufdringlich und kennzeichnen sie diese klar als solche
  • 11.3 Kundenbewertung / Kommentare
    • 11.3.1 Gestalten Sie Bewertungen und Kommentare nutzerfreundlich und glaubwürdig
  • 11.4 Verlauf – gerade angesehen
    • 11.4.1 Platzieren Sie Verlaufslisten unaufdringlich, aber klar als solche ersichtlich
  • 11.5 Wunschzettel / Merkzettel
    • 11.5.1 Machen Sie die notwendigen Schritte zur Nutzung leicht nachvollziehbar
• 12 Erlebnis-Shopping / Social Shopping
  • 12.1 Special Features
    • 12.1.1 Binden Sie Spezialfunktionen unaufdringlich (unobtrusive) ein
    • 12.1.2 Gestalten Sie Spezialfunktionen benutzerfreundlich und zugänglich
  • 12.2 Web 2.0 Features – Mitmach-Shop
    • 12.2.1 Erklären Sie Web 2.0 Features
    • 12.2.2 Binden Sie Web 2.0 Features barrierefrei ein
• 13 Registrieren und Anmelden
  • 13.1 Kundenorientierung
    • 13.1.1 Erlauben Sie Einkaufen ohne Registrierung
    • 13.1.2 Erklären Sie, wofür man sich registrieren und anmelden muss
  • 13.2 Usability und Accessibility
    • 13.2.1 Machen Sie den Registrierungs- und Loginprozess einfach und logisch für unerfahrene NutzerInnen
    • 13.2.2 Registrierung und Login sollen sich in den laufenden Prozess einbinden lassen
• 14 Warenkorb
  • 14.1 Platzierung, Aufbau, Inhalt
    • 14.1.1 Der Warenkorb muss auf jeder Seite leicht erreichbar sein
    • 14.1.2 Präsentieren Sie den Inhalt des Warenkorbs in einer übersichtlichen Form
    • 14.1.3 Ergänzen Sie den Warenkorb um wesentliche Kosteninformationen
  • 14.2 Benutzeraktionen
    • 14.2.1 Bestätigen Sie Benutzeraktionen klar ersichtlich und nachvollziehbar
    • 14.2.2 Die Bearbeitung des Warenkorbs und die dazu notwendigen Aktionen müssen intuitiv sein
• 15 Checkout – Bestellablauf
  • 15.1 Informationsarchitektur
    • 15.1.1 Gestalten und gliedern Sie den Bestell- und Checkoutprozess klar, einfach und übersichtlich
  • 15.2 Formulargestaltung
    • 15.2.1 Gestalten Sie Formulare eindeutig, einfach, intuitiv und Konventionen entsprechend
    • 15.2.2 Gehen Sie benutzerfreundlich mit Fehlern um
    • 15.2.3 Achten Sie insbesondere bei der Formulargestaltung auf Webstandards und barrierefreie Umsetzung
    • 15.2.4 Bestellungen müssen auch ohne JavaScript möglich sein
  • 15.3 Sicherheit
    • 15.3.1 Implementieren Sie Kontrollfunktionen
    • 15.3.2 Machen Sie den Bezahlprozess einfach, transparent und sicher
• 16 Lieferung – Reklamation
  • 16.1 Lieferservice
    • 16.1.1 Bieten Sie spezielle Liefer- und Montageservices für Menschen mit Behinderungen und ältere Menschen an
  • 16.2 Reklamations-Management
    • 16.2.1 Achten Sie auf einen proaktiven, transparenten, intuitiven und linearen Ablauf bei Reklamationen