web-management & -konzeption

websiteprojektmanagement

definition

stakeholder

magisches dreieck

projektphasen

website projektmanagement

martin hahn _ 2010

DIN 69901

“Gesamtheit von Führungsaufgaben, -organisation, -techniken und -mitteln für die Abwicklung eines Projektes“

Projektmanagement:

„Das Projekt führen, koordinieren, steuern undkontrollieren.“

Definition


martin hahn _ 2010

� Zeitlich begrenzt

� Zielorientiert

� Neu & Einmalig

� Klar budgetiert

� Begrenzte Ressourcen

� Es bewirkt / verändert etwas

Was ist ein Projekt?


martin hahn _ 2010

„Sechs Vorgehensschritte“ eines Projektablaufs:

Phase 1: BegeisterungPhase 2: VerwirrungPhase 3: ErnüchterungPhase 4: Suche des SchuldigenPhase 5: Bestrafung der UnschuldigenPhase 6: Auszeichnung der Nichtbeteiligten

Karikatur


martin hahn _ 2010

Wie entsteht eine Website?


martin hahn _ 2010

� Geringer Automatisierungsgrad

� Schnelllebigkeit, Innovationen

� Komplexität

� Make- or buy-Entscheidungen

� Kooperative Strukturen / Interdisziplinarität

� Beratungsintensiv

Kennzeichen von multimedialen Anwendungen


martin hahn _ 2010

� Perspektive Unternehmensleitung

� Perspektive Projektleitung

� Perspektive Mitarbeiter

� Perspektive Kunde

Projektbeteiligte haben unterschiedliche Inter-essen & Anschauungen:


martin hahn _ 2010

„Das Projekt ist ein Objekt unter mehreren!“

� Projektportfolio

� Auswahl von Projektleiter & -mitarbeiter

� Berichtswesen & Erfahrungssicherung

� Projektende & -abbruch

Perspektive Unternehmsleitung


martin hahn _ 2010

„Das jeweils gerade laufende Projekt ist der absolute Mittelpunkt des Interesses!“

� Realistische Projektplanung

� Teamsteuerung & Mitarbeitermotivation

� Transparent & schnelle Entscheidungswege

Perspektive Projektleitung


martin hahn _ 2010

„Meine Rolle als ein Teil von Unternehmen und Projekt!“

� Anforderung an die Mitarbeiter-Qualifikation

� Transparente Leistungsbeurteilung

� Beeinflussung der Karriere

Perspektive Mitarbeiter


martin hahn _ 2010

„Ich möchte Top-Qualität zum Top-Preis – möglichst schnell!“

� Sicherung der Produkt-Qualität

� Transparente Projektabwicklung

� Verantwortlicher Umgang mit dem Budget

� Vertrauensaufbau & -sicherung

Perspektive Kunde


martin hahn _ 2010

Magische Dreieck

Kosten

Zeit Qualität


martin hahn _ 2010

1. Idee / Initialisierung

2. Definition / Konzeption / Planung

3. Realisierung / Produktion

4. Auswertung

Projektphasen


martin hahn _ 2010

Entstehung der Projektidee

� Ziele des Projektes

� Betriebliche Voraussetzungen

� Umfang

� Zielgruppen

� Prüfung auf Realisierbarkeit

� Meist auf Auftraggeberseite


martin hahn _ 2010

Briefing

� Verantwortliche des Auftraggebers und des Auftragnehmers

� Schriftliche Dokumentation des Briefings

� Gründliche und umfassende Informationen von Seiten

des Auftraggebers

� ...über alle Fakten, Hintergründe und Meinungen

� Das “Auch-Wichtige” vom “Wirklich-Wichtigen” trennen

� Hilfreich sind Checklisten

� Evtl. Grundlage des Angebots

websitekonzeption

funktionen

konzeptioner

briefing

analyse

grobkonzept

feinkonzept

website konzeption

martin hahn _ 2010

Funktionen eines Konzepts

Strategische Entscheidungshilfe

Praktische Richtschnur

Motivierende Stimulans

Ökonomische Planungsbasis

KONZEPT

website konzeption

martin hahn _ 2010

Tätigkeitsfeld Konzeption(er)

� Schnittstelle zwischen Briefing und Realisation

� Kommunikation mit Kunde und Team

� Positionierung eines Online-Angebots

� Inhaltliche Gestaltung der Website

� Erstellung Storyboard

� Produktionsbegleitende Qualitätskontrolle

analyseunternehmen

marke

ziele

zielgruppen

nutzen

konkurrenz

website konzeption

martin hahn _ 2010

Analyse

Unternehmen(sziele)

� Stärken / Schwächen

� Chancen / Risiken

� Eigenschaften

� Mehrwert

� Unternehmensstrategie

� Position

� Marketing / Kommunikation

website konzeption

martin hahn _ 2010

Analyse

Ziele der Website

� Imagepflege

� Vermarktung

� Presales

� Verkauf

� Service

� Ziele bestimmen die Inhalte

website konzeption

martin hahn _ 2010

Analyse

Markenwerte

� Design

� Gefühlswelt

� Eigenschaften / Attribute

� Nutzen

� Bekanntheitsgrad

website konzeption

martin hahn _ 2010

Analyse

Zielgruppen

� Kernzielgruppen

� Nebenzielgruppen

� Sozidemografische Merkmale (Alter, Einkommen,

Wohnort, Bildung / Beruf etc.)

� Psychologische Merkmale (Wünsche, Einstellungen,

Vorurteile, Ängste etc.)

� Konsummerkmale (Kauf- & Freizeitverhalten etc.)

website konzeption

martin hahn _ 2010

� Menschen verstehen und ihr Verhalten einschätzen.

� Emotionen werden immer wichtiger.

� Genaue Kenntnisse der Zielgruppe bestimmen

den Inhalt und die Form!

Analyse

Zielgruppen

website konzeption

martin hahn _ 2010

� Präzise Beschreibung der Nutzer und ihrer Ziele

� Persona: Kein realer Mensch,

sondern: Archetyp eines Nutzers, Klischee, Pauschalisierung

� Fragestellungen formulieren:

Was interessiert die Personas?

Personas-Konzept

website konzeption

martin hahn _ 2010

Analyse

Nutzen

� Anbietersicht

� Anwendersicht

� Motive der Nutzer

website konzeption

martin hahn _ 2010

Analyse

Wettbewerb / Konkurrenz

� Mehrwert der Konkurrenz-Websites

� Vorbilder

� Um besser zu sein als der Wettbewerb,

muss man ihn kennen!

website konzeption

martin hahn _ 2010

Analyse

Ergebnis

� Gemeinsamer strategischer Ansatz

� Zieldefinitionen

� Grundlage der Ideenentwicklung

� Rahmenbedingungen

grobkonzeptinhalte

technik

mainidea

look & feel

navigation

design

website konzeption

martin hahn _ 2010

� Zielgruppenrelevante Inhalte

� Produktrelevante Inhalte

� Features & Bonbons

Inhalte

website konzeption

martin hahn _ 2010

� Bilder / Grafiken

� Animationen / Visuelle Effekte

� Sounds / Musik

� Video

� Texte

� Downloads

� 3D Modelle

� Spiele / Simulationen

Digital Content

website konzeption

martin hahn _ 2010

� Navigation

� Handlungsablauf

� Interaktivität

� Funktionalitäten

Usereinbindung

website konzeption

martin hahn _ 2010

� Besucher erwarten “Goodies”

� Aber trotzdem schnelle Zielerreichung

� Salz in der Suppe

Features & Bonbons

website konzeption

martin hahn _ 2010

Inhalte und Funktionen bestimmen die zu verwendende Technik.

� Nicht umgekehrt

Umsetzung:

� Statische / Dynamische Inhalte

� Manuell programmiert

� CMS / Administrationsmöglichkeiten

Technik

website konzeption

martin hahn _ 2010

� konzeptionelles Leitmotiv der Website

Grundlage für:

� Das Erscheinungsbild (Look & Feel)

� Die Navigationsform / Struktur

� Die Inszenierung der Inhalte

� evtl. Metaphern als Leitmotiv

MainIdea

website konzeption

martin hahn _ 2010

� Gesamteindruck

� Grundstimmung

� Wirkung beim Nutzer

Tonality

website konzeption

martin hahn _ 2010

� Spannende & angemessene

Darstellung der Inhalte

� Aufbau der Inhalte

� Staffelung der Inhaltstiefe

(Headline, Teaser, ...)

Content Inszenierung

website konzeption

martin hahn _ 2010

Form, die den Nutzer durch das Angebot führt.

� Logisch und einfach zu folgen.

Navigationsform abhängig von:

� MainIdea

� Bedürfnissen der potentiellen Nutzer

� Angebotenen Inhalten

� Für Gesamteindruck entscheidend

Strukturplan

website konzeption

martin hahn _ 2010

Strukturplan

Beispiel: Website Bausparkasse

� Unternehmensstruktur

im Mittelpunkt

website konzeption

martin hahn _ 2010

Strukturplan


� Produkte des

Unternehmens

im Mittelpunkt

website konzeption

martin hahn _ 2010

Strukturplan


� Inhalte des Unternehmens

im Mittelpunkt

website konzeption

martin hahn _ 2010

Index

Unternehmen Leistungen Referenzen Kontakt

� Klassische Struktur

Strukturplan

Beispiel: Website Tonstudio

website konzeption

martin hahn _ 2010

Strukturplan

Beispiel: Website Tonstudio

� Zielgruppen im Mittelpunkt

Index

Musicians Talents Business Kontakt

Leistungen

Referenzen

Kontakt

Leistungen

Referenzen

Kontakt

Leistungen

Referenzen

Kontakt

website konzeption

martin hahn _ 2010

� Rasteranordnung

� Schrifttypen / -größe

� Bildsprache / -größe / -formate

� Animations- / Videoformate

� Farbwelt

� Tonalität

� Beachtung eines vorhandenen Corporate Designs

Designskizze & Visuelles Konzept

website konzeption

martin hahn _ 2010

Seitenraster / Template-Abbildungen

Designskizze Beispiel

website konzeption

martin hahn _ 2010

Wireframe

website konzeption

martin hahn _ 2010

� Start- & Endtermin / Meilensteine

� Leiter & Verantwortliche / Team

� Hintergrundinformationen

� Budget

� Ziele

� Zielgruppen

GrobkonzeptWAS und WOFÜR

� MainIdea

� Navigation

� Tonality

� Techn. Anforderungen &

Spezifikationen

� kritischste Phase des Projekt

grob... und was dann?

website konzeption

martin hahn _ 2010

� Im Detail alle Bestandteile der Website

� Produktionsvorlage für Design & Technik

� Technische Funktionalitäten

� Genaue Inhalte

� Navigationskonzept

� Styleguide

� Masterscreen

� Interaktionsdiagramme

FeinkonzeptWIE und WOMIT

website konzeption

martin hahn _ 2010

Detaillierte Planung der Aufgaben & Ressourcen:

� Kostenplan

� Equipmentplan

� Mitarbeiterplan

� Zeitplan

� Strukturplan

� Ablaufplan

website konzeption

martin hahn _ 2010

� Instrument zur Erstellung und Konzeption von

Filmen und interaktiver Dramaturgie.

� Notwendig, da Szenen nicht nur mit einer

Einstellung gezeigt werden.

� Durch Schnitt unterschiedliche Einstellungen.

Storyboard

website konzeption

martin hahn _ 2010

Grundlegendes Werkzeug für MM-Anwendungen:

� Ablauf der Anwendung und der Interaktionsmöglichkeiten.

Flowchart / Ablaufplan

website konzeption

martin hahn _ 2010

Beispiel Flowchart � Interaktive Animationssequenz

website konzeption

martin hahn _ 2010

Beispiel Flowchart � Transaktionsprozess

Banküberweisung

website konzeption

martin hahn _ 2010

Projektphase - 3. RealisierungProduktion der einzelnen Inhalte

� Steuerung & Überwachung:

� Probleme voraussehen & verhindern

� Probleme lösen

� Soll-Ist-Analyse

� Testen, testen, testen

website konzeption

martin hahn _ 2010

Projektphase - 4. AuswertungAbschluss / Nachbereitung / Evaluation:

� Korrekte Übergabe an den Auftraggeber

� Projektabschlussbericht / Abschlussgespräche

� Auswertung

� Evaluation des Projektes

� Evtl. Nachbetreuung

� Know-How sichern

KO N Z E P T I O NKO N Z E P T I O N � DER entscheidende Part für den Erfolg der Website!

� Muss zielgerichtet und sorgfältig geplant sein!

weitereüberlegungen

qualität

inhalt

erfolgsfaktoren

projektmanager


martin hahn _ 2010

Erfolgsfaktoren:

� Konsistentes Design

� Sauberer Quellcode

� Webstandards

� Barrierefreiheit

� Usability

Qualitätsbewusstsein


martin hahn _ 2010

� Inhalte müssen aktuell sein

� Inhalte müssen interessant / verlockend sein

� Inhalte müssen den User binden

� Wird oft nicht umgesetzt, da aufwendig (und teuer).

Inhaltsänderungen


martin hahn _ 2010

� Gesuchte Informationen lassen sich nicht finden.

� Zu bunte und überladene Sites

� Lange Ladegeschwindigkeiten

� Tote Links

� Zu wenig Orientierung

� Schlechtes Design

� Mangelnde Sicherheit

Was stört auf Webseiten?


martin hahn _ 2010

� Die gesuchten Informationen sind alle verfügbar.

� Einbindung des Users

� Unterhaltung

� Personalisierung

� Einfache Kommunikation

� Multimedia

Was gefällt auf Webseiten?


martin hahn _ 2010

� Sorgfältige Planung

� Gründliche Kostenkalkulation

� Realistische Zeitkalkulation

� Regelmäßige Meetings

� Explizite Dokumentation

� Ordnung

� Flexibilität

� Ausdauer

Erfolgsfaktoren


martin hahn _ 2010

� Fehlendes Strategie (Website reine Präsenz!)

� Konzentration auf Unwesentliches

(Technische Spielereien, zuviele unnütze Infos)

� Vernachlässigung des Kunden

� Fehlbesetzung des Projektteams

Gründe für ein erfolgloses Web-Projekt


martin hahn _ 2010

� Wissen

� Kommunikation

� Dokumentation

� Qualitätskontrolle

� Entwicklung

� Verantwortung für das Gleichgewicht

zwischen den drei Ecksäulen

Fünf Verantwortlichkeiten eines Projektmanagers:

M A N A G E M E N TM A N A G E M E N T � Das Projekt ist nur so gut wie dessen Management!