 |
 |
 |
 |
 |
 |
|
|
|
kulturpalast | Website
Der kulturpalast im Wasserwerk ist eines der ambitioniertesten unabhängigen
Hamburger Kulturzentren. Rechtzeitig zum 75-jährigen Jubiläum
Billstedts haben wir für das Stadtteilzentrum eine besonders benutzungsfreundliche
und leicht zu pflegende Website entwickelt.
|
|
Schulung
und Benutzertest
Optimierung
und Vorbereitungen
Dynamisches
Layout - gute Benutzerfreundlichkeit
|
| |
|
|
| |
....................................
Projekt
0528 kulturpalast Website
....................................
Auftraggeber
kulturpalast
e.V.
Karsten Knigge
Thomas Heilmann
....................................
Web Design
Programmierung
kilde communications
Joerg Kilian
Jan Schliemann
....................................
Projektstart
22. November 2001
....................................
Launch
2. April 2002
|
|
Bereits im Sommer 2000 entwickelten wir für den kulturpalast
das Corporate Design. Nun folgt der nächste Schritt: die Website
mit Datenbankanbindung.
Ende 2001, nach dem Entwurf des Grunddesigns, formulierten wir in enger
Zusammenarbeit mit dem kulturpalast ein umfangreiches Pflichtenheft
zur Definition der Anforderungen an die Datenbank. Neben flexiblen Modulen
für die Datenbank für Kurse und Veranstaltungen lag dem Auftraggeber
vor allem an einem stabilen und einfach zu bedienenden Redaktionssystem.
Da wir seit zwei Jahren zu den Sponsoringpartnern des kulturpalast gehören,
steuerten wir fehlende Mittel für die Umsetzung des Vorhabens im
Rahmen eines Cultural
Sponsoring bei. Hiermit haben wir in verschiedenen Projekten
sehr gute Erfahrungen gemacht und stehen auch in Zukunft dieser besonderen
Marketing-Variante besonders aufgeschlossen gegenüber.
|
|
...........................................
Screendesign
...........................................
Datenbankanwendung mit PHP und MySQL
...........................................
Coaching und Training der Mitarbeiter
...........................................
Usability Engineering und User-Tests
...........................................
Grafische Templates für statische Seiten
...........................................
|
| |
|
|
| |
....................................
Support
Unsere Dienstleistung hört nicht damit auf, dass wir Ihnen funktionierende
Lösungen liefern und Sie dann Ihrem Schicksal überlassen...
mehr...
|
|
Schulung und Benutzertest
Parallel zu der Entwicklung der Kernanwendung schulten wir
drei Mitarbeiter des kulturpalast in wichtigen Fragen des Web Design. Sie
werden nach dem Launch die statischen Seiten der Website weiterentwicklen
und pflegen. Die Schulung bestand aus drei
Phasen: Selbststudium mit Tutorial, einfache Einweisung in Redaktionstools
und praktische Content-Pflege on the job".
Auch die optimale Bildverarbeitung vom
Rohscan zum webgerecht skalierten und komprimierten Bild war wichtiger
Schulungsinhalt. Die Site enthält, mit Ausnahme weniger Farbbilder,
ausschließlich Graustufenbilder, die in Blau- oder Gelbtönen
eingefärbt sind.
Unmittelbar nach Fertigstellung der Kernanwendung begann der Benutzertest
(User-Test) mit 8 Personen Mitarbeitern und Kunden des Zentrums.
Abgefragt wurde die Bedienung des Redaktionssystems, sowie die Handhabung
der Benutzerfunktionen der Webanwendung.
|
|

Erster Entwurf für das Screendesign: Startseite

Erster Entwurf für das Screendesign: Folgeseite
|
| |
|
 |
| |
....................................
Usability Engineering
(UE, Softwareentwicklung)
Entwicklung benutzer-
freundlicher Systeme
mehr...
....................................
Pressespiegel
Kulturpalast
im Netz
von Armin Koch
querlight
Juli 2002
kulturpalast
online
Hamburger Morgenpost
16. April 2002
|
|
Optimierung und Vorbereitungen
Zur großen Überraschung aller Beteiligten waren
nur geringe Optimierungen notwendig. Der konsequente Einsatz von Usability
Engineering mit internen Tests während der Entwicklung hatten
uns vor größeren Pannen bewahrt. So konnten die Optimierung
der Datenbankanwendungen und die Erstellung der statischen Inhalte parallel
und zügig vorangetrieben werden.
Für die statischen Inhalte entwickelten wir eine Vorlage - ein grafisches
Template, das alle wesentlichen Designelemente
enthält, die auf den einzelnen Seiten vorkommen können: Farben
und Schriften sowie der Umgang mit Tabellen, Bildern und Bildunterschriften
ist so einfach dokumentiert und kann von den Redakteuren flexibel genutzt
werden. Cascading Style Sheets (CSS) steuern
die gesamte Typografie der Site. Dies macht Änderungen und Anpassungen
sehr einfach.
|
|

Administrations-Tool

Bestellformular
|
| |
|
 |
| |
....................................
Alle von uns entwickelten Websites werden für die wichtigsten Webbrowser
optimiert:
Internet Explorer
5.x
Netscape 6.x
Netscape 4.x
(Mac und Windows)
So erreichen wir eine Kompatibilität unserer Anwendungen von
mehr als 95%. Dies ist nicht selbstverständlich. Allein die etwa
15% Netscape 4.x Benutzer verursachen einen Mehraufwand von ca. 30%
....................................
Die aktuelle Website
vom kulturpalast
|
|
Dynamisches Layout - gute Benutzerfreundlichkeit
Eine echte Innovation im Web Design
ist die dynamische Anpassung der Inhalte an die Fenstergröße.
Je nach dem, wie weit ein Benutzer das Browserfenster aufzieht, verändern
sich Layout und Schriftgrößen der Seite. Anstatt einer Flash-Intro
haben wir auf der Startseite eine kleine visuelle Spielerei eingebaut,
die sich ebenfalls je nach Fenstergröße verändert. Neben
HTML, Javascript und CSS kamen vor allem PHP4 und MySQL bei der Programmierung
zum Einsatz.
Die Site ist sehr stark an den speziellen Bedürfnissen des kulturpalast
und seinen Zielgruppen orientiert und glänzt durch zügige Ladezeiten
und eine gute Benutzerfreundlichkeit sowie
eine gute Wiedererkennung durch ein konsequent umgesetztes Corporate Design.
Der einheitliche Aufbau und die durchgängige Struktur sowie das einfach
zu erlernende Redaktionssystem machen die Site im praktischen Einsatz
sehr attraktiv und effizient.
|
|

Dynamisches Layout

Die endgültige Fassung
|
| |
|
|
|
|
| |
In diesem Zusammenhang auch interessant: Usability
|
|
|
Projektarchiv
zur Übersichtsseite
|