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

of 31 /31
Copyright © 1998-1999 Helmuth Pladek, bingo e.V. Webdesign, Website-Gestaltung - special Referent: Helmuth Pladek, Stv. Webmaster bingo e.V.

Embed Size (px)

Transcript of Copyright © 1998-1999 Helmuth Pladek, bingo e.V. Webdesign, Website-Gestaltung - special Referent:...

  • Folie 1
  • Folie 2
  • Copyright 1998-1999 Helmuth Pladek, bingo e.V. Webdesign, Website-Gestaltung - special Referent: Helmuth Pladek, Stv. Webmaster bingo e.V.
  • Folie 3
  • [email protected] 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 - Mglichkeiten zur Bildoptimierung Einbindung von Grafiken, Sound, Video, JAVA-Applets, JavaScript, VBScript u.a. - Wirkungen beim Betrachter - mssen sie sein? Unterschiedliche Browser - unterschiedliche HTML-Befehle - mssen sie sein? Suchen und Finden oder Nichtgefundenwerdenwollen - Die Frame-Gefahr In den Farbtopf gefallen - farbliche Gestaltung der Website Corporate Identity - nicht nur etwas fr Corporates Lost in Hypertext - Benutzerfhrung - Benutzerverfhrung Versionsverwaltung - Tools zu Website-Verwaltung allg. Aussprache Beantwortung von evtl. Einzel-Fragen/Problemen im anschlieenden (persnl.) Gesprch mglich.
  • Folie 4
  • [email protected] Webdesign, Website-Gestaltung - special Design Multimedia-Design Informationsarchitektur einer Web-Site Webdesign
  • Folie 5
  • [email protected] Web-Design (der Oberbegriff fr das Publizieren im WWW) umfat Content-Design, Navigations-Design, Hypertext-Design und Applikations-Design. Layout-Design einerseits, aber auch
  • Folie 6
  • [email protected] Vorberlegungen Umberto Eco Jenseits gewisser Schwellen ist ein Zuviel an Information gleichbedeutend mit gar keiner Information.
  • Folie 7
  • [email protected] Vorberlegungen Clifford Stoll: (in. Die Wste Internet, Frankfurt 1996) Niemand, der wirklich hochwertige Informationen hat, wird diese auf Dauer umsonst anbieten.... Der Infomll landet im Internet. Originalausgabe: "Silicon Snake Oil. Second Thoughts on the Information Highway", Verlag Doubleday, New York u.a., 1995 deutsche Ausgabe:"Die Wste Internet - Geisterfahrten auf der Datenautobahn, S. Fischer Verlag GmbH, Frankfurt am Main, 1996 http://www.telemarkt.de/igsbb/internet/pbuecher/gaeste/stollvl.htm http://userpage.fu-berlin.de/~blomberg/
  • Folie 8
  • [email protected] Vorbemerkungen: Fr effektive Online-Prsentationen sind die folgenden vier bewhrten Schritte ntig: Planen Befolgen Sie diese Richtlinien, und Sie und Ihre Website werden einen guten Eindruck bei Ihrem Publikum hinterlassen. Vorbereiten Testen und Kontrollieren.
  • Folie 9
  • [email protected] Planen Beschreiben Sie Ihr Zielpublikum: Bedrfnisse Ziele Wissensstand Erfahrung Wnsche...
  • Folie 10
  • [email protected] 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)...
  • Folie 11
  • [email protected] 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 mchten. Beachten Sie auch, was der Kunde will: http://www.webagency.de/infopool/internetwissen/ak981120.htm http://www.webagency.de/infopool/internetwissen/ak981120.htm
  • Folie 12
  • [email protected] Vorbereiten (Fortsetzung) Bereiten Sie einen Einstieg (Homepage) vor, die Aufmerksamkeit erregt. Aber erstellen Sie keine Homepage um ihrer selbst willen (ohne Nutzen, nur schn).
  • Folie 13
  • [email protected] Vorbereiten (Fortsetzung) Illustrieren und untersttzen Sie Hauptargumente mit Begrndungen und Anschauungsmaterialien. Statistiken Analogien Demonstrationen Atteste Ereignisse Beweisstcke
  • Folie 14
  • [email protected] Vorbereiten (Fortsetzung) Bereiten Sie ein einprgsames 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.
  • Folie 15
  • [email protected] Testen Wir haben festgestellt, da drei Dinge von fundamentaler Bedeutung fr erfolgreiche Online- Prsentationen sind: Testen Testen Testen
  • Folie 16
  • [email protected] Testen (Fortsetzung) berprfen Sie Ihr Anschauungsmaterial auf Klarheit Bedeutung optische Wirkung Sichtbarkeit Qualitt Einprgsamkeit
  • Folie 17
  • [email protected] Prsentieren Verlassen Sie sich auf die Grundregeln: Beherrschen Sie Ihr Thema. Gehen Sie Ihre Prsentation positiv an. Vermitteln Sie dem Publikum den Wert Ihrer Aussage. Machen Sie einen positiven ersten Eindruck Achten Sie auf ein gepflegtes ueres. Verantwortung fr den Inhalt tragen SIE! Content-Design
  • Folie 18
  • [email protected] Prsentieren (Fortsetzung) Stellen Sie Kontakt zum Publikum her: Applikations-Design. Beteiligen Sie Ihr Publikum. Holen Sie sich Feedback / Ratschlge Bieten Sie ein Gstebuch an Ein Email-Link auf JEDE Seite!
  • Folie 19
  • [email protected] Prsentieren (Fortsetzung) Behalten Sie die Aufmerksamkeit des Surfers Navigations-Design Zeigen Sie Begeisterung fr Ihr Thema Verwenden Sie lebendige Wrter Drcken Sie sich klar und bndig aus Erzhlen Sie keine langatmigen Geschichten Achten Sie auf die Fortbewegung des Benutzers - richtige - fhren Sie ihn...
  • Folie 20
  • [email protected] Prsentieren (Fortsetzung) Streben Sie nach stndiger Verbesserung: Messen Sie den Erfolg Ihrer Site Identifizieren Sie die Strken und die verbesserungsbedrftigen Gebiete Entscheiden Sie, wie Ihre Website verbessert werden kann Behalten Sie die Aufmerksamkeit des Surfers http://www.franken.de/users/tychen/faq/htmlfaq-8.html Webserverstatistik: http://www.bingo.baynet.de/statistik/www1999/frames.htmlwww1999/frames.html Webcounter
  • Folie 21
  • [email protected] 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
  • Folie 22
  • [email protected] Wie erstelle ich eine Website benutzerfreundlich? selfhtml/tbd.htmselfhtmltbd.htm selfhtml/tcai.htmtcai.htm selfhtml/tbda.htmselfhtml/tbda.htm
  • Folie 23
  • [email protected] WIE erstelle ich eine Website denn nun benutzerfreundlich? Ladezeit der Seite kurz halten (5 Sekunden-Regel) Aktuelle Informationen auf der Einstiegsseite Inhaltsverzeichnis und Verstndlichkeit 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
  • Folie 24
  • [email protected] Die Grafik kam vor dem Modem - Mglichkeiten zur Bildoptimierung Die Bilderstellung und -bearbeitung mu ich als bekannt voraussetzen! http://www.franken.de/users/tychen/faq/htmlfaq-9.html
  • Folie 25
  • [email protected] Einbindung von Grafiken, Sound, Video, JAVA-Applets, JavaScript, VBScript u.a. - Wirkungen beim Betrachter - mssen sie sein? Nein
  • Folie 26
  • [email protected] Unterschiedliche Browser - unterschiedliche HTML-Befehle - mssen sie sein? Nein Trotz HTML 4.0 - bleiben Sie bei HTML 3.2
  • Folie 27
  • [email protected] Suchen und Finden oder Nichtgefundenwerdenwollen - Die Frame-Gefahr... und was Sie dagegen tun knnen... (bentigt JavaScript) http://www.bingo.baynet.de/schulung/html/demo/frames.htm
  • Folie 28
  • [email protected] In den Farbtopf gefallen - farbliche Gestaltung der Website Meistens Geschmackssache... (oder Corporate Design)
  • Folie 29
  • [email protected] Corporate Identity - nicht nur etwas fr Corporates Corporate Identity: Darstellung nach innen Corporate Design: Darstellung nach auen berprfen Sie das bisherige Corporate Design auf website-fhigkeit, bevor Sie eine Online-Prsentation planen...
  • Folie 30
  • [email protected] Lost in Hypertext - Benutzerfhrung - Benutzerverfhrung http://www.franken.de/users/tychen/faq/htmlfaq.html
  • Folie 31
  • [email protected] Versionsverwaltung - Tools zu Website-Verwaltung Tools zu Website-Verwaltung Microsoft Frontpage 98 http://www.eu.microsoft.com/germany/office/frontpage/ http://www.eu.microsoft.com/germany/office/frontpage/ NetObjects Fusion 3.0 http://www.netobjects.com http://www.netobjects.com Adobe PageMill 2.0 (fr Windows o. Mac) http://www.adobe.com/prodindex/pagemill/main.html http://www.adobe.com/prodindex/pagemill/main.html HTML-PowerTools (jetzt u.a.: SiteBoss) http://www.opposite.com http://www.siteboss.com http://www.opposite.com http://www.siteboss.com u.v.a.m. selfhtml/tj.htm SchemaText http://www.schema.de http://www.schema.de HomeSite http://www.homesite-now.com http://www.homesite-now.com selfhtml/tbcc.htmtbcc.htm Linkbot 3.0
  • Folie 32
  • [email protected] Vielen Dank fr Ihr Interesse! - allg. Aussprache - Beantwortung von evtl. Einzel-Fragen/Problemen Stefan Mnz: SelfHTML, Version 7.0 vom 27.04.1998 http://www.bingo.baynet.de/internet/selfhtml/internet/selfhtml/ http://www.teamone.de/selfhtml/