produktedefinition / prototyp

Transkript

1 christoph lauber, rony meyer juni, 2003

2 Änderungskontrolle Version Datum Name Bemerkungen Rony Meyer / Christoph Lauber Initial Version Rony Meyer / Christoph Lauber Version for Review Rony Meyer / Christoph Lauber Final Version Rony Meyer / Christoph Lauber Fehlerkorrektur Final Version Seite 2 von 27

3 Inhaltsverzeichnis 1 Einleitung Zweck des Dokuments Referenzierte Dokumente Produktedefinition Cross-Selling Anmeldeablauf Bestellablauf Live-Hilfe Skins Free Shipping Anzeige beim Warenkorb Webcam D Ansicht der Produkte Forum / Community Abstrahierung eines Shops Definition Prototyp Cross-Selling Anmeldeablauf Bestellablauf Live-Hilfe Skins Free Shipping Anzeige beim Warenkorb Webcam D Ansicht der Produkte Forum / Community Abstrahierung eines Shops Schlusswort...27 Seite 3 von 27

4 Abbildungsverzeichnis Cross-Selling Zusatzprodukte...9 Cross-Selling: Produkt der Woche...10 Cross-Selling: Rezept...11 Anmeldeablauf: Schritt Anmeldeablauf: Schritt Anmeldeablauf: Schritt Bestellablauf: Schritt Bestellablauf: Schritt Live-Hilfe: Einbindung in die Website...16 Live-Hilfe: Das Hilfefenster...17 Live-Hilfe: Das Chatfenster...17 Skins: jung, feminin...18 Skins: soft, männlich...19 Skins: jung, männlich...20 Skins: kühl und zielgerichtet...21 Free Shipping Anzeige...22 Webcam: Auswahlfenster...23 Webcam: Webcamfenster...24 Abstrahierung eines Shops: Gebäude von aussen...25 Abstrahierung eines Shops: Stockwerkansicht von innen...26 Tabellenverzeichnis Referenzierte Dokumente...5 Seite 4 von 27

5 1 Einleitung 1.1 Zweck des Dokuments Dieses Dokument dient dazu, die im Dokument Verbesserungsvorschläge ausgewählten Vorschläge zu Beschreiben und wenn möglich als Demonstrator bildlich darzustellen. Die Umsetzung muss nicht unbedingt wie in den Demonstratoren dargestellt geschehen, die Demonstratoren dienen eher zur Veranschaulichung der Idee und sind noch nicht bis ins letzte Detail ausgearbeitet. 1.2 Referenzierte Dokumente Verfasser Name Version Referenz Projektteam Situationsanalyse 1.3 Projektteam Ziele und Bedürfnisse 1.2 Projektteam Verbesserungsvorschläge 1.3 Tabelle 1: Referenzierte Dokumente Seite 5 von 27

6 2 Produktedefinition Die von uns nachfolgend definierten Produkte sind Bestandteile eines Online-Shops. Sie sind unabhängig von einander realisierbar und bilden daher auch nicht ein Gesamtpaket. Setzt man alle Teile zusammen erhält man nicht einen funktionsfähigen Online-Shop. Die definierten Produkte sind vielmehr Verbesserungsvorschläge für einen bestehenden Shop im Food und Nearfood Bereich. Somit ist zu verstehen, weshalb wir nicht eine Produktdefinition erstellt haben, sondern Teilprodukte definieren. 2.1 Cross-Selling Idee Dem Kunden werden Zusatzprodukte, Produkte der Woche und Rezepte zum Kochen vorgeschlagen. Wir haben all diese Möglichkeiten unter dem Begriff Cross-Selling zusammengefasst. Umsetzung Zusatzprodukt Kauft der Kunde Spaghetti ein, wird ihm vorgeschlagen auch noch eine Sauce dazu einzukaufen. Dieser Vorschlag darf aber nicht in einem Pop-Up Fenster erfolgen das der Kunde jedes mal schliessen muss wenn er das Produkt gar nicht will. Wir stellen uns vor, dass im Warenkorb die Produkte, die mit einem Zusatzprodukt verlinkt sind, einen Button enthalten, über den die Zusatzprodukte anzeigt werden können. Produkte der Woche Auf der Startseite des Shops oder auf der Hauptseite einer Produktkategorie werden Produkte der Woche angeboten. Diese Produkte können z.b. auf die Jahreszeit abgestimmt sein oder besondere Aktionen darstellen. Die Produkte stehen auch in Verbindung mit den Rezepten. So kann z.b. das Produkt der Woche die Erdbeere sein, die in Form von Erdbeerschnitten angeboten wird. Rezept In einer speziellen Rubrik werden dem Kunden Rezepte zu den Produkten aus dem Shop angeboten. Die dort aufgelisteten Rezepte stellen eine art Kochbuch dar. Der Kunde kann direkt über das Rezept die Zutaten die er dazu benötigt bestellen. 2.2 Anmeldeablauf Idee Die Anmeldung soll vereinfacht und klarer zwischen obligatorischen und optionalen Daten getrennt werden. Umsetzung Die Anmeldung wird aufgeteilt in einen ersten Schritt in dem obligatorische Daten erfasst werden, in einen zweiten in dem die Bezahlmethode optional eingegeben werden kann und in einen dritten in dem der Kunde dem Shop angaben macht zur Personalisierung. Nach jedem Schritt kann sich der Kunde registrieren lassen ohne dass ihm dadurch Nachteile erwachsen. Die Personalisierung soll dem Kunden durch einen Einkaufsgutschein schmackhaft gemacht werden. Seite 6 von 27

7 2.3 Bestellablauf Idee Um eine Bestellung in Auftrag zu geben soll der Kunde auf der einen Seite die Möglichkeit haben sich nicht registrieren zu müssen und auf der anderen Seite, falls er registriert ist, die Bestellung mittels one-click ausführen zu können. Umsetzung Wenn der nicht registrierte Kunde zur Kasse will um die Ware zu kaufen, wird er gefragt ob er sich vor dem Bezahlen registrieren lassen will oder ob er seine Daten nur für diesen Einkauf angeben will. Bei einem registrierten Kunden wird eine möglichst speditive Variante verfolgt. An der Kasse werden die Lieferdaten so eingeblendet, wie er sie für die letzte Lieferung eingestellt hatte. Dies wird dem Kunden mitgeteilt und er muss nur noch Bestätigen, wenn er mit der letzten Lieferung zufrieden war. Er kann die Daten aber auch mutieren. 2.4 Live-Hilfe Idee Der Kunde soll die Möglichkeit haben sich während seines Einkaufs Beratung einzuholen. Umsetzung Dem Kunden soll neben der Hotline die Möglichkeit geboten werden seine Fragen via Live-Chat stellen zu können. Allerdings ist dieser Service nicht 24h aktiv. Deshalb wird auf der Seite ein spezielles Icon angezeigt, wenn jemand des Shop-Betreibers die Fragen beantworten kann. Wenn niemand erreichbar ist, wird das Icon auch nicht dargestellt. Auf diese Möglichkeit wird im Hilfemenu speziell hingewiesen. 2.5 Skins Idee Der Benutzer kann sein bevorzugtes Design für den Shop wählen. Umsetzung Für verschiedene Kundengruppen wurden differenzierte Farbdesigns entworfen. Anhand der Farbtheorie und bekannten, bereits bestehenden Internetseiten, wurden Farbmodelle für die Benutzer erarbeitet. jung, feminin und schrill in leuchtenden vollen Farben soft, männlich und ruhig in Blau-, Türkis- und Grüntönen jung, männlich und dynamisch in Grün- und Grautönen erfrischend und sommerlich in hellen Blau-, Gelb- und Grüntönen kühl und zielgerichtet in Blau- und Grautönen 2.6 Free Shipping Anzeige beim Warenkorb Idee Beim Warenkorb wird Angezeigt, für wieviel der Kunde noch einkaufen muss, damit er die Artikel Gratis geliefert bekommt, diese Anzeige wird jedoch erst ab einem Betrag von 50% des Free Shipping Wertes angezeigt. Seite 7 von 27

8 Umsetzung Im Warenkorb wird nicht nur der Aktuelle Warenwert angezeigt, sondern auch noch wieviel bis zur Gratislieferung fehlt. Anstelle von Gratislieferung kann z.b. auch Gutschein oder Gratisflasche Wein stehen. 2.7 Webcam Idee Eine oder mehrere Webcams zeigen dem Kunden wie im Lager mit der Ware umgegangen wird und wie sie gelagert ist. Umsetzung In einem speziellen Bereich kann mittels Live Video-Stream betrachtet werden, wie in den Abteilungen mit der Ware gearbeitet wird D Ansicht der Produkte Idee Das Produkt kann gedreht und gezoomt werden. Umsetzung Mit der Technik von VRML oder Java3D wird das Produkt dreidimensional dargestellt. Momentan muss in den Browsern noch ein zusätzliches Plugin installiert werden um Elemente die mit dieser Technik dargestellt werden anzuzeigen. Aber in Zukunft wird dies vielleicht nicht mehr nötig sein. 2.9 Forum / Community Idee Das Forum / die Community soll den Austausch von Informationen unter Kunden unterstützen und dem Shop-Betreiber als Anregung von Verbesserungsvorschlägen dienen. Es können auch Themengebiete wie Gesundes Essen oder Essen uns Sport entstehen. Umsetzung Das Forum / die Community ist ein Bereich wie er schon auf vielen Websites besteht. Es soll deshalb auch nicht etwas komplett anderes für die Shops im Food/Nearfood Bereich entworfen werden Abstrahierung eines Shops Idee Der Online-Shop soll vom Design her näher an einen reellen Shop herangebracht werden. Umsetzung Ohne Techniken zu verwenden die die Installation von zusätzlichen Plugins erfordern, soll die Navigation des Shops einem Einkaufszentrum gleichen. Der Kunde sieht nicht mehr eine Navigationsleiste mit den Produktgruppen, Untergruppen und schliesslich den eigentlichen Produkten, sondern hat auf der Hauptebene ein Einkaufszentrum vor sich in dem er den Stock, die Abteilung und schliesslich das Regal wählt um zu seinem Produkt zu gelangen. Seite 8 von 27

9 3 Definition Prototyp 3.1 Cross-Selling Zusatzprodukt Abbildung 1Cross-Selling Zusatzprodukte Seite 9 von 27

10 Produkte der Woche Abbildung 2Cross-Selling: Produkt der Woche Seite 10 von 27

11 Rezept In diese Rubrik gelangt man entweder via Link über den Produkteinkauf und den zu den eingekauften Produkten vorgeschlagenen Rezepten oder durch direktes anwählen der Rubrik. Abbildung 3Cross-Selling: Rezept Seite 11 von 27

12 3.2 Anmeldeablauf Schritt 1 Abbildung 4Anmeldeablauf: Schritt 1 Seite 12 von 27

13 Schritt 2, Lieferadresse Abbildung 5Anmeldeablauf: Schritt 2 Seite 13 von 27

14 Schritt 3, freiwillige Angaben Abbildung 6Anmeldeablauf: Schritt 3 Seite 14 von 27

15 3.3 Bestellablauf Schritt 1, Liefertag und Zeitpunkt festlegen. Abbildung 7Bestellablauf: Schritt 1 Schritt 2, Übersicht über die Lieferung. Abbildung 8Bestellablauf: Schritt 2 Seite 15 von 27

16 3.4 Live-Hilfe Einbindung in die Website Abbildung 9Live-Hilfe: Einbindung in die Website Seite 16 von 27

17 Das Hilfefenster Das Chatfenster Abbildung 10Live-Hilfe: Das Hilfefenster Abbildung 11Live-Hilfe: Das Chatfenster Seite 17 von 27

18 3.5 Skins jung, feminin und schrill in leuchtenden vollen Als Vorlage diente die Seite der Frauenzeitschrift Annabelle Abbildung 12Skins: jung, feminin Seite 18 von 27

19 soft, männlich und ruhig in Blau-, Türkis- und Grüntönen Als Vorlage diente die Seite des Shops eines schweizer Männerforums Abbildung 13Skins: soft, männlich Seite 19 von 27

20 jung, männlich und dynamisch in Grün- und Grautönen Als Vorlage diente die Ernährungsseite der Männerzeitschrift Men's Health Abbildung 14Skins: jung, männlich Seite 20 von 27

21 kühl und zielgerichtet in Blau- und Grautönen Konzipiert für den Zielgerichteten Käufer der eine Klare Struktur erwartet. Abbildung 15Skins: kühl und zielgerichtet Seite 21 von 27

22 3.6 Free Shipping Anzeige beim Warenkorb Abbildung 16Free Shipping Anzeige Seite 22 von 27

23 3.7 Webcam Auswahlfenster Abbildung 17Webcam: Auswahlfenster Seite 23 von 27

24 Webcamfenster Abbildung 18Webcam: Webcamfenster 3.8 3D Ansicht der Produkte Die 3D Ansicht der Produkt kann mit Flash realisert werden, ein Beispiel ist unter dem folgenden URL zufinden: Forum / Community Hier haben wir einige Diskusionsforen und Newsgroups als Vorlage. Zum Beispiel kann eine Normale Newsgroup dienen, die in den Shop eingebunden ist, so können sowohl Kunden als auch Nichtkunden mitdiskutieren ( Als weiteres Beispiel dient das Forum auf heise.de: Seite 24 von 27

25 3.10 Abstrahierung eines Shops Um diese Idee darzustellen, wurde von uns ein existierendes Beispiel von Adobe mit der Technologie SVG herangezogen. Dieses Demo findet sich online unter: Gebäude von aussen Abbildung 19Abstrahierung eines Shops: Gebäude von aussen Seite 25 von 27

26 Stockwerkansicht von innen Abbildung 20Abstrahierung eines Shops: Stockwerkansicht von innen Seite 26 von 27

27 4 Schlusswort Die hier aufgeführten Beschreibungen und Demonstratoren geben einen guten Überblick über die in der Diplomarbeit zu Realisierenden Verbesserungsvorschläge. Was noch zu berücksichtigen ist, sind die Technischen Voraussetzung sowie der zu schätzende Zeitaufwand. Gewisse Verbesserungsvorschläge können von einem Shop unabhängig realisiert werden, andere müssen in Zusammenhang mit einem Shop bzw. einer Artikeldatenbank realisiert werden. Dabei gibt es zwei Möglichkeiten, erstens kann zu einer bestehenden Shoppingsoftware Plugins geschrieben werden oder es kann ein kleiner Shop selber realisiert werden, dies mit den Technologien PHP und MySQL. Diese Evaluierung wird der Start unserer Diplomarbeit darstellen. Seite 27 von 27