IA-Konferenz - Präsentation

1. Content kills your Concept?!
Fabian Lang – kuehlhaus AG

2. Konzepter

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

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

5. WIE PASSIERT SO ETWAS?
URSACHENFORSCHUNG IN
ANDERE MEDIEN

6. Im Printbereich

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

8. Im Fernsehen

9. Drehbuch-Autor
Regisseur
Kamerafrau
… wird ein Projekt gemeinsam ausgearbeitet

10. Im Internet

11. … und seit 2007 bei mobilen Inhalten …

12. Programmierer
Grafiker
Konzepter
… sieht es eher so aus

13. „ 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

14. Programmierer
Texter
(Content Stratege)
Grafiker
Konzepter

15. Integration von Prototyp und Content

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

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

18. ZIELGRUPPEN
ANALYSE UND STRATEGIE

19. Personas

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

21. Geben Sie ihren Personas eine Stimme!

22. INFORMATIONSARCHITEKTUR
UND NAVIGATIONSSTRUKTUR
PLANUNG UND STRUKTUR

23. Erstellen Sie ein Content Inventory!

24. ALTE INHALTE MÜSSEN NICHT
SCHLECHT SEIN!

25. King Kong - 1933

26. King Kong - 2005

27. PROZESSE UND INTERAKTIONS-
DESIGN
PLANUNG UND STRUKTUR

28. Verantwortlichkeiten etablieren und Abläufe definieren …

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

30. PROTOTYPING UND GESTALTUNG
AUFBAU UND ERSTELLUNG

31. Konzeptscribbles

32. Prototyping

33. Kunde

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

35. WAS WIR VON HOLLYWOOD
LERNEN KÖNNEN:

36. Aus dem Drehbuch …

37. … wird ein Film

38. INFORMATIONEN GESTALTEN!
NICHT GESTALTUNG MIT
INFORMATIONEN FÜLLEN!

39. AUS DIESEM GRUND:
ERSTELLEN SIE CONTENT-
TEMPLATES!

40. Nutzen sie diese realen Inhalte für Prototypen …

41. … und für Layouts

42. TESTEN
EVALUATION

44. UNSER VORTEIL:
WIR KÖNNEN TESTEN
UND VERBESSERN!

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

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

47. Usability-Tests

48. Cloze-Tests

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

50. Ein Wort macht den Unterschied!

51. Nichts vergessen?

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

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

54. 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

55. 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/

56. 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

57. 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