Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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

768 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
  • Als Erste(r) kommentieren

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

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

×