Webauthoring

Mein Verständnis von gutem Design

Von mir konzipierte und umgesetzte Websites zeichnen sich durch ihre klare Form und Strukturiertheit aus. Ich gestalte Web-Auftritte so, wie ich sie mir auch als Nutzer wünsche:

Dies erreiche ich unter anderem dadurch, dass ich mich an Standards im HTML und CSS halte (auch wenn diese nicht immer von allen Browsern korrekt umgesetzt werden), die Seiten weitestgehend in reinem HTML halte (d.h. kein Javascript, keine Flash-Animation etc. verwende, wenn sich die gleichen Effekte auch in HTML erzielen lassen). Meine Websites teste ich auf unterschiedlichen Browsern, ohne sie für einen bestimmten zu „optimieren”. Eine Website soll auch von Menschen mit Behinderung oder in reinen Text-Browsern lesbar, also barrierefrei sein.

Natürlich darf eine Website auch verspielt wirken und faszinierende graphische Effekte zeigen – wenn dies zu ihrem Inhalt passt. Ihre Nutzbarkeit darf dadurch jedoch nicht behindert werden.

Von mir verwirklichte Internetpräsenzen

In den letzten Jahren habe ich die nachfolgend vorgestellten Internetpräsenzen entwickelt und umgesetzt. Die Seiten sind in validem HTML unter Verwendung von CSS (Cascading Style Sheets) geschrieben.

hoch Ferienwohnung Hahnenklee
Ferienwohnung Hahnenklee (Screenshot 1)Ferienwohnung Hahnenklee (Screenshot 2)
http://www.ferienwohnung-goslar-hahnenklee.de/
Strukur – Layout – Design
Dezember 2011
Website einer Freienwohnung in Hahnenklee, Goslar im Harz
getestet auf Mozilla Firefox 8.0; Links (Textbrowser)
hoch »I-for-kids«
Startseite von »I-for-kids«Struktur der Webinhalte
Seit Oktober 2012 nicht mehr online.
Konzeption – Design – Umsetzung
Mai 2010
Designpaket: Logo, Website
Im Grund- und Vorschulprogramm »I-for-kids« der Universität Bamberg, Fakultät Wirtschaftsinformatik und Angewandte Informatik (WIAI) werden Kinder spielerisch an den Computer und seine Funktionsweise herangeführt. Sie erlangen dadurch mehr als Handlungswissen sondern entwickelt strukturelles Verständnis.
getestet auf Mozilla Firefox 3.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch »Freak-IT – was die Welt am Laufen hält«
Startseite von »Freak-IT«Struktur der Webinhalte
Seit Oktober 2012 nicht mehr online.
Konzeption – Design – Umsetzung
August 2009
Designpaket: Logo, Flyer, Plakat, Mini-Handout, Website
Mit Freak-IT ermöglicht die Fakultät Wirtschaftsinformatik und Angewandte Informatik der Universität Bamberg in praktischen Workshops hands-on-Erfahrungen mit informatischen Fragestellungen und Anwendungsfeldern. Oberstufenschüler in der beruflichen Entscheidungsphase (Gymnasien, FOS, BOS ab elfter Jahrgang) können die Informatik als ein spannendes Aufgabenfeld entdecken, Vorurteile abbauen und sich durch die positive Erfahrung möglicherweise für ein Studium an der Universität Bamberg entscheiden.
getestet auf Mozilla Firefox 3.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch »Informatik-Kindergarten«
Startseite des Informatik-KindergartensStruktur der Webinhalte
http://inki.uni-bamberg.de
Konzeption – Design – Umsetzung
Juli 2009
Designpaket: Logo, Website
Da viele Kinder bereits früh über ihr familiäres Umfeld Kontakt mit Computern haben und oft das Malen am Computer besonders faszinierend finden, bietet die Universität Bamberg einen Bildbearbeitungsworkshop an. Gruppen bis zu acht Vorschulkinder arbeiten mit professionellen Programmen aus dem universitären Alltag und entwickeln dabei informatisches Grundverständnis.
getestet auf Mozilla Firefox 3.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch Sabine Wild: »Malerei im Stil der romantischen Sachlichkeit«
Startseite zur Kunst von Sabine Wild»Sabine« aus der Serie »Schlafende« (07–08) von Sabine Wild
http://www.sabinewild.de/
Konzeption – Design (in Kooperation mit der Künstlerin) – Umsetzung
März 2008
kontinuierliche Weiterentwicklung
Website der Künstlerin Sabine Wild: Malerei im Stil der romantischen Sachlichkeit
getestet auf Mozilla Firefox 2.0, Internet Explorer 6.0, Links 2 (Textbrowser)
hoch »girls@WIAI« an der Universität Bamberg
Startseite zu den Aktivitäten der WIAI-Frauenbeauftragten der Uni BambergDer Girls'Day in der WIAI der Uni Bamberg
Seit Juni 2013 nicht mehr online.
Konzeption – Design – Umsetzung
März 2007 bzw. Februar 2008
Designpaket: Handout (Girls'Day), Website
Website zu den Aktivitäten der Frauenbeauftragten der Fakultät Wirtschaftsinformatik und Angewandte Informatik der Universität Bamberg.
Ausführliche Darstellung des WIAI-»Girls'Days« (jährlicher Mädchen-Zukunftstag).
getestet auf Mozilla Firefox 2.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
MUT Bamberg: »Auf die Plätze – Technik – los!«
Startseite der Ferienaktion »Auf die Plätze – Technik – los!« in BambergWorkshop-Seite der Ferienaktion »Auf die Plätze – Technik – los!« in Bamberg
Seit Oktober 2012 nicht mehr online.
Analyse der alten Webpräsenz
Neukonzeption – Design – Umsetzung
September 2006
Designpaket: Flyer, DIN-A0-Poster, Handout, DIN-A3-Poster, Website
Website zu den Mädchen-Workshoptagen »Auf die Plätze – Technik – los« an der Universität Bamberg (jährlich stattfindende dreitägige Veranstaltung in den Herbstferien).
getestet auf Mozilla Firefox 1.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch Kunsthalle Göppingen
Ehemalige Startseite der Kunsthalle GöppingenEhemalige Ausstellungsübersicht der Kunsthalle Göppingen
Seit Dezember 2009 nicht mehr online.
Analyse der alten Webpräsenz
Konzept – Design – Umsetzung
September 2006
Die Website stellte das Haus und seine wechselnden Ausstellungen vor. Mit Ausstellungsübersicht und Publikationsverzeichnis (verlinkt).
getestet auf Mozilla Firefox 1.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch Multimediaprojekt »Im Reich des Halali«
Startseite des Multimediaprojektes »Im Reich des Halali«Screenshot der teilanimierten Fotostory »Im Reich des Halali«
http://halal.istik.de
Konzept – Design – Umsetzung
Juni 2006
Die Website einer Gruppe von Neuntklässlern setzt sich in einer durch Anim-Gifs teilanimierten Fotostory mit der Rauminstallation »Halali« der Künstlerin Sonja Alhäuser auseinander. Ausführliche Infos zur Kunst und zum Projekt runden die Site ab.
getestet auf Mozilla Firefox 1.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)
hoch Idealistik – die Heimatseiten von Sanne Grabisch
Startseite von IdealistikÜbersichtsseite zur Ausstellung »Schmierfinken« auf Idealistik
http://ideal.istik.de/
Konzept – Design – Umsetzung – Inhalt
Januar 2004
März 2007 (Überarbeitung)
steter Ausbau
Meine Heimatseiten mit Hintergründen zu meiner Person, meinen Berufsfeldern Kultur- und insbesondere Medienpädagogik, Webauthoring, Design und Illustration, eigener Kunst und eigenen Comics, sowie mit Texten, Aufsätzen und wissenschaftlichen Arbeiten.
getestet auf Mozilla Firefox 1.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)

Templates

Ein Template bestimmt das Aussehen der Inhalte die auf einer Website erscheinen sollen, es legt sowohl die Struktur fest (wo sich welche Inhalte und welche Bedienelemente finden) als auch das Layout, also Farben, Bildgestaltung etc.

hoch Absolventenverein »ab.hier.kultur«
Website des Absolventenvereins »ab.hier.kultur« (2008–2012)
Seit Oktober 2012 nicht mehr online.
Konzeption – Design
September 2008
Entwicklung eines Templates für das Content-Management-System Joomla.
Das Design greift den Gestaltungsansatz des Logos auf und vertieft so den Netzwerkgedanken.
getestet auf Mozilla Firefox 2.0, Internet Explorer 6.0
hoch Inductive Programming Community
Online-Plattform derInductive Programming Community
http://www.inductive-programming.org/
Layout (Erweiterung bzw. Umschreibung des bestehenden CSS)
März 2008
Designpaket: Logo, Anpassung der bestehenden Website, neuer Website-Header
Entwicklung eines Layouts aufbauend auf einem YAML-Framework.
Der Kopfbereich der Website und das ebenfalls von mir entworfene Logo illustrieren den Ansatz der induktiven Programmierung.
getestet auf Mozilla Firefox 2.0, Internet Explorer 6.0

Kleine Projekte (Einseitige Website)

Wenn das, was man sagen will, auf eine Seite passt, dann sollte man es auch so umsetzen...

hoch Förderverein »Chronisch krankes Kind«
Website des Fördervereins »Chronisch krankes Kind«
http://www.chronisch-krankes-kind.de
Konzeption – Design – Umsetzung
Juni 2008 (seit Januar 2009 online)
Designpaket: Logo, Flyer, Website
Website auf Grundlage des Flyers des Fördervereins »Chronisch krankes Kind« unter Einbindung des Logos.
getestet auf Mozilla Firefox 3.0, Internet Explorer 6.0, Lynx 2.8 (Textbrowser)