5. Onlineshop

Ziel

Trailhead Shop ist ein Onlineshop für Expeditionsausrüstung: Zelte, Schlafsäcke, Thermosflaschen, Messer, Seile, Kocher, Lampen und Rucksäcke. Ihre Aufgabe ist es, den gesamten Einkaufsprozess — von der Suche im Katalog bis zur Bestellung und der Verfolgung ihres Status — anhand der folgenden Anforderungen zu testen und alle Bugs und Usability-Probleme zu finden.

Anforderungen

Allgemein:

• Der Shop ist auf Deutsch, Englisch, Russisch, Spanisch und Französisch verfügbar. Die Preise sind in allen Sprachversionen in US-Dollar ($) angegeben.
• Katalog und Produktseiten kann jeder ansehen. Um Produkte in den Warenkorb oder auf die Merkliste zu legen und Bestellungen aufzugeben, ist eine Anmeldung erforderlich.
• Alle Daten (Nutzer, Warenkörbe, Bestellungen, Bewertungen, Bestände) werden in Ihrem Browser gespeichert. Die Schaltfläche Shop zurücksetzen im Realbugz-Menü (die runde Schaltfläche „Rb“ oben links im Shop) löscht sie alle und stellt die ursprünglichen Bestände wieder her. Über dasselbe Menü öffnen Sie diese Anforderungen in einem separaten Tab.
• Alle Seiten sind auf einem Smartphone (Bildschirmbreite ab 360 px) ohne horizontales Scrollen nutzbar. Auf dem Smartphone sind die Filter hinter der Schaltfläche Filter verborgen und die Navigation hinter der Menüschaltfläche.
• Der Header des Shops enthält das Logo (führt zum Katalog), die Suche, Merkliste und Warenkorb mit Zählern sowie Anmelden oder den Namen des Nutzers (führt zum Konto).

Katalog:

• Der Katalog enthält 64 Produkte in 8 Kategorien.
• Eine Produktkarte zeigt Foto, Name, Preis (bei einem Rabatt zusätzlich den durchgestrichenen alten Preis), Bewertung, die Schaltfläche In den Warenkorb und die Merklisten-Schaltfläche.
• Produkte, die nicht vorrätig sind, sind mit „Nicht auf Lager“ gekennzeichnet und können nicht in den Warenkorb gelegt werden.
• Die Suche erfolgt nach dem Produktnamen, unterscheidet nicht zwischen Groß- und Kleinschreibung, ignoriert Leerzeichen am Anfang und am Ende und startet ab 2 Zeichen. Wird nichts gefunden, erscheint die Meldung „Nichts gefunden“.
• Filter: Kategorie (Mehrfachauswahl möglich), Preis von / bis (ganze Zahlen ab 0, „von“ nicht größer als „bis“; die Grenzen sind inklusive — ein Produkt, dessen Preis genau auf der Grenze liegt, wird angezeigt), „Nur auf Lager“.
• Sortierung: nach Beliebtheit (Standard), Preis aufsteigend, Preis absteigend, Name A–Z, Bewertung.
• Suche, Filter und Sortierung wirken zusammen. 12 Produkte pro Seite, darunter die Seitenzahlen.
• Nach der Rückkehr von einer Produktseite bleiben Filter, Sortierung und Seitenzahl erhalten.
• Klickt ein Gast auf In den Warenkorb oder die Merklisten-Schaltfläche, öffnet sich die Anmeldeseite; nach der Anmeldung kehrt der Nutzer zu der Seite zurück, von der er gekommen ist.

Produktseite:

• Breadcrumb-Navigation: Katalog → Kategorie → Produkt.
• Foto, Name, Kategorie, Preis, Beschreibung und technische Daten.
• Bestand: „Auf Lager: N Stk.“ oder „Nicht auf Lager“.
• Menge: von 1 bis 10, aber nicht mehr als der Bestand.
• Ein erneuter Klick auf die Merklisten-Schaltfläche entfernt das Produkt von der Merkliste.
• Bewertungen: 1 bis 5 Sterne und ein Text mit 10–500 Zeichen (Leerzeichen am Anfang und am Ende werden nicht mitgezählt). Nur angemeldete Nutzer können eine Bewertung schreiben, eine Bewertung pro Produkt. Die Durchschnittsbewertung wird mit einer Nachkommastelle neben der Anzahl der Bewertungen angezeigt.

Registrierung und Anmeldung:

• Name: 2–30 Zeichen, Buchstaben (lateinische, einschließlich Buchstaben mit diakritischen Zeichen wie é, ü, ñ, sowie kyrillische), Leerzeichen und Bindestriche.
• E-Mail: gültiges Format, eindeutig (ohne Berücksichtigung der Groß- und Kleinschreibung).
• Passwort: 8–20 Zeichen, mindestens ein Buchstabe und eine Ziffer. Es gibt eine Schaltfläche Anzeigen.
• Die Passwortbestätigung muss mit dem Passwort übereinstimmen.
• Das Kontrollkästchen „Ich stimme den Nutzungsbedingungen zu“ ist ein Pflichtfeld.
• Fehler werden unter dem Feld angezeigt, sobald Sie es verlassen. Nach der Registrierung ist der Nutzer angemeldet.
• Ist die E-Mail oder das Passwort falsch, erscheint die Meldung „E-Mail oder Passwort falsch“ (ohne anzugeben, was davon falsch ist).
• Der Nutzer bleibt auch nach dem Schließen des Tabs angemeldet, bis er auf Abmelden klickt.
• Jeder Nutzer hat einen eigenen Warenkorb und eine eigene Merkliste: Nach dem Abmelden sind sie ausgeblendet, nach dem Anmelden sind sie wieder da.

Warenkorb:

• Jede Zeile zeigt Foto, Name, Stückpreis, Menge (Schaltflächen − / + und ein Eingabefeld), Zeilensumme und eine Schaltfläche Entfernen.
• Menge: von 1 bis 10 und nicht mehr als der Bestand. Beim Versuch, mehr einzustellen, erscheint die Meldung „Maximal 10 Stk. pro Artikel und Kunde“ oder „Nur N Stk. verfügbar“.
• Wird ein Produkt hinzugefügt, das bereits im Warenkorb liegt, erhöht sich seine Menge (mit denselben Grenzen).
• Ein leerer Warenkorb zeigt eine Meldung und einen Link zum Katalog.
• Die Lieferkosten werden an der Kasse berechnet. Alle Beträge werden auf Cent gerundet.

Gutscheincodes:

• Nur ein Gutscheincode pro Bestellung. Groß- und Kleinschreibung spielt keine Rolle, Leerzeichen am Anfang und am Ende werden ignoriert.
• TREK10 — 10 % Rabatt, nur auf nicht reduzierte Artikel.
• SAVE15 — 15 $ Rabatt, wenn der Warenwert 100 $ oder mehr beträgt.
• FREESHIP — kostenlose Kurierlieferung (nicht Express).
• SUMMER24 — abgelaufen: Es erscheint die Meldung „Dieser Gutscheincode ist abgelaufen“.
• Bei einem unbekannten Code erscheint die Meldung „Gutscheincode nicht gefunden“.

Kasse:

• Empfänger (vorausgefüllt mit dem Namen aus dem Profil), Telefon („+“ und 10–15 Ziffern), Stadt (2–50 Zeichen), Straße und Hausnummer (3–100 Zeichen), Postleitzahl (5–6 Ziffern) — Pflichtfelder; Kommentar für den Kurier — bis 200 Zeichen, optional.
• Lieferung: Abholung im Shop — 0 $; Kurier — 10 $, kostenlos, wenn der Warenwert nach Rabatt 150 $ oder mehr beträgt; Express — immer 25 $.
• Zahlung: „Online mit Karte“ oder „Barzahlung bei Lieferung“.
• Ein Klick auf Bestellung aufgeben erzeugt genau eine Bestellung. Die Bestellung erhält eine Nummer wie RB-10001 (fortlaufend), der Warenkorb wird geleert, der Gutscheincode zurückgesetzt und der Bestand verringert.
• Die Kartenzahlung erfolgt auf der Bestellseite, solange der Status „Zahlung ausstehend“ lautet: Kartennummer mit 16 Ziffern, Ablaufdatum MM/JJ nicht in der Vergangenheit, CVV mit 3 Ziffern. Verwenden Sie die Testkarte 4242 4242 4242 4242.

Bestellstatus:

• „Zahlung ausstehend“ — direkt nach der Bestellung mit „Online mit Karte“.
• „Bezahlt, wird verpackt“ — nach der Kartenzahlung oder direkt nach der Bestellung mit „Barzahlung bei Lieferung“.
• „Versandt“ — nach „Bezahlt, wird verpackt“, wenn die Bestellung das Lager verlässt.
• „Zugestellt“ — nach „Versandt“, wenn der Kurier die Bestellung zustellt.
• „Storniert“ — der Nutzer hat auf Bestellung stornieren geklickt; der Bestand wird zurückgebucht. Eine Bestellung kann nur storniert werden, bevor sie versandt wurde.
• Die Bestellseite zeigt den Statusverlauf mit Datum und Uhrzeit.

Mein Konto:

• Profil: Der Name kann geändert werden, die E-Mail nicht. Passwortänderung: aktuelles Passwort, neues Passwort, Bestätigung.
• Meine Bestellungen: Nummer, Datum, Gesamtbetrag und Status; die neuesten zuerst. Ein Klick auf eine Bestellung öffnet ihre Details.
• Merkliste: Produktliste, Entfernen, in den Warenkorb legen.

Erwartetes Ergebnis

Erstellen Sie einen ausführlichen Bugreport mit klar beschriebenen Problemen, Schritten zur Reproduktion, tatsächlichen und erwarteten Ergebnissen, Screenshots und einer Einschätzung der möglichen Auswirkungen. Versuchen Sie, Testentwurfstechniken anzuwenden: Grenzwertanalyse, Äquivalenzklassen, Entscheidungstabellen und Zustandsübergänge.

Besonderheiten des Simulators:

Dieser Shop dient ausschließlich Übungszwecken: Es wird nichts verkauft und keine Zahlung ausgeführt. Alles, was Sie eingeben — Konten, Warenkörbe, Bestellungen, Bewertungen —, wird nur im lokalen Speicher Ihres Browsers (localStorage) gespeichert und bleibt auf Ihrem Computer: Es werden keine Daten an einen Server gesendet. Verwenden Sie trotzdem keine echten Kartendaten, E-Mail-Adressen oder Passwörter.

In der oberen linken Ecke des Shops befindet sich die runde Schaltfläche „Rb“ — das Realbugz-Menü. Darüber öffnen Sie diese Anforderungen in einem separaten Tab (praktisch, um beim Testen hin- und herzuwechseln), die Schaltfläche Shop zurücksetzen löscht alle gespeicherten Daten und stellt die ursprünglichen Bestände wieder her, und ← Zurück zu Realbugz bringt Sie zur Hauptseite zurück.

Ein echtes Lager oder einen echten Kurier gibt es nicht: Der Shop simuliert sie. Eine Bestellung wechselt 15 Minuten nach „Bezahlt, wird verpackt“ zu „Versandt“ und einen Tag nach „Versandt“ zu „Zugestellt“. Die Zeit stammt von der Uhr Ihres Computers — um diese Übergänge ohne Warten zu prüfen, stellen Sie die Uhr vor.