Internet Lexikon Startseite

eCommerce - Info

Copyright by at-mix
Spacer Spacer
Vorgehen

Prototyping

eCommerce-Tutorial
Die Aufgabe der Prototypen ist, dass sich der Kunde ein Bild vom zukünftigen Erscheinungsbild der Website machen kann.

Entwickeln Sie dazu mehrere Designvarianten als statische Bilder in einem Bildverarbeitungs- oder Zeichenprogramm, also ganz bewußt nicht in HTML !!

Geben Sie dazu Antworten auf die folgenden Fragen:

  1. Wie gliedern Sie die Seite ?

  2. Wo sitzt die Hauptnavigation ? Wo sitzt die Unternavigation ?

  3. Wie sehen die Startseiten der Rubriken aus? Wie die Navigation ?

  4. Wie sehen die Folgeseiten aus? Wie die Navigation der Folgeseiten ?

  5. Welche Farben haben die Navigationsgrafiken, welche die Schriften ?

  6. Arbeiten Sie mit Farbflächen, Verläufen oder Hintergrundbildern ?

  7. Wird die Navigation animiert ?

  8. Wie werden Bilder / Grafiken auf den Seiten eingebunden ? Wie groß dürfen
    Grafiken sein? Gibt es Vorgaben für das Format und die Farbigkeit ?

  9. Wie plazieren Sie Werbebanner ?

  10. Wie navigiert der Benutzer auf Folgeseiten der Unterrubriken ?


Entwickeln Sie die Seiten als Vektorgrafikdatei mit mehreren Einzelseiten oder als Photoshop - Dokument mit mehreren Ebenen. Diese Bilder entwickeln Sie als "Screenshot" auf die Größe eines leeren Browserfensters.

Bei einer Auflösung von 800 x 600 Pixel bleibt Ihnen eine Größe von 763 x 465 Pixel. Für die Navigation rechnen Sie zwischen 150 bis 170 Pixel in der Breite oder 40 bis 70 Pixel in der Höhe. Designvarianten also für 763 x 465 Pixel (einschließlich der Navigation) entwickeln.


Erste Präsentation der Designvarianten:

Für die Präsentation drucken Sie Ihre Vorschläge auf Overheadfolie aus und bereiten sie gleichzeitig auch für die Darstellung in einem Browser vor. Während der Präsentation benötigen Sie einen Overhead - Projektor, oder einen Beamer, oder einen Laptop. Welche Varianten möglich sind, klären Sie vorher mit dem Kunden telefonisch ab.

Was Sie ansprechen sollten:

  • Grundsätzlicher Aufbau des Strukturmodells,

  • Inhaltliche Gliederung und Zuordnung der Inhalte zu übergeordneten Rubriken,

  • Wege zu den Inhalten aus Benutzersicht, Hinweis auf die Benutzerprofile,

  • Grundsätzliche Seitenaufteilung,

  • Auswahl und Begründung für Farbsets und Schriften,

  • Begründung für die Wahl der Navigation und ihren Aufbau,

  • Eingesetzte Grafiken und Bilder,

  • Aussehen und Bedienbarkeit der Startseiten für Rubriken,

  • Bedienung und Navigation auf Unterseiten und Folgeseiten,

  • Zugriff auf die Basisseiten (index.htm, Home)

  • Kontaktmöglichkeiten und Interaktionen (E-Mail, Feetback, .. )


Die erste Präsentation - Grundsatzüberlegungen:

  • Bereiten Sie Ihre Präsentation vor.

  • Notieren Sie sich die wichtigsten Überlegungen zu Design und Navigation in
    Stichpunkten, damit Sie bei der Präsentation darauf zurückgreifen können.

  • Klären Sie im Vorfeld, in welcher Form Sie präsentieren können
    (Overhead - Projektor, Laptop, Beamer)

  • Tragen Sie frei vor. Vermeiden Sie es, Texte abzulesen.

  • Üben Sie die Präsentation "offline" (das heißt, ohne Publikum, oder nur mit den
    Mitarbeitern der Agentur), damit Sie bei der Präsentation beim Kunden sicher
    auftreten können. Hierbei können sich eventuell noch wichtige Sachfragen erarbeiten
    lassen, an die Sie vorher nicht gedacht haben.

  • Gehen Sie zu zweit zur Präsentation, einer protokolliert.


Abschließende Diskussion:

  • Seien Sie offen für die Diskussion.

  • Fassen Sie die Ergebnisse der Präsentation abschließend zusammen, samt
    Änderungswünschen.

  • Bereiten Sie ein Arbeitspapier vor, das Sie Ihren Auftraggebern überlassen.

Damit können Ihre Auftraggeber die Präsentation noch einmal in Ruhe auf sich
wirken lassen (Strukturplan, Designvarianten, Prototypen).


Ergebnis der Präsentation:

  • Welcher Prototyp wird weiterentwickelt ?

  • Welches Navigationsmodell kommt zum Tragen ?

  • Finden die Farbsets und die Schriften Zustimmung ? Haben Sie die
    unterschiedlichen Farbdarstellungen in den Browsern angesprochen, weil die
    vorgegebenen Firmenfarben nicht websicher sind ?

  • Ist der Seitenaufbau akzeptiert ?

  • Stimmen die Bildwelten und die Bildsprache ?


Eventuell werden die Prototypen entsprechend der Anregungen und Änderungswünsche modifiziert. Dann erfolgt eine weitere Präsentation.


Schließen Sie die zweite Phase des Projektes mit einem Protokoll ab, das Sie an die Projektbeteiligten verschicken. Dieses Protokoll ist die Arbeitsgrundlage für die Produktion und legt verbindlich die Rahmenbedingungen für Umfang, Design und Termine für den Aufbau der Website fest.

nach oben

Es gibt 70 weiterführende Erklärungen oder Definitionen:

Abschließen,   Agent,   Auflösung,   Auftrag,   Banner,   Beamer BeitragBeamer,   Bedingung,   Benutzer,   Browser BeitragBrowser,   BSIC,   Datei,   Dell BeitragDell,   Design,   Disk BeitragDisk,   Dokument,   Ebene,   EIDE,   Event,   E-Mail,   Farbdarstellung BeitragFarbdarstellung,   Feld,   Fenster,   File,   Format,   Gliederung,   Grafik,   Head BeitragHead,   Hint,   Hintergrund,   Hintergrundbild BeitragHintergrundbild,   Home,   HTML BeitragHTML,   Interaktion,   ISSE,   ITSP,   Laptop BeitragLaptop,   Line BeitragLine,   Mach,   Mode,   MODI,   offline,   Overhead,   Phase,   Photoshop BeitragPhotoshop,   Pixel BeitragPixel,   Präsentation BeitragPräsentation,   Programm,   Protokoll,   Punkt,   Rach,   Rage BeitragRage,   Satz,   Schließen,   Schrift,   Screen,   Screenshot BeitragScreenshot,   Seite,   Site,   Sprache,   Startseite,   Takt,   Tera,   Term,   Text,   Vektor BeitragVektor,   Website,   Werbebanner,   Wort,   Zeichen,   Zugriff 

Veröffentlicht am:
Zuletzt bearbeitet am:
Referenz:
17.06.2004 von Wilhelm (7551) Beiträge
17.06.2004 von
at-mix
Druckversion | Kommentar schreiben
Spacer
0|1|2|3|4|5|6|7|8|9|
A|B|C|D|E|F|G|H|I|J|
K|L|M|N|O|P|Q|R|S|T|
U|V|W|X|Y|Z|  -  :-) 
Dateiendungen
validome.org
Bei Validome können Sie Ihre Website auf barrierefreies HTML testen
 
nach oben