1.2 Konzepterstellung Webseiten

Transkript

1 1.2 Konzepterstellung Webseiten Medienengineering - Grobkonzept Grobkonzept: Inhaltsstruktur Organisation der Inhalte: bildet das strukturelle und funktionale Grundgerüst einer Site Beispiele Strukturierung: Website einer Bausparkasse Fokus Unternehmen Strukturierung nach thematischen Gesichtspunkten Strukturierung nach Bedarfssituationen der Nutzer 1

2 Grobkonzept: Inhaltsstruktur Beispiel: Fokus Unternehmen Grobkonzept: Inhaltsstruktur Beispiel: Strukturierung nach thematischen Gesichtspunkten 2

3 Grobkonzept: Inhaltsstruktur Beispiel: Strukturierung nach Bedarfssituationen der Nutzer Grobkonzept: Inhaltsstruktur Beispiel: Mix aus unterschiedlichen Inhaltsstrukturen 3

4 Grobkonzept: Inhaltsstruktur Die Darstellung einer Inhaltsstruktur erfolgt in Form einer Sitemap Schema einer Sitemap: Die verschiedenen Ausprägungen der Inhaltsbereiche sind hier durch verschiedene Formen gekennzeichnet. Grobkonzept: Inhaltsstruktur Sitemap: Beispiel Sitemap von Funktionsbereiche oder usergenerierte Bereiche sind hier durch Icons gekennzeichnet. 4

5 Grobkonzept: Benutzerführung Navigation und Inhaltsstruktur werden maßgeblich dadurch bestimmt, wie sie die verschiedenen Nutzer durch das Angebot führen sollen Abgleich der entwickelten Navigationsform mit den tatsächlichen Nutzeranforderungen Beispiel: Website eines Modeanbieters Mögliche Szenarien / mögliche Nutzungsmotive: Navigation nach Produktgruppen Navigation / Einstieg nach besonderen Anlässen Auswahl über Lieblingsfarben Grobkonzept: Benutzerführung Veranschaulichung der verschiedenen Zugangswege durch Entwickeln von Nutzer- Szenarien Formulierung der Navigationsform Die Homepage von bietet verschiedene Zugangswege auf die Inhalte: - über die Hauptnavigationsleiste - über die Teaser-Boxen - über Pull-Down Menüs für Business- und Privatkunden 5

6 Grobkonzept: Site-Aufbau Der Grundaufbau einer Website ergibt sich aus den inhaltlichen, funktionalen, technischen und visuellen Anforderungen. Definition des formalen Rahmens einer Website Umsetzung: Definition eindeutiger Funkionsbereiche Hauptnavigation (Menüleisten, Navigationsframes, Layer-Navigationen, Ebenen) Alternative Zugänge (Quick-Navigation Pull-Downs, scrollbare Bildleisten, Teaser- Bereiche) Metanavigation (übergeordnete Funktionen, z.b. Hilfefunktion, Kontakt-Link, Suche) Formularelemente (Eingabefelder / Pull Down-Menüs z.b. für Suchoptionen, Registrierungen, etc.) Notifikationsbereiche (ausgewiesener Bereich für die Generierung aktueller oder personalisierter Nachrichten) Banner-Bereich (Bereich für die Banner-Platzierung) Grobkonzept: Site-Aufbau Umsetzung: Der Site-Aufbau von ermöglicht es, bis zu 4 Produkte miteinander zu vergleichen -> Fokus Vergleichbarkeit und Kombination Definition der Inhaltsdramaturgie dramaturgischer Rahmen, aus dem sich die Anordnung und das Zusammenspiel von Site-Bereichen ergeben Beispiel: und Nutzenszenario: FINDEN ANSCHAUEN KAUFEN ERGÄNZEN 6

7 Grobkonzept: Site-Aufbau Darstellung eines Site-Aufbaus über erläuternde Skizzen schematische Screen-Aufbauten Beispiel: Grobkonzept: Inhaltsformen Füllen der Sitemap mit konkreten Inhalten und Funktionen Festlegen eines Regelwerks für verschiedene Inhaltsformen Man unterscheidet grob zwei verschiedene Ausführungen: statische Text-/Bilddarstellung verbreiteste Form der Inhaltsaufbereitung für Websites mit hohem Aktualisierungsaufwand für Websites mit breitem Produkt- oder Informationsangebot Interaktive Features Fokussierung statt Masse Verdeutlichung des Inhaltes durch emotionale Ansprache mittlerweile viele Websites, die interaktiv / animierte Bereiche anbieten durch den Einsatz von Flash 7

8 Grobkonzept: Inhaltsformen Beispiel: statische Text-/Bilddarstellung Die Website der Süddeutschen Zeitung erfordert einen hohen Aktualisierungsaufwand. Deshalb beschränkt sich der Großteil des Inhaltsangebotes auf statische Text-/Bild-Darstellungen. Grobkonzept: Inhaltsformen Beispiel: Interaktivität Die Bedienung des Siemens- Handys SL 45 wird unter in Form eines intraktiven Benutzerhandbuches erklärt. 8

9 Grobkonzept: Inhaltsformen Beschreibung der Inhaltsbereiche Beschreibung der einzelnen Inhaltsbereiche analog zur Sitemap anhand von dokumentierten Skizzen Beschreibung für Text-/Bildbereiche Beispieltext Der Themenbereich <<Standorte>> bietet weiterführende Informationen zum weltweiten Wirkungskreis des Unternehmens sowie Informationen zu den einzelnen Gschäftsstellen, z.b. Anschriften, Umsatzzahlen, Arbeitsgebiete etc. Beschreibung interaktiver Features Vorstellung von Features vermitteln Unterstützung des atmosphärischen Eindrucks Grobkonzept: Inhaltsformen Beschreibung der Inhaltsbereiche Sonderform: Content-Module Website als formale Hülle für redaktionell erstellte Inhalte Entwicklung von Content- Modulen, die selbst mit verschiedenen Inhalten gefüllt werden können 9

10 Grobkonzept: Asset-Liste Erstellung einer Liste aller Materialien, die für die Umsetzung der einzelnen Bereiche und Funktionen einer Website benötigt werden Beispiel Auflistung: Rubrik: Inhaltsbereich Kurzbeschreibung der dargestellten Inhalte Quelle: Ansprechpartner / Bereiche einer bestehenden Site oder Broschüre Status: Inhalte liegen vor/ nicht vor Fehlendes Material: Auflistung der Texte, Bilder, Soundfiles, etc. die noch benötigt werden Offene Fragen: noch zu klärende Inhalte, Funktionen, etc. Lieferdatum: zu liefern bis... Von... 10