You are on page 1of 52

Website-Projekte: Konzeption und Management

Marcus Flatten, Geschftsfhrer


Bundesverband fr Hochschulkommunikation 2012 in Dresden
27.9.2012 // Mann beit Hund 2012

Steckbrief

MANN BEISST HUND


Standort Gegrndet Grnder Hamburg 2000 Nicola Wessinghage, Marcus Flatten Integrierte Kommunikation fr einen berzeugenden Auftritt in der ffentlichkeit zehn feste Mitarbeiter mit festen freien Kollegen Spezialisten fr Design, Werbung, Internet, Film und Event und Social Media

Mission

Team

Netzwerk

Angebot
strategische Beratung, Konzeption Pressearbeit Kooperationsmanagement

Trends

Zieldefinition
Agenturauswahl Grob- und Feinkonzept Umsetzung

Trend 1: Social Media

Pinterest

Facebook

TwitterKanle Social Bookmarking

Ihre Website

XING / LinkedIn

Blogs

YouTube

Apps

Social Media: Fallbeispiel

Aus: von Constance Richter, aus Public Marketing 3/12


Mann beit Hund 2011 // Agenturprsentation 7

Social Media: Fallbeispiel

Mann beit Hund 2011 // Agenturprsentation 8

Social Media

Social-Media-Einbindung ist kein Selbstzweck, sondern dem Ziel untergeordnet.

Website und Social Media sollten sich ergnzen, nicht konkurrieren.

Social Media: Buttons und Plug-ins

10

Social Media: Feed-back zum Relaunch

11

Social Media

Social Media Newsroom bersichtlich: Alle News auf einen Blick

Prominente Platzierung von UserMeinungen (=Chance und Risiko)


Lenkt von der Website hin zu Social Media mehr Fans, Follower etc.

12

Social Media
Social Media Zitate Zeigt thematische Vielfalt Zeigt lebendige Scientific-Community

Screenshot Oxford Internet Institute

13

Social Media
Social Media Zitate Zeigt thematische Vielfalt Zeigt lebendige Scientific-Community Ldt ein zur Interaktion

14

Trend 2: Groe und bewegte Bilder

Trend Immer grere Bilder als Aufmacher, hufig ber die gesamte Bildschirmbreite Slideshows, mit Link zu Inhalten oder Nachrichten Mehr Film (YouTube, vimeo)

Funktion Emotionale Ansprache Geschichten anteasern

In die Seite hineinsaugen

Hintergrund Mehr Bandbreite, schnellere PCs

Vernderte Sehgewohnheiten durch Online-Entertainment (Medien, Spiele, Video)

15

Groe und bewegte Bilder

16

Groe und bewegte Bilder

17

Groe und bewegte Bilder

Gre, Funktion und Qualitt von Bildern mssen zusammenpassen.

18

Groe und bewegte Bilder

19

Trend 3: Mobile

Strategien
Stark reduzierte mobile-optimierte Seite Pro: relativ leicht zu erstellen Contra: doppelter Pflegeaufwand, reduzierter Umfang Eigenstndige mobile Seite Pro: optimiertes Design, viele Mglichkeiten Contra: hoher Aufwand Responsive Design Pro: Nur 1 Auftritt muss gepflegt werden, viele Funktionen Eingeschrnkte Usability auf einzelnen Endgerten

20

Mobile: m.-Seite

21

Mobile: Responsives Design

http://www.bostonglobe.com/

22

Mobile

23

Projektphasen
Analyse Zieldefinition Agenturauswahl Briefing Pitch Pflichtenheft Feinkonzept Design HTML Prototyp Text Umsetzung Programmierung Launch Pflege Relaunch
24

Grobkonzept

Usability Tests

Implementierung

Analyse

Wie machens die anderen? Anschauen:


Design Ansprache Zielgruppen Struktur Navigation Einbindung Social Media

Analyse

Zieldefinition

Agenturauswahl

Vorbilder und abschreckende Beispiele finden

Grobkonzept
Diskussion mit Entscheidern gemeinsame Web-Tour organisieren

Feinkonzept
Wunschliste schreiben

Umsetzung

25

Zieldefinition

1. Zielgruppen
Definition, Personas

Analyse

2. Inhalte
Themen, Botschaften, Quellen

Zieldefinition

3. Effekte
Nach auen: Image, Information, Reichweite, Google PageRank, Interaktionen Nach innen: Akzeptanz, Nutzung durch Autoren

4. Vernetzung
Social Media, Backlinks, Kooperationspartner

Ziel in drei Stzen? User Experience?

Agenturauswahl

Grobkonzept

Feinkonzept

5. Technische Ziele
Sicherheit Administrationsaufwand Eignung fr verschiedene Endgerte (Mobile!)

Umsetzung

26

Personas
Werden in der Produktentwicklung seit langem eingesetzt Sollten auf Basis von Beobachtungen erstellt werden, z.B.

Befragung (z.B. Fokus-Gruppen, Online-Befragung)


Usability-Tests Logfile-Auswertung, Tracking Eigene Erfahrungen

Olde Lorenzen-Schmidt 2004 (http://www.uxhh.de/roundtable/archiv/_media/OLS04_Personas.pdf)

27

Agenturauswahl
PitchHonorar?

Anzahl Agenturen ?

Zieldefinition

Briefing Ziele Rahmen Leistungen

AgenturAuswahl Agenturprse Rebriefing Feed-back evtl. erste Ideen

Workshops

Grobkonzept Medien Inhalte Funktionen Budget (grob)

Feinkonzept Informationsarchitektur Navigation Sitemap DesignKonzept Homepage


28

Agenturauswahl

Wer beim Pitch zu viel verlangt, findet eine teure oder eine schlechte Agentur.

29

Agenturauswahl

Empfehlung Mehrstufiges Verfahren, zum Beispiel


ffentlicher Teilnahmewettbewerb Einreichung Agenturprsentation mit Ideenskizze (2 Seiten, honorarfrei) 3 5 Agenturprsentationen (mit Pitch-Honorar)

Hhe des Honorars abhngig vom geforderten Aufwand (2.000 10.000 EUR) Erreichbaren und kompetenten Ansprechpartner nennen Transparenz fr alle Beteiligten (auch: Wie viele sind eingeladen?)

Klare Definition der Wettbewerbsaufgabe


Konzeptionelle Arbeiten und Entwrfe vergten

30

Grobkonzept

Inhalte, Medien, Funktionalitten Quellen Aktualisierungsfrequenz Interaktionsmglichkeiten

Analyse

Zieldefinition

Formate

Video

Agenturauswahl

Grobkonzept

Feinkonzept

Umsetzung

31

Feinkonzept: Struktur

Sitemap: Flach oder tief?


Home 1 3 2 4 6 7 8 9 10 12 11 13 14 15

Analyse

Zieldefinition

Agenturauswahl

Home 1 2 3 4 7 9 6 8 10 12 11 13 14 15

Grobkonzept

Feinkonzept

Umsetzung

32

Feinkonzept: Struktur

Der Benutzer muss mit so wenig Arbeit wie mglich zur gesuchten Seite gelangen. Arbeit sind nicht nur Mausklicks, sondern vor allem auch das Nachdenken.
Jens Jacobsen, Websitekonzeption Addison-Wesley 2011

33

Feinkonzept: Struktur

34

Feinkonzept: Homepage und Navigation

Die Homepage MUSS Den Absender prsentieren

Klarmachen, worum es geht


Orientierung bieten (Einstieg in die Navigation) In die Seite hineinsaugen, Neugier wecken Zugang zu Standard-Informationen und -funktionen (Kontakt, Impressum, Suche, Login etc.)

Link Presse
KANN Nachrichten Direkte Ansprache von Zielgruppen

Social Media
Werbung ( wenn es sein muss)

35

Homepage & Navi

36

Homepage & Navi

37

Homepage & Navi

38

Homepage & Navi

39

Homepage & Navi

40

Homepage & Navi

Die Homepage ist so wertvoll wie ein Baugrundstck in der Mnchener Innenstadt. Es lohnt sich, sehr sorgfltig zu planen.

Frei nach Jakob Nielsen: Homepage als real estate of Internet und Jens Jacobsen

41

Zielgruppen-Navigation

Die Anforderung Hochschulen kommunizieren mit sehr heterogenen Zielgruppen

Die Idee Zielgruppen-Navigation auf der Startseite, parallel zur strukturellen Navigation

Voraussetzung

Inhalte mssen den Erwartungen standhalten


Passende Bildwelt Passende Inhalte Passende Ansprache Aktualitt

42

Zielgruppen-Navigation

43

Zielgruppen-Navigation

44

Zielgruppen-Navigation

45

Zielgruppen-Navigation

46

Zielgruppen-Navigation

Zielgruppen Startseiten:

ZG1

ZG2

ZG3

ZG4

ZG5

ZG6

ZG7

ZG8

ZG9

Pflege
1.1 1.2. 1.3 1.3.1 1.3.2 1.3.3 1.3.4 2.1 Seiten in der Systematik:

2.2 Etc.
47

Zielgruppen-Navigation

Zielgruppen-Navigation ist schn, macht aber Arbeit.

48

Umsetzung: Usability Tests

Wann sollte man testen?


So frh wie mglich

Analyse

Wie oft sollte man testen?


Pro Phase zwei bis fnf Tester. Vor dem Launch evtl. mehr.

Zieldefinition

Was sollte man testen?


Alles, was da ist: Konzept, Navigationsstruktur, HTML-Prototyp, Beta-Version

Agenturauswahl

Wer sollte testen


Einfache Variante: die Agentur: intern und mit Zielgruppe Kunde: intern und mit Zielgruppe Groe Variante: Externe Evaluation (Usability-Analyse)

Grobkonzept

Feinkonzept

Umsetzung

49

Umsetzung

Das brauchen Sie 1 erfahrenen Projektmanager mit Team 1 Agentur und/oder interne Ressourcen Support in Ihrer eigenen Organisation (Fachbereiche, Leitung)
Kapazitt
Budget (mit Puffer) Verstndnis

Analyse

Zieldefinition

Agenturauswahl

Konzept fr die Implementierung


Rollenkonzept, Pflegeplan Redaktionsplan Schulungen

Grobkonzept

Test-Pool (2 3 pro Zielgruppe) Kommunikation (in der Launchphase) Regelmige Evaluation im Hinblick auf Ihre Ziele.

Feinkonzept

Flexiblen Zeitplan mit realistischen Meilensteinen

Umsetzung

50

Umsetzung: So nicht

Aus: You (can) do (better) von Sebastian Deterding, www.coding-conduct.de , via Slideshare

51

Haben Sie weitere Fragen? Dann rufen Sie uns an!

MANN BEISST HUND


Agentur fr Kommunikation GmbH Stresemannstrae 374 D-22761 Hamburg fon fax +49 40 890 696-0 +49 40 890 696-20

info@mann-beisst-hund.de

www.mann-beisst-hund.de

www.facebook.com/mannbeissthund
52