|
 |
|
|
|
|
| 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:
- Wie gliedern Sie die Seite ?
- Wo sitzt die Hauptnavigation ? Wo sitzt die Unternavigation
?
- Wie sehen die Startseiten der Rubriken aus? Wie
die Navigation ?
- Wie sehen die Folgeseiten aus? Wie die Navigation
der Folgeseiten ?
- Welche Farben haben die Navigationsgrafiken, welche
die Schriften ?
- Arbeiten Sie mit Farbflächen, Verläufen
oder Hintergrundbildern ?
- Wird die Navigation animiert ?
- Wie werden Bilder / Grafiken auf den Seiten eingebunden
? Wie groß dürfen
Grafiken sein? Gibt es Vorgaben für das Format
und die Farbigkeit ?
- Wie plazieren Sie Werbebanner ?
- 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.
|  |
|
|
|
|
Es gibt 70 weiterführende Erklärungen oder Definitionen:
Abschließen, Agent, Auflösung, Auftrag, Banner, Beamer, Bedingung, Benutzer, Browser, BSIC, Datei, Dell, Design, Disk, Dokument, Ebene, EIDE, Event, E-Mail, Farbdarstellung, Feld, Fenster, File, Format, Gliederung, Grafik, Head, Hint, Hintergrund, Hintergrundbild, Home, HTML, Interaktion, ISSE, ITSP, Laptop, Line, Mach, Mode, MODI, offline, Overhead, Phase, Photoshop, Pixel, Präsentation, Programm, Protokoll, Punkt, Rach, Rage, Satz, Schließen, Schrift, Screen, Screenshot, Seite, Site, Sprache, Startseite, Takt, Tera, Term, Text, Vektor, 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 |
|
|
|
|
 |
|
|
|
|
|
der Usercounter ist derzeit deaktiviert
|

Bei WinTotal finden Sie Programme und Tools für Microsoft Windows
|
|
|
| | |
|

Bei Validome können Sie Ihre Website auf barrierefreies HTML testen
|
|
|