Copyright © Helmuth Pladek, bingo e.V. Webdesign, Website-Gestaltung - special Referent: Helmuth Pladek, Stv. Webmaster bingo e.V.

© Inhalt (Vorschlag) was HTML ist und wozu HTML geeignet ist - und wozu HTML alles herhalten muß ;c) Wie erstelle ich eine Website benutzerfreundlich? Die Grafik kam vor dem Modem - Möglichkeiten zur Bildoptimierung Einbindung von Grafiken, Sound, Video, JAVA-Applets, JavaScript, VBScript u.a. - Wirkungen beim Betrachter - müssen sie sein? Unterschiedliche Browser - unterschiedliche HTML-Befehle - müssen sie sein? Suchen und Finden oder Nichtgefundenwerdenwollen - Die Frame-Gefahr In den Farbtopf gefallen - farbliche Gestaltung der Website Corporate Identity - nicht nur etwas für Corporates Lost in Hypertext - Benutzerführung - Benutzerverführung Versionsverwaltung - Tools zu Website-Verwaltung allg. Aussprache Beantwortung von evtl. Einzel-Fragen/Problemen im anschließenden (persönl.) Gespräch möglich.

© Webdesign, Website-Gestaltung - special Design Multimedia-Design ‚Informationsarchitektur‘ einer Web-Site Webdesign

© Web-Design (der Oberbegriff für das Publizieren im WWW) umfaßt Content-Design, Navigations-Design, Hypertext-Design und Applikations-Design. Layout-Design einerseits, aber auch

© Vorüberlegungen Umberto Eco „Jenseits gewisser Schwellen ist ein Zuviel an Information gleichbedeutend mit gar keiner Information.“

© Vorüberlegungen Clifford Stoll: (in. „Die Wüste Internet“, Frankfurt 1996) „Niemand, der wirklich hochwertige Informationen hat, wird diese auf Dauer umsonst anbieten.... Der Infomüll landet im Internet.“ © Originalausgabe: "Silicon Snake Oil. Second Thoughts on the Information Highway", Verlag Doubleday, New York u.a., 1995 © deutsche Ausgabe:"Die Wüste Internet - Geisterfahrten auf der Datenautobahn“, S. Fischer Verlag GmbH, Frankfurt am Main,

© Vorbemerkungen: Für effektive Online-Präsentationen sind die folgenden vier bewährten Schritte nötig: Planen Befolgen Sie diese Richtlinien, und Sie und Ihre Website werden einen guten Eindruck bei Ihrem Publikum hinterlassen. Vorbereiten Testen und Kontrollieren.

© Planen Beschreiben Sie Ihr Zielpublikum: Bedürfnisse Ziele Wissensstand Erfahrung Wünsche...

© Planen Definieren Sie den Zweck Ihrer Site und das, was Sie beim Publikum erreichen wollen: Beschreiben Sie Ihr Zielpublikum Informieren Überzeugen Zum Handeln motivieren Unterrichten / Ausbilden Verkaufen Funpage (Spaß)...

© Vorbereiten Messen Sie Ihren Aussagen Wert bei. Stellen Sie sich die Reaktion Ihres Publikums vor. Überlegen Sie –warum Sie diese Site unterhalten –warum Sie an dem Thema interessiert sind –warum Sie sich Ihrem Publikum mitteilen möchten. Beachten Sie auch, was der Kunde will:

© Vorbereiten (Fortsetzung) Bereiten Sie einen Einstieg (Homepage) vor, die Aufmerksamkeit erregt. Aber erstellen Sie keine Homepage um ihrer selbst willen (ohne Nutzen, „nur schön“).

© Vorbereiten (Fortsetzung) Illustrieren und unterstützen Sie Hauptargumente mit Begründungen und Anschauungsmaterialien. –Statistiken –Analogien –Demonstrationen –Atteste –Ereignisse –Beweisstücke

© Vorbereiten (Fortsetzung) Bereiten Sie ein einprägsames Design vor Tragen Sie Ihre Ideen anschaulich vor. Fordern Sie das Publikum zu etwas heraus. Machen Sie eine motivierende Aussage. Wiederholen Sie den Hauptnutzen. Machen Sie eine überzeugende Zusammenfassung.

© Testen Wir haben festgestellt, daß drei Dinge von fundamentaler Bedeutung für erfolgreiche Online- Präsentationen sind: Testen Testen Testen

© Testen (Fortsetzung) Überprüfen Sie Ihr Anschauungsmaterial auf –Klarheit –Bedeutung –optische Wirkung –Sichtbarkeit –Qualität –Einprägsamkeit

© Präsentieren Verlassen Sie sich auf die Grundregeln: –Beherrschen Sie Ihr Thema. –Gehen Sie Ihre Präsentation positiv an. –Vermitteln Sie dem Publikum den Wert Ihrer Aussage. –Machen Sie einen positiven ersten Eindruck –Achten Sie auf ein gepflegtes Äußeres. Verantwortung für den Inhalt tragen SIE! Content-Design

© Präsentieren (Fortsetzung) Stellen Sie Kontakt zum Publikum her: Applikations-Design. Beteiligen Sie Ihr Publikum. Holen Sie sich Feedback / Ratschläge Bieten Sie ein Gästebuch an Ein -Link auf JEDE Seite!

© Präsentieren (Fortsetzung) Behalten Sie die Aufmerksamkeit des Surfers Navigations-Design Zeigen Sie Begeisterung für Ihr Thema Verwenden Sie lebendige Wörter Drücken Sie sich klar und bündig aus Erzählen Sie keine langatmigen Geschichten Achten Sie auf die Fortbewegung des Benutzers - richtige - führen Sie ihn...

© Präsentieren (Fortsetzung) Streben Sie nach ständiger Verbesserung: –Messen Sie den Erfolg Ihrer Site –Identifizieren Sie die Stärken und die verbesserungsbedürftigen Gebiete –Entscheiden Sie, wie Ihre Website verbessert werden kann Behalten Sie die Aufmerksamkeit des Surfers Webserverstatistik: Webcounter

© Was HTML ist und wozu HTML geeignet ist - und wozu HTML alles herhalten muß ;c) selfhtml/tbae.htm selfhtml/tcac.htmselfhtml/tcac.htm selfhtml/tcaf.htm#a2tcaf.htm#a2

© Wie erstelle ich eine Website benutzerfreundlich? selfhtml/tbd.htmselfhtmltbd.htm selfhtml/tcai.htmtcai.htm selfhtml/tbda.htmselfhtml/tbda.htm

© WIE erstelle ich eine Website denn nun benutzerfreundlich? Ladezeit der Seite kurz halten (5 Sekunden-Regel) Aktuelle Informationen auf der Einstiegsseite Inhaltsverzeichnis und Verständlichkeit der -Übersicht Zurechtfinden („Navigation“) innerhalb der Website Informationsangebot/-gehalt/-wert und „Mehr-Wert“ (etwas weniger der Umfang des Informationsangebots) Design u.v.m. (vgl. auch Anforderungen an eine Website)eine Website

© Die Grafik kam vor dem Modem - Möglichkeiten zur Bildoptimierung Die Bilderstellung und -bearbeitung muß ich als bekannt voraussetzen!

© Einbindung von Grafiken, Sound, Video, JAVA-Applets, JavaScript, VBScript u.a. - Wirkungen beim Betrachter - müssen sie sein? Nein

© Unterschiedliche Browser - unterschiedliche HTML-Befehle - müssen sie sein? Nein Trotz HTML bleiben Sie bei HTML 3.2

© Suchen und Finden oder Nichtgefundenwerdenwollen - Die Frame-Gefahr... und was Sie dagegen tun können... (benötigt JavaScript)

© In den Farbtopf gefallen - farbliche Gestaltung der Website Meistens Geschmackssache... (oder Corporate Design)

© Corporate Identity - nicht nur etwas für Corporates Corporate Identity: Darstellung nach innen Corporate Design: Darstellung nach außen Überprüfen Sie das bisherige Corporate Design auf website-fähigkeit, bevor Sie eine Online-Präsentation planen...

© Lost in Hypertext - Benutzerführung - Benutzerverführung

© Versionsverwaltung - Tools zu Website-Verwaltung Tools zu Website-Verwaltung Microsoft Frontpage NetObjects Fusion Adobe PageMill 2.0 (für Windows o. Mac) HTML-PowerTools (jetzt u.a.: SiteBoss) u.v.a.m. selfhtml/tj.htm SchemaText HomeSite selfhtml/tbcc.htmtbcc.htm Linkbot 3.0

© Vielen Dank für Ihr Interesse! - allg. Aussprache - Beantwortung von evtl. Einzel-Fragen/Problemen Stefan Münz: SelfHTML, Version 7.0 vom