ZKI-AK-Web-SpielSpassSpannung

REGIONALES RECHENZENTRUM
ERLANGEN [ RRZE ]
Relaunch mit Web-Agenturen: Spiel,
Spaß und Spannung
27. März 2015
RELAUNCHES
Spiel, Spaß und Spannung
Spiel, Spaß und Spannung
•  Kunden aus der Hölle
Quelle: anfragenausderhoelle.tumblr.com
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
3
Spiel, Spaß und Spannung
•  Kunden aus der Hölle
Quelle: anfragenausderhoelle.tumblr.com
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
4
Spiel, Spaß und Spannung
•  Kunden aus der Hölle
Quelle: anfragenausderhoelle.tumblr.com
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
5
Die bösen, bösen Kunden…
Sie sind nicht allein!
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
6
Agenturen
aus der Hölle!
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
7
Anonyme Beispiele
•  Agenturen aus der Hölle
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
8
Anonyme Beispiele
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
9
Bahn HTML-Mail
•  Agenturen aus der Hölle
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
10
lumax-web.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
11
lumax-web.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
12
Freeyourdata.org
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
13
Freeyourdata.org
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
14
erlangen-gegen-ttip.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
15
erlangen-gegen-ttip.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
16
erlangen-gegen-ttip.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
17
Sei doch nicht so streng...
Das sind doch alles nur kleine
Projekte bei denen nicht viel
Geld dahinter steckt.
Und bei der Bahn war das sicher
nur ein Fehler eines Redakteurs.
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
18
Sueddeutsche.de (gerade relaunched)
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
19
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
20
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
21
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
22
fau.de
www.fau.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
23
fau.de
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
24
RELAUNCH MIT AGENTUREN
Was können wir tun?
Relaunch mit Agenturen
Die bekannten Hausmittelchen…
•  Wir machen eine Ausschreibung!
• 
Mit Bieterwettbewerb! Agenturen können Bewerbungsentwürfe
senden und kriegen diese sogar bezahlt
• 
Die beste Agentur wird genommen
•  Und wir machen ein Pflichtenheft
• 
Ganz streng nach Balzert
• 
Mit Wasserfall-Diagrammen für alle Projektphasen
•  Und ein Vertrag gemäß EVB-IT !
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
26
Relaunch mit Agenturen
•  Ausschreibung, Pflichtenheft, Projekt- und Zeitplan, EVB-ITVertrag, … was kann da schon schief gehen?
•  Erwartungshaltung:
Wir kriegen ein
HypersonicJet!
•  Und so „sieht“
die Website
auch aus! Hui!
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
27
Relaunch mit Agenturen
•  Dummerweise schaut irgendwann irgendsoein „Informatiker“(!)
oder ein „Blogger“ (!!) mal unter die Haube…
Bild: failblog.org
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
28
URSACHEN
Warum gehen Relaunches trotz aller
Vorbereitung schief oder sind fehlerhaft?
Ursachen
§  Agentur
§  Auftraggeber
§  Überschätzt sich; Gibt nicht zu,
wenn sie an eigene Grenzen der
Kompetenz und des Wissens
stößt.
§  Sagt dem Kunden nicht, wenn
dieser unsinnige Ideen hat.
§  Verkauft sich aufgrund
Leistungen eines Teams gut
(BIENE-Award), gibt Kunden
aber nur das Junior-Team.
§  Glaubt den Kunden unhinterfragt
alle Featurewünsche („Ich hätte
da gern Custom Fields“).
§  Bindet zu viele Leute (z.B.: an
Uni die erweiterte
Hochschulleitung) in
Entscheidungen ein.
§  Wird von Wireframes auf neue
Ideen gebracht; äußert diese
missverständlich gg. Agentur, die
sie als Featurewünsche sieht
§  Hält sich aufgrund von politischen
Erwägungen nicht an Zeitplan.
§  Überprüft die Lösungen der
Agentur nicht (zeitnah).
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
30
Ursachen
§  Agentur
§  Auftraggeber
§  Liefert nur Desktop-Wireframes
§  Behauptet Mobile-First,
programmiert allerdings
Media Queries mit nach Ende
des Ladeprozesses
§  Wendet sich (absichtlich) nur
an nicht IT-kompetente
Entscheiderebene;
§  Erwartet und entscheidet nur
Desktop-Wireframes.
§  Macht sich keine Gedanken zur
Darstellungsreihenfolge von
Inhalten (insbes. Für mobile
Devices)
§  Gestaltet Taxonomie nach
subjektiven oder politischen
Erwägungen, nicht nach Usability
oder Benutzerwünschen
§  Wählt die falsche Agentur (z.B.
Printdesigner anstelle
Webdesign)
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
31
Ursachen
• 
Probleme beider Seiten:
• 
Konzeptionelle Grundlagen werden nicht als solche behandelt,
sondern als Feature gesehen, die im Zeitplan erst später
umgesetzt werden brauchen.
Bspw.: Barrierefreiheit, Mobile First Konzept
• 
Unterschätzung der Komplexität eines modernen Webauftritts
• 
Berücksichtigt und diskutiert wird oft nur, was Projektbeteiligte selbst
kennen
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
32
Klassenaufgabe!
Was fehlt?
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
33
Entwurf Agentur
November 2014
Entwurf Agentur
November 2014
Entwurf Agentur
November 2014
Ursachen
…was fehlte den obigen Entwürfen?
Antwort:
Die Varianten für Mobile Devices!
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
37
Ursachen
Folgen:
•  Erst in der Implementierungsphase fällt auf, dass es keine
mobile Variante gibt.
•  Die Entwickler stehen dann vor der Wahl:
§  Designentscheidung, einschließlich Diskussion zur Reihenfolge
der Inhalte in der mobilen Darstellung neu herbei zu führen und
so den Projektzeitplan zu kippen
oder
§  es stillschweigend irgendwie umzusetzen auf Kosten der
eigenen Zeit…
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
38
Ursachen
• 
Probleme beider Seiten: Unterschätzung der Komplexität
§  Von Außen nach Innen:
Einbindung von Third-Party-Komponenten.
Kalender, Social Media Integration, Videos, Werbebanner, SSO
(für geschützte Seiten), Bilder und Dokumente aus DRMSystemen, Anbindung an Übersetzungswerkzeugen (Trados und
co…), Kartendienste, interne Dienstleistungsangebote, …
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
39
Ursachen
• 
Probleme beider Seiten: Unterschätzung der Komplexität
Von Innen nach Außen:
Bereitstellung geeigneter APIs und strukturierter Daten.
• 
SEO-Optimierung, OpenGraph-Support, Structured Data
Formate, Automatische Publikation in Social Media-Portalen,
Inhalte in Formate für RSS, JSON, PDF (Print), …
• 
Ursache hier auch: Fehlerhafte (veraltete) Ansicht von einer
„zentralen Website“
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
40
Ursachen
•  Schnittstellen im Falle der FAU
• 
• 
Abhängigkeiten von Kernfunktionalitäten von der Bereitstellung
geeigneter Schnittstellen durch Drittsysteme.
• 
HISInOne, UnivIS, CRIS, Videoportal, StudOn, MeinCampus, UniShop, Jobbörse(n), uvm.
• 
Schnittstellen teilweise nicht vorhanden oder untauglich
• 
Projektzuständige sehen keinen eigenen Bedarf und keinen eigenen
Nutzen; Zusammenarbeit für diese unter geringster Priorität.
Notwendigkeit eigener Schnittstellen für andere
• 
Sprachendienst, Studieninformationsdatenbank, Glossar,
Visitenkarten(?), Bilderpool (?)
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
41
Ursachen
•  Eigene Anwendungen der Fakultäten
• 
Selbst entwickelte und „lieb gewonnene“ Lösungen wie
Jobbörsen, Kalenderverwaltung, Personen- und
Publikationsverzeichnisse, etc.
• 
Wer programmiert diese individuellen Anwendungen in Form
von Plugins nach und pflegt diese dauerhaft?
• 
Wer erklärt dem stetig wechselnden Personal (>60% zeitlich
befristete Angestellte) die Konzepte und die Bedienung des
Systems? Auch noch in zwei Jahren?
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
42
Ursachen
• 
Spezialproblem auf Seiten des Auftraggebers
• 
Warum war der Relaunch eigentlich notwendig?
• 
Wurde hinterfragt, warum die vorherige Site schlecht war und
welche Ursachen dem zugrunde lagen?
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
43
Ursachen
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
44
RELAUNCHES
Gibt es den Stein der Weisen?
Empfehlungen
Mögliche Vorgehensweisen
• 
• 
Bestandsaufnahme
• 
Was funktionierte nicht?
• 
Was funktionierte gut?
Was brauchen wir?
• 
Welche Funktionalitäten?
• 
Welche Inhalte?
• 
Und was brauchen andere von uns?
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
46
Empfehlungen
Mögliche Vorgehensweisen
• 
Erst danach: Wie wollen wir es?
• 
Welches Design für welches Medium?
• 
Unter welchen technischen Rahmenbedingungen?
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
47
Empfehlungen
Wen brauchen wir?
• 
• 
1994 – 1999:
1 Webmaster
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
48
Empfehlungen
Wen brauchen wir?
• 
• 
2000 - 2007:
1 Webmaster
1 „Designer, der HTML kann“
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
49
Empfehlungen
Wen brauchen wir?
• 
• 
2008 - 2010:
1 CMS-Betreuer
1 Backend-Entwickler
1 Webdesigner
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
50
Empfehlungen
Wen brauchen wir?
• 
• 
2010 - 2012:
1 CMS-Betreuer
1 Backend-Entwickler
1 Webdesigner
1 SEO-Optimierer und 0.5 Social Media-Specialist
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
51
Empfehlungen
Wen brauchen wir?
• 
• 
2013 - 2015:
1 CMS-Betreuer
2 Backend-Entwickler
2 Webdesigner
1 SEO-Optimierer und Performance-Optimierer
1 Social Media-Specialist
1 API Entwickler
1 „Lehrer“ (Schulungskonzept)
…
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
52
Empfehlungen
Wen brauchen wir theoretisch?
• 
• 
Webdesigner
• 
CMS-/Theme-/Plugin-Entwickler,
• 
API-Entwickler & Entwicklungsprioritäten bei Third-Party-Produkten,
• 
Inhaltsredakteure und Autoren,
• 
Foto-Redakteure,
• 
Social Media Leute,
• 
Dozenten, die Bediener schulen,
• 
Performance-Optimierer,
• 
Server-, Datenbank- und Systemadministration,
• 
Eine begrenzte (!) Zahl an Entscheidern und
• 
Einen Projektleiter, der auch Nein zu Entscheidern sagen kann und
der den Überblick behält.
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
53
Fazit?
•  Es gibt keine goldene Regel, keine Theorie, die der Praxis
standhält.
•  Aber Ratschläge:
• 
Stellen Sie alles in Frage!
Eigene Vorstellungen und Meinungen, wie auch Lösungen von
Agenturen und eigenen Mitarbeitern. Sorgfalt bei der Abnahme
von Teillösungen ist unverzichtbar.
• 
Sorgen Sie für ein offenes und kreatives Klima im Projektteam;
Setzen Sie agile Methoden um so weit dieses möglich ist.
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
54
Fazit?
•  Ratschläge:
• 
Die Leitung, die Auftraggeber und die Projektleitung müssen
hinter dem Projektteam stehen und die Website nach außen
persönlich vertreten
• 
• 
Auch und erst recht, wenn es nach dem Relaunch zu Kritik kommt –
selbst bei berechtigter!
Sorgen Sie für bedingungslose Transparenz der
Projektentwicklung. Auch über Leistungen der Agentur.
• 
Tipp: Nutzen Sie hierfür offene Open Source Plattformen, wie bspw.
GitHub
• 
Dokumentieren Sie, warum verschiedene Vorschläge oder
Lösungsmöglichkeiten nicht umgesetzt wurden
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
55
Fazit?
•  Der wichtigste Ratschlag ist jedoch:
Bleiben Sie gelassen und geduldig.
Ein Webauftritt „lebt“ und wird nie fertig und nie perfekt sein.
27.03.2015 | Relaunch mit Web-Agenturen | Wolfgang Wiese
56
REGIONALES RECHENZENTRUM
ERLANGEN [ RRZE ]
Vielen Dank für Ihre Aufmerksamkeit!
Regionales RechenZentrum Erlangen [RRZE]
Martensstraße 1, 91058 Erlangen
http://www.rrze.fau.de
Fragen?
E-Mail: [email protected]
Blog: blogs.fau.de/webworking