Technische Umsetzung

  Technisch und optisch
    alles in Ordnung?



            http://www.carola-fichtner.de
http://www.carola-fichtner.de
Kennen Sie das?




        http://www.carola-fichtner.de
Funktioniert die Webseite?
• Lässt sich die Seite auch mit anderen
  Systemen und Auflösungen darstellen?
• Kann die Seite...
Was ist wichtig?
• Inhalt und Design sind auf Ihre Zielgruppe
  abgestimmt.
• Für die meisten Firmenwebseiten gilt:
  Info...
Stichwort: Usability
• Benutzungsfreundlich
• „Der Köder muss dem Fisch, nicht dem
  Angler schmecken“
• Logische Navigati...
Stichwort: Accessibility
•   Barrierefreiheit
•   Nicht nur für Blinde!
•   Google ist blind!
•   Es gibt weitere vielfält...
Empfehlung
• Technik bereits bei der Konzeption bedenken!
  Barrierefreiheit? Usability? Suchmaschinen?
• Verwendung von C...
Fazit
• Beschränken Sie den Besucherkreis nicht
  durch technische Vorgaben!
• Machen Sie es Ihrem Besucher leicht!
• Denk...
http://www.carola-fichtner.de
Vielen Dank!
(Auf den folgenden Seiten finden Sie interessante
zusätzliche Informationen, die ich in meinem Vortrag
nicht ...
Interessante Links
• Screenshots in verschiedenen Browsern:
  http://browsershots.org/ (teilw. lange Wartezeit)
• Interess...
Exkurs CSS Designs



•   www.csszengarden.com
•   der gleiche HTML Seitenquelltext
•   verschiedene CSS Dateien
•   Völli...
http://www.carola-fichtner.de
http://www.carola-fichtner.de
Nächste SlideShare
Wird geladen in …5
×

Internet-Vertriebs-Tuning - Technische Umsetzung

733 Aufrufe

Veröffentlicht am

Im Rahmen der Veranstaltung "Internet Vertiebs Tuning" bei www.wim-owl.de am 27.10.2006 gehaltener Vortrag

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
733
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
26
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Internet-Vertriebs-Tuning - Technische Umsetzung

  1. 1. Technische Umsetzung Technisch und optisch alles in Ordnung? http://www.carola-fichtner.de
  2. 2. http://www.carola-fichtner.de
  3. 3. Kennen Sie das? http://www.carola-fichtner.de
  4. 4. Funktioniert die Webseite? • Lässt sich die Seite auch mit anderen Systemen und Auflösungen darstellen? • Kann die Seite einfach ausgedruckt werden? • Funktionieren die Formulare? • Ist die Seite für Suchmaschinen sichtbar? http://www.carola-fichtner.de
  5. 5. Was ist wichtig? • Inhalt und Design sind auf Ihre Zielgruppe abgestimmt. • Für die meisten Firmenwebseiten gilt: Information ist das Wichtigste! • Getreu dem Motto: „Form follows function“ muss eine Webseite vor allem Inhalte bieten. http://www.carola-fichtner.de
  6. 6. Stichwort: Usability • Benutzungsfreundlich • „Der Köder muss dem Fisch, nicht dem Angler schmecken“ • Logische Navigation • Klare Strukturen • Wenige Klicks • „Freundliche“ Formulare http://www.carola-fichtner.de
  7. 7. Stichwort: Accessibility • Barrierefreiheit • Nicht nur für Blinde! • Google ist blind! • Es gibt weitere vielfältige „Einschränkungen“, z. B. : – Keine Maus angeschlossen – Kleiner Monitor – Farbfehlsichtig/ Kontraste http://www.carola-fichtner.de
  8. 8. Empfehlung • Technik bereits bei der Konzeption bedenken! Barrierefreiheit? Usability? Suchmaschinen? • Verwendung von CSS (Cascading StyleSheets) zur Trennung von Inhalt und Design • Bei umfangreichen Auftritten Verwendung eines CMS um Links „ins Leere“ zu verhindern • Testen!!! http://www.carola-fichtner.de
  9. 9. Fazit • Beschränken Sie den Besucherkreis nicht durch technische Vorgaben! • Machen Sie es Ihrem Besucher leicht! • Denken Sie aus Besucher/Kundensicht! • Auch Google ist ein Besucher! http://www.carola-fichtner.de
  10. 10. http://www.carola-fichtner.de
  11. 11. Vielen Dank! (Auf den folgenden Seiten finden Sie interessante zusätzliche Informationen, die ich in meinem Vortrag nicht erwähnt habe.) http://www.carola-fichtner.de
  12. 12. Interessante Links • Screenshots in verschiedenen Browsern: http://browsershots.org/ (teilw. lange Wartezeit) • Interessanter Artikel zum Thema Barrierefreiheit http://www.vorsprungdurchwebstandards.de/acces sibility_mythen_und_moeglichkeiten.html • Webcheck auf meiner Webseite (http://www.carola -fichtner.de) http://www.carola-fichtner.de
  13. 13. Exkurs CSS Designs • www.csszengarden.com • der gleiche HTML Seitenquelltext • verschiedene CSS Dateien • Völlig unterschiedliche Darstellung! • => mit CSS ist fast jedes Design möglich! http://www.carola-fichtner.de
  14. 14. http://www.carola-fichtner.de
  15. 15. http://www.carola-fichtner.de

×