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. 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. 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. 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. 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. 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
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. 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. 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