Content kills your Concept?!
Fabian Lang – kuehlhaus AG

Konzepter

Kunde
Was ist eigentlich mit
den Inhalten?
Wir können doch einfach
die alten Inhalte
übernehmen?

Content
Wir können noch
„schnell“ neue Inhalte
erstellen

WIE PASSIERT SO ETWAS?
URSACHENFORSCHUNG IN
ANDERE MEDIEN

Im Printbereich

Art-Director Planer
Texter
… setzt man sich an einen Tisch

Im Fernsehen

Drehbuch-Autor
Regisseur
Kamerafrau
… wird ein Projekt gemeinsam ausgearbeitet

Im Internet

… und seit 2007 bei mobilen Inhalten …

Programmierer
Grafiker
Konzepter
… sieht es eher so aus

„ The single most important thing
most Web sites can offer to their
users is content that those users will
find valuable.
Jesse James Garrett in The Elements of User Experience

Programmierer
Texter
(Content Stratege)
Grafiker
Konzepter

Integration von Prototyp und Content

Strategie Struktur Oberfläche
Aufbau
Analyse Planung Wartung
Inhalte
Konzeptionsphasen
Ein typischer Projektverlauf
Phasen - Content Erstellung
Inhalte
Oberfläche

Konzeption und Content-Erstellung
Synergien schaffen!
Analyse und
Strategie
Planung und
Struktur
Aufbau und
Umsetzung
Evaluation
Webseite

ZIELGRUPPEN
ANALYSE UND STRATEGIE

Personas

Was beeinflusst die Sprache der Nutzer?
ANFORDERUNGEN UND ZIELE!
KONTEXT!
 Physische Einflussfaktoren wie Alter und Geschlecht
 Demografische Eigenschaften
 Bildung
 Wertevorstellungen

Geben Sie ihren Personas eine Stimme!

INFORMATIONSARCHITEKTUR
UND NAVIGATIONSSTRUKTUR
PLANUNG UND STRUKTUR

Erstellen Sie ein Content Inventory!

ALTE INHALTE MÜSSEN NICHT
SCHLECHT SEIN!

King Kong - 1933

King Kong - 2005

PROZESSE UND INTERAKTIONS-
DESIGN
PLANUNG UND STRUKTUR

Verantwortlichkeiten etablieren und Abläufe definieren …

CMS wieder zu dem machen, was es ursprünglich war!

PROTOTYPING UND GESTALTUNG
AUFBAU UND ERSTELLUNG

Konzeptscribbles

Prototyping

Kunde

Prototyping
Ist das griechisch
oder lateinisch?
Haben wir jetzt überall
nur noch einen
Absprechpartner?
Was steht denn nun da?

WAS WIR VON HOLLYWOOD
LERNEN KÖNNEN:

Aus dem Drehbuch …

… wird ein Film

INFORMATIONEN GESTALTEN!
NICHT GESTALTUNG MIT
INFORMATIONEN FÜLLEN!

AUS DIESEM GRUND:
ERSTELLEN SIE CONTENT-
TEMPLATES!

Nutzen sie diese realen Inhalte für Prototypen …

… und für Layouts

TESTEN
EVALUATION

UNSER VORTEIL:
WIR KÖNNEN TESTEN
UND VERBESSERN!

Mit Readability Formeln kann überprüft werden, welches
Sprachniveau ein bestimmter Text hat.
Readability Formeln

Wiener Sachtextformel
Einkommensteuergesetz (EStG) Score 13
Wikipedia-Seite „User Experience“ Score 11
Grimms Märchen „Hans im Glück“ Score 3

Usability-Tests

Cloze-Tests

Wir nutzen A/B-Tests nicht nur, um Layouts zu vergleichen
sondern auch, um die Inhalte zu vergleichen.
VS
+28%
Auf ein Wort!

Ein Wort macht den Unterschied!

Nichts vergessen?

Erstellen Sie eine Content-Checklist und
überprüfen Sie ihren Content!

FAZIT:
DAS INTERNET WURDE
ENTWICKELT, UM SCHNELL UND
EINFACH INHALTE ZU
TRANSPORTIEREN, ALSO
SOLLTEN WIR UNS AUCH
ENTSPRECHEND DARUM
KÜMMERN!

kuehlhaus AG
N7 5-6
D-68161 Mannheim
Telefon +49.621.496083-0
E-Mail info@kuehlhaus.com
Internet www.kuehlhaus.com
Die Inhalte dieser Präsentation sind das geistige Eigentum unseres
Unternehmens. Jede weitere Verwendung sowie Weitergabe an Dritte im
Original, als Kopie, in Auszügen, elektronischer Form oder durch
inhaltsähnliche Darstellung bedürfen der Zustimmung der kuehlhaus AG.
Fabian Lang
Information Architect

Bildquellen
Folien 2,3,4 :
Gladiator © 2000 - Dreamworks LLC & Universal Pictures
Folie 5 :
http://www.flickr.com/photos/brandbook/4465259814/
Folie 6 :
http://www.flickr.com/photos/brandbook/4465259814/
Folie 7 :
Mad Men © 2011 – AMC
Folie 8 :
http://www.flickr.com/photos/photography_and_design/6311448642/sizes/l/in/photostream/
Folie 11,14:
http://www.flickr.com/photos/steefafa/5224115719/sizes/z/in/photostream/
Folie 12:
http://www.flickr.com/photos/lamenta3/4053161772/sizes/l/in/photostream/
Folie 13:
http://www.flickr.com/photos/adactio/512555340/sizes/l/in/photostream/

Bildquellen
Folie 15:
http://www.flickr.com/photos/lamenta3/4053161772/sizes/l/in/photostream/
Folie 21 :
http://www.flickr.com/photos/7891209@N04/2951368555/sizes/l/in/photostream/
Folie 22 :
http://www.flickr.com/photos/conson/2506619437/sizes/l/in/photostream/
Folie 24 :
http://www.flickr.com/photos/devnull/359791913/sizes/m/in/photostream/
Folie 25,26:
King Kong © 2005 - Universal Pictures

Bildquellen
Folie 36 :
http://i.ebayimg.com/t/PRIVATELY-STUDIO-PRINTED-GLADIATOR-FILM-SCRIPT-
/00/%24(KGrHqUOKj8E19L36O,NBN)yIhwg6!~~_3.JPG
Folie 37 :
Gladiator © 2000 - Dreamworks LLC & Universal Pictures
Folie 43:
http://www.freakcommander.de/wp-content/uploads/2011/11/lorem_ipsum_auf_weinflasche.jpg
Folie 48 :
http://www.20min.ch/diashow/38054/2001-7b9da6ad7c6dac5b114ab69534ee8f2f.JPG
Folie 51 :
Memento © 2000