SlideShare uma empresa Scribd logo
1 de 15
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 einfach ausgedruckt werden?
• Funktionieren die Formulare?
• Ist die Seite für Suchmaschinen sichtbar?




                      http://www.carola-fichtner.de
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
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
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
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
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
http://www.carola-fichtner.de
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
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
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
http://www.carola-fichtner.de
http://www.carola-fichtner.de

Mais conteúdo relacionado

Destaque

Stand und Perspektiven der Direktvermarktung in Deutschland
Stand und Perspektiven der Direktvermarktung in DeutschlandStand und Perspektiven der Direktvermarktung in Deutschland
Stand und Perspektiven der Direktvermarktung in DeutschlandMarcel Gerds
 
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimental
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimentalEs posible pensar_otra_escuela_-_escuela_pedagogica_experimental
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimentalHolman Esneyder
 
Virus y vacunas informáticas
Virus y vacunas informáticasVirus y vacunas informáticas
Virus y vacunas informáticasMarcela Cipagauta
 
Lutzis od. doch eher moderne schmutzis
Lutzis od. doch eher moderne schmutzisLutzis od. doch eher moderne schmutzis
Lutzis od. doch eher moderne schmutzisGebhard Burger
 
Blanca martinez act_ 1_unidad_2_cfc
Blanca martinez  act_ 1_unidad_2_cfcBlanca martinez  act_ 1_unidad_2_cfc
Blanca martinez act_ 1_unidad_2_cfcBlarry
 
Estrategias para buscar información en internet
Estrategias para buscar información en internetEstrategias para buscar información en internet
Estrategias para buscar información en internetCaguama Chavo
 
Probekapitel Informatik Macchiato: Algorithmen
Probekapitel Informatik Macchiato: AlgorithmenProbekapitel Informatik Macchiato: Algorithmen
Probekapitel Informatik Macchiato: AlgorithmenWolfgang Reinhardt
 
Hristo Lyubenov german CV
Hristo Lyubenov german CVHristo Lyubenov german CV
Hristo Lyubenov german CVHristo Lyubenov
 
Die wirtschaftliche rolle chinas in der zukunft
Die wirtschaftliche rolle chinas in der zukunft  Die wirtschaftliche rolle chinas in der zukunft
Die wirtschaftliche rolle chinas in der zukunft Stefan T. Schwaab
 
Las vacunas
Las vacunasLas vacunas
Las vacunasenana02
 
Ac doc marco_teorico_2000_2005_matematica
Ac doc marco_teorico_2000_2005_matematicaAc doc marco_teorico_2000_2005_matematica
Ac doc marco_teorico_2000_2005_matematicajuan vega
 

Destaque (20)

Müll-Exporte: die somalia-connection
Müll-Exporte: die somalia-connection Müll-Exporte: die somalia-connection
Müll-Exporte: die somalia-connection
 
Obesidad (2)
Obesidad (2)Obesidad (2)
Obesidad (2)
 
Stand und Perspektiven der Direktvermarktung in Deutschland
Stand und Perspektiven der Direktvermarktung in DeutschlandStand und Perspektiven der Direktvermarktung in Deutschland
Stand und Perspektiven der Direktvermarktung in Deutschland
 
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimental
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimentalEs posible pensar_otra_escuela_-_escuela_pedagogica_experimental
Es posible pensar_otra_escuela_-_escuela_pedagogica_experimental
 
Rifa entre amigas
Rifa entre amigasRifa entre amigas
Rifa entre amigas
 
Virus y vacunas_ informaticos_gutierrez_jhon.
Virus  y  vacunas_ informaticos_gutierrez_jhon.Virus  y  vacunas_ informaticos_gutierrez_jhon.
Virus y vacunas_ informaticos_gutierrez_jhon.
 
Virus y vacunas informáticas
Virus y vacunas informáticasVirus y vacunas informáticas
Virus y vacunas informáticas
 
La historia del arte
La historia del arteLa historia del arte
La historia del arte
 
Informe final vi
Informe final viInforme final vi
Informe final vi
 
Lutzis od. doch eher moderne schmutzis
Lutzis od. doch eher moderne schmutzisLutzis od. doch eher moderne schmutzis
Lutzis od. doch eher moderne schmutzis
 
Catalogo
CatalogoCatalogo
Catalogo
 
Blanca martinez act_ 1_unidad_2_cfc
Blanca martinez  act_ 1_unidad_2_cfcBlanca martinez  act_ 1_unidad_2_cfc
Blanca martinez act_ 1_unidad_2_cfc
 
Manejo de residuos(1)
Manejo de residuos(1)Manejo de residuos(1)
Manejo de residuos(1)
 
Estrategias para buscar información en internet
Estrategias para buscar información en internetEstrategias para buscar información en internet
Estrategias para buscar información en internet
 
Probekapitel Informatik Macchiato: Algorithmen
Probekapitel Informatik Macchiato: AlgorithmenProbekapitel Informatik Macchiato: Algorithmen
Probekapitel Informatik Macchiato: Algorithmen
 
Hristo Lyubenov german CV
Hristo Lyubenov german CVHristo Lyubenov german CV
Hristo Lyubenov german CV
 
"Mascara" Sony vegas
"Mascara" Sony vegas"Mascara" Sony vegas
"Mascara" Sony vegas
 
Die wirtschaftliche rolle chinas in der zukunft
Die wirtschaftliche rolle chinas in der zukunft  Die wirtschaftliche rolle chinas in der zukunft
Die wirtschaftliche rolle chinas in der zukunft
 
Las vacunas
Las vacunasLas vacunas
Las vacunas
 
Ac doc marco_teorico_2000_2005_matematica
Ac doc marco_teorico_2000_2005_matematicaAc doc marco_teorico_2000_2005_matematica
Ac doc marco_teorico_2000_2005_matematica
 

Internet-Vertriebs-Tuning - Technische Umsetzung

  • 1. Technische Umsetzung Technisch und optisch alles in Ordnung? http://www.carola-fichtner.de
  • 3. Kennen Sie das? http://www.carola-fichtner.de
  • 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