website-konzeption - hdm-stuttgart.deferdinand/produktionen/website... · brainwriting methode 635

Marinela Cosic, Michele Friedrich

Website-KonzeptionVon der Theorie in die Praxis


Website-Konzeption

Definition

Kreation

Umsetzung

Entwicklung

Produktion

Beispiele


Definition

Website-Konzeption

Start

Strategie

Analyse


Definition

Website-Konzeption

Start

Strategie

Analyse

Annäherung

Am Anfang steht eine Anfrage

das erste Briefing

eine intensive Kommunikation


Definition

Website-Konzeption

Start

Strategie

Analyse

Auftragschancen

Prüfung ob Zusammenarbeit erfolgreich wäre

Sammeln von Kundenwünschen

Erfassung der Projektchancen

Pitch-Präsentationen


Definition

Website-Konzeption

Start

Strategie

Analyse

Positionierung

Sammeln von verschiedenen Fakten und Werten

Einfluss auf Strategie, Inhalt und Gestaltung

Unternehmensstrategie

Unternehmensstruktur

Marktpositionierung


Definition

Website-Konzeption

Start

Strategie

Analyse

Entscheider

Ansprechpartner

Entscheider über Budgets

der inhaltliche Abnehmer

Reglement für Change Requests


Definition

Website-Konzeption

Start

Strategie

Analyse

Prozesse

Auswirkungen auf Verlauf und Konzept

Groberfassung

bei prozessorientierten Websites Detailanalyse

Produktentwicklung, Fertigung, Vertrieb

Bedarfsanalyse und Optimierung


Definition

Website-Konzeption

Start

Strategie

Analyse

Technische Infrastruktur

effiziente Implementierung

Einfluss auf den Inhalt

Einschätzung der Machbarkeit

Einschätzung der Kosten


Definition

Website-Konzeption

Start

Strategie

Analyse

Ziele

Aufnahme

Hintergründe und Motive

Zielhierarchie

Bewertung und Korrektur

Priorisierung

Ausarbeitung eines Kernzieles


Definition

Website-Konzeption

Start

Strategie

Analyse

Ressourcen

Pflege der Inhalte

Aufklärung des Kunden

personelle und materielle Ressourcen

Budget

Festlegung der Werte


Definition

Website-Konzeption

Start

Strategie

Analyse

Hierarchie

Erfassung der Strategie-Hierarchie

Erfassung der Offline-Maßnahmen

Synchronisation auf der On- und Offlineebene


Definition

Website-Konzeption

Start

Strategie

Analyse

Die vier strategischen Werte

das Produkt

die Marke

die Zielgruppe

der Wettbewerb


Definition

Website-Konzeption

Start

Strategie

Analyse

Produkt und Unternehmen

genaue Betrachtung

Erfassung des Benefits

Erfassung des Alleinstellungsmerkmales

Transfer auf die Online-Plattform

Suche nach den Potenzialen für Mehrwerte

Formulierung von USP und SMP


Definition

Website-Konzeption

Start

Strategie

Analyse

Marke

repräsentiert eine innere Welt

Erfassung dieser

Design übernimmt wichtige Transferleistung

Potenziale des Internets zur Stärkung der Marke

Low-Involvement-Marken


Definition

Website-Konzeption

Start

Strategie

Analyse

Zielgruppe

Erfassung der Zielgruppe

Priorisierung

Identifikation einer Kernzielgruppe

Aufstellen einer Sekundärzielgruppe

eine genaue Zielgruppenanalyse

Customer Relation Management

Online-Befragung


Definition

Website-Konzeption

Start

Strategie

Analyse

Wettbewerb

Analyse des Wettbewerbs

Benchmark-Analyse

Erschaffung eines Mehrwertes

Ausarbeitung einer Abgrenzung


Definition

Website-Konzeption

Start

Strategie

Analyse

Positionierung und Vision

Zusammenfassung der Ergebnisse

Maximalziel des Projektes

Stimulanz und Wegweiser für den weiteren Verlauf


Definition

Website-Konzeption

Start

Strategie

Analyse

Potenzialanalyse

SWOT-Analyse

Blick auf das Unternehmen

Blick auf den Markt und Wettbewerb

Legt Potenziale für innovative Ansätze offen

strukturiertes Vorgehen zur Ideenfindung


Definition

Website-Konzeption

Start

Strategie

Analyse

Strategic Brief

Analyse

Bewertung

Nutzenversprechen

Formulierung der Positionierung und Vision

Fundament für weitere Konzeptentwicklung

Abnahme durch den Kunden


Kreation

Entwicklung

MainIdea

Website-Konzeption


Kreation

MainIdea

Entwicklung

Schritte der Ideenentwicklung

Abgleich der strategischen Ziele

Mentale Einstimmung

Ideen sammeln

Themen clustern

Ideen kategorisieren

Idee überprüfen

Rücksprache im Team

Idee auf den Punkt bringen

Idee ausarbeiten

Rückschluss zu den strategischen Zielen

Website-Konzeption


Kreation

MainIdea

Entwicklung

Kreativitätstechniken

Brainstorming

Brainwriting

Methode 635

Mindmapping

Website-Konzeption


Kreation

MainIdea

Entwicklung

Definition

Konzeptionelles Leitmotiv

Kein USP !

Website-Konzeption


Kreation

MainIdea

Entwicklung

Metapher als Leitmotiv

Ziel

Positive Auswirkung auf die Umsetzung

Keine Übertragung auf die Gestaltung

Beschreibung eines Gesamteindrucks

Website-Konzeption


Kreation

MainIdea

Entwicklung

Website-Konzeption

Beispiel: www.turbonium.com


Kreation

MainIdea

Entwicklung

Look & Feel

Der erste Eindruck

Wirkung

Verstärkung durch Einzelkomponenten

Website-Konzeption


Kreation

MainIdea

Entwicklung

Website-Konzeption

Beispiel: www.barmer.de


Kreation

MainIdea

Entwicklung

Content-Inszenierung

Angemessenheit

Aufbau der Inhalte

nonhierarchisch

spielerisch-animiert

kaskadisch

linear

Mehrwert

Vorgehensweise

Website-Konzeption


Kreation

MainIdea

Entwicklung

Website-Konzeption

Beispiel: www.rtl-world.de


Kreation

MainIdea

Entwicklung

Navigation

Unterstützt den Gesamteindruck

Angemessenheit

Alternative Navigationsformen

Website-Konzeption


Kreation

MainIdea

Entwicklung

Website-Konzeption

Beispiel: www.nasa20.com


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Checkliste

Welche Dokumente liegen vor

Gibt es einen zentralen Ansprechpartner

Liegt ausreichendes Know-how vor

Welcher Zeitrahmen wird eingesetzt

Welche Meilensteine sind geplant

Wie wurde das Projekt budgetiertFunktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Vorgehensweise

Entwicklung der Inhaltsstruktur

Evaluation der formalen Anforderungen

Entwicklung der Content-Module

Aufbau des Grobkonzepts

Funktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Teamanforderungen

Projektmanagement

Design

Programmierung

Funktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Kundenanforderungen

Wichtiger Meilenstein

Abnahmegrundlage

Verständlichkeit

Änderungsphase

Kostenvoranschlag

Funktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Nutzeranforderungen

Beinflußen

Inhalte

Funktionen

Inhaltsstruktur

Aufbau der Website

Funktionen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Inhaltsstruktur

Strukturelles und funktionales Grundgerüst

Berücksichtigung der MainIdea

Darstellungsformen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Strukturierungsbeispiele

Unternehmen

Geschäftsfelder

Standorte

Zahlen&Fakten

Presse

News

Archiv

Services

Bedarfsermitt.

Förderungsber.

Steuerplaner

Ansprechpart.

Produkte

Bausparen

Baufinanzier.

Sparanlagen

Fonds

Versicherungen

Karrieren

Rechner

Bausparkasse

Beispiel 1


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen


Bausparkasse

Bausparen

Produkte

Bedrafsermitl.

Berechnung

Förderungen

Ansprechpart.

Versicherung.

Produkte

Bedrafsermitl.

Berechnung

Förderungen

Ansprechpart.

Fonds

Produkte

Bedrafsermitl.

Berechnung

Förderungen

Ansprechpart.

Sparanlagen

Produkte

Bedrafsermitl.

Berechnung

Förderungen

Ansprechpart.

Baufinanzier.

Produkte

Bedrafsermitl.

Berechnung

Förderungen

Ansprechpart.

Über unsNewsZahlen&FaktenStandorteKarrieren

Beispiel 2


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen


Bausparkasse Über unsNewsZahlen&FaktenStandorteKarrieren

Vorbauen

Bausparen

Baufinanzier.

Sparanlagen

Fonds

Versicherungen

Umbauen

Bausparen

Baufinanzier.

Sparanlagen

Fonds

Versicherungen

Aufbauen

Bausparen

Baufinanzier.

Sparanlagen

Fonds

Versicherungen

Beispiel 3


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Benutzerführung

Überblick der Zielgruppen

Zielgruppenmotive

Zielgruppennutzen

Nutzungsanforderungen

Zugangswege


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Beispiel: www.aral.de


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Navigation

Flußdiagramme

Leitermodell

Baummodell

Netzwerkmodell

Verständlich

Überschaubar

Aktuelle Position


Definition

Website-Konzeption

Start

Strategie

Analyse

Beispiel: www.manhattan-cosmetics.com


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Site-Aufbau

Skizzen und erste Entwürfe

Sitemaps

Inhaltsstruktur

Inhaltsdramaturgie

Navigation


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Beispiel: www.nitro.de


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Inhaltsformen

statische Text-/Bild-Darstellungen

Interaktive Features


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Funktionale Bereiche

Hauptnavigation

Alternative Zugänge

Metanavigation

Formularelemente

Notifikationsbereiche

Banner-Bereich


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Transaktionen

Einbindung

Ablauf

Ergänzende Funktionen

Technischer und Logistischer Background


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Kommunikation

Nutzen und Relevanz

Einsatz der Kommunikationsformen

Implizite Funktionen

Redaktionelle Ressourcen


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Tools

Strukturierung

Ablaufszenario

Verfügbarkeit der Daten

Technische Integration


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Metafunktionen

Definition der Funktionalitäten

Inhaltliche und Funktionale Konsequenzen

Konzeptioneller Abgleich

Technischer Abgleich


Umsetzung

Grobkonzept

Inhalte

Website-Konzeption

Funktionen

Umfeld

Intern, Funktionsbeschreibungen

Extern, Bewerbung


Entwicklung

Grundlagen

Typen

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Entwicklung des Feinkonzepts

Aufgabe:

produktionsfähige Vorlage schaffendem Kunden eine klare Vorstellung vermitteln

Anspruch:

VollständigkeitEffizienzKonsistenz

Teamabstimmung:ZwischenabstimmungVersionskontrolleSchlußlektorat

Grundlagen

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Abstimmung mit dem Kunden:

Korrektur und Abnahmeprozedere

Testing:

UsabilityWordingFunktionalität

Grundlagen

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Inhaltlicher Fragenkatalog an das Feinkonzept

Management

Wie läßt sich Die Main Idea am besten darstellen?

Wie ist die Ziel-richtung der Siteaus Nutzersicht inhaltl. und funktional erreichbar?

Wie sind Kontakt und Feedbackmög´-

lichkeiten gestaltet?

Wo ist eine multimediale

Darstellg(Video)empfehlenswert?

Wie kann ich die Interaktivität für

den Nutzer sinnvoll steigern?

Wieviele Verweise auf Unterseiten gibt es und wo

befinden sie sich?

Wie ist das Navigations-

prinzipfestgelegt? Wie muß es verfeinert

werden?

Wie werden Trans-aktionen optimal gesteuert?(keine Abbrüche,verständ-licher Weg durch

den Prozess)

Wo könnte Hilfe erwartet werden?

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Organisatorische Fragen an das Feinkonzept

Management

Liegt ein abgenommenes

Grobkonzept vor?

Welche Symbole,Begriffe, graf.Elemente sollen zur Beschreibunggenutzt werden?

Wieviele Korrekturversionensind kalkuliert?

Liegen alle Assets vor? Welche haben Priorität?

Wird ein Texter benötigt?

Wieviele Leute werden für das Projekt benötigt?

Welche Teil-prozesse werden ausgelagert, welche intern produziert?

Wie ist der Zeit-plan für Grafik und Programmierg

(parallel arbeiten)?

Wie viele Tage wurden für das Feinkonzept budgetiert?

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Jedes Feinkonzept beinhaltet obligatorische und variable Bestandteile

Obligatorische Bestandteile:

Vorspann

SitemapAsset-Liste

Meta Tags

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Fester Bestandteil: Sitemap

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Fester Bestandteil: Asset-Liste

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variable Bestandteile:

Prosabeschreibungen

Funktionsskizzen

Place-Case

Elementtabellen

Flow-Diagramme

Motion-Script

Datenattribute

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variabler Bestandteil: Funktionsskizze (Email)

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variabler Bestandteil:

Place-Case

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variabler Bestandteil: Elementtabelle

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variabler Bestandteil: Flow-Diagramm (Email)

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Variabler Bestandteil: Motion Script

Bausteine

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Statische Website

Content-basierte dynamische Website

Prozessorientierte Website

Flash-basierte Website

Multi-Channel-Anwendungen

Website-Typen

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

heute nur noch selten

keine regelmäßigen Inhaltsänderungen vorgesehen

häufig bei temporären Sites ohne CMS

Statische Website

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Generiert sich nach einem dynamische Regelwerk aus Datenbankinhaltenbasiert auf Content Management Systemen (CMS)

erfordert intensive Zusammenarbeit zwischen Konzept, Technik und Design

Aufbau:SeitenrasterTemplatesContainerModuleContent-Entry-Concept


Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Template


Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Container


Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Komplexe Geschäftsvorgänge, Arbeits und Komunikationsabläufe (Online-Shop)

Flow-Diagramme sehr hilfreich

UML (Unified Markup Language)Sprache zur Software-BeschreibungStrukturierung komplexer Diagrammtypen

Prozessorientierte Website

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Vektorbasiertes Darstellungsprinzip

lineare SequenzenInteraktive SequenzenLoading FilesTexte

Flash-basierte Website

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Mobile Webinhalte

Restriktionen der einzelnen Endgeräte beachten (situatives, technisches Umfeld)

sparsam mit Inhalten umgehen

Lokalisierte Inhalte haben ZukunftzB Wegbeschreibung zum Kino

Multi-Channel-Anwendungen

Management

Website-Konzeption


Entwicklung

Grundlagen

Typen

Bausteine

Erfahrungswerte nutzen

WiederverwertungFormale ErfahrungenInhaltlich Erfahrungen

Gemeinsam konzipieren

aber: „Viele Köche verderben den Brei“

Konzept-Management

Management

Website-Konzeption


Produktion

Text

Begleitung

Content

Website-Konzeption


Produktion

Text

Begleitung

Content

Tonalität

Medienkonfromität

Text/Bilddramaturgie

Wording

Nichtredaktionelle Texte

Redaktionelle Texte

Briefing für Rohtexte

Textentwicklung

Website-Konzeption


Produktion

Text

Begleitung

Content

Was wo wie wann?

Die Attraktivität einer Website lebt von der Qualität und Aktualität ihrer Inhalte.

Dateiablage

Content Statuslisten

Redaktioneller Leitfaden

Content-Handling

Website-Konzeption


Produktion

Text

Begleitung

Content

Nach Abnahme des Feinkonzepts empfiehlt es sich häufig, daß der Konzepter die technische und gestalterische Umsetzung begleitet.

Lernprozess

Anpassung

Testing

Produktionsbegleitung

Website-Konzeption


Beispiele

Website-Konzeption


Beispiele

www.bifi.de, www.zomtec.de

Agentur: Bartle Bogle Hegarty, London

Mittelpunkt:

fiktives amerikanisches mittelständisches Unternehmennamens Zomtec und dessen Mitarbeiter

2-gleisiges Konzept: Zomtec und Bifi

Ergebnis:

Umsatzsteigerung um 14% bei Bifi

E-Branding

Website-Konzeption


Beispiele

www.bifi.de, www.zomtec.de

E-Branding

Website-Konzeption


Beispiele

www.adidas.com

Agentur: Pixelpark AG, Berlin

Herausforderung:

Synchronisation aller Auftritte für alle Länder unter Berücksichtigung nationaler Belange

Main Idea: „Adidas ist Dein fqirer Sparringpartner, immer undüberall“

USP: Communities, Foren, Promichat, Vereinshomepage, Trainingsplaner, Gesundheitstips, Equipmentberatung

Global Corporate Website

Website-Konzeption


Beispiele

www.adidas.com

Global Corporate Website

Website-Konzeption


Beispiele

www.templeflower.com

Highlights:

Closed Auction

Artfinder

Geplant:

„Little Templeflower“

Kooperationen mit Hochschulen

Info- und Auktionsplattformen

Website-Konzeption


Beispiele

www.libri.de

Revolutionär:

Komplexes E-Commercesystem, daß den Einzelhandel als Partner integriert.=> Über 1000 verpartnerte Buchhändler

Ziel: Klares Alleinstellungsmerkmal im Büchermarkt

Highlights:Umfangreichster Titelkatalog deutscher LiteraturUmfangreichste Linksammlung zu Literatur3000 Autoren, 1500 Verlage, 600 BibliothekenWöchentlich 5000 Neuerscheinungen

E-Commerce Website

Website-Konzeption


Beispiele

www.libri.de

E-Commerce Website

Website-Konzeption


Beispiele

www.metropolis.de

Online-Community

Website-Konzeption


Beispiele

E-Culture, Hypovereinsbank

Ziel:

Unternehmerische Prozesse optimieren

Mitarbeiter im Umgang mit Internet schulen

Angst vor Internet nehmen

Wissensmanagement

Anforderungen an Konzept:

Feinabstimmung zwishcen funktionalem und emotionalem Erlebnis des Nutzers (zB durch Avatare)

Intranet und E-Learning

Website-Konzeption


Website-Konzeption


Anhand des Buches

M. Grotenhoff, A. Stylianakis: Website-Konzeption Galileo Press GmbH, Bonn 20021. Auflage 2001

website-konzeption - hdm-stuttgart.deferdinand/produktionen/website... · brainwriting methode 635

Documents