SlideShare a Scribd company logo
1 of 88
Download to read offline
Was braucht die moderne Webseite?
Nicolai Schwarz, textformer.de, April 2010
Ziel / Zielgruppe
Inhalte
Architektur
Usability
Barrierefreiheit
SEO / Suchen
Interaktivität
Soziale Netze
Design
Das kleine Extra
Weg zur modernen Webseite:

• Ziel und Zielgruppe kennen
• Die Inhalte festlegen
• Blogs, Podcasts etc. nur angehen,
  wenn Zeit und Lust das zulassen
• Passende Texte!
• Professionelle Fotos!
• Informationsarchitektur, Barriere-
  freiheit, Usability und SEO dem
  kompetenten Webworker über-
  lassen
• Das Design kann bis zum Schluss
  warten
Vielen Dank.
Der Referent


Nicolai Schwarz
twitter.com/textformer
www.textformer.de

• freier Designer und Webentwickler
  aus Dortmund
• Autor für t3n, PHP User,
  Create or Die
• Redaktionelle Mitarbeit beim
  Webstandards-Magazin
• Redaktion webkrauts.de

More Related Content

Viewers also liked

Transgresser le discours associatif
Transgresser le discours associatifTransgresser le discours associatif
Transgresser le discours associatifAgence Excel
 
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...R-Evolutions Touristiques de Brive
 
L'art de prendre_la_bonne_photo_au_b
L'art de prendre_la_bonne_photo_au_bL'art de prendre_la_bonne_photo_au_b
L'art de prendre_la_bonne_photo_au_bAudrey2012
 
Erfolg Ausgabe Nr. 4 2015
Erfolg Ausgabe Nr. 4 2015Erfolg Ausgabe Nr. 4 2015
Erfolg Ausgabe Nr. 4 2015Roland Rupp
 
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPBSebastian Plönges
 
Status-Sharing und Tätigkeitstheorie
Status-Sharing und TätigkeitstheorieStatus-Sharing und Tätigkeitstheorie
Status-Sharing und TätigkeitstheorieMartin Böhringer
 
La véritable histoire du dernier samourai
La véritable histoire du dernier samouraiLa véritable histoire du dernier samourai
La véritable histoire du dernier samouraiShingen_bushido
 
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...Roland Rupp
 

Viewers also liked (15)

Transgresser le discours associatif
Transgresser le discours associatifTransgresser le discours associatif
Transgresser le discours associatif
 
Amitie -
  Amitie -  Amitie -
Amitie -
 
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...
Atelier 10 - Observer c'est gagner ; l'exemple de l'observatoire local du Tou...
 
L'art de prendre_la_bonne_photo_au_b
L'art de prendre_la_bonne_photo_au_bL'art de prendre_la_bonne_photo_au_b
L'art de prendre_la_bonne_photo_au_b
 
Duchess france
Duchess franceDuchess france
Duchess france
 
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
 
Erfolg Ausgabe Nr. 4 2015
Erfolg Ausgabe Nr. 4 2015Erfolg Ausgabe Nr. 4 2015
Erfolg Ausgabe Nr. 4 2015
 
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB
(e)Portfolio-Konzepte. Planung und Praxis an der Fakultät EPB
 
Dons espirituais
Dons espirituaisDons espirituais
Dons espirituais
 
Status-Sharing und Tätigkeitstheorie
Status-Sharing und TätigkeitstheorieStatus-Sharing und Tätigkeitstheorie
Status-Sharing und Tätigkeitstheorie
 
La véritable histoire du dernier samourai
La véritable histoire du dernier samouraiLa véritable histoire du dernier samourai
La véritable histoire du dernier samourai
 
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...
ERFOLG Offizielles Organ des Schweizerischen KMU Verband Ausgabe Nr. 9 - Sept...
 
Freiwilligenmanagement und Schule
Freiwilligenmanagement und SchuleFreiwilligenmanagement und Schule
Freiwilligenmanagement und Schule
 
Graphiques du bilan 2012 Point de Contact
Graphiques du bilan 2012 Point de ContactGraphiques du bilan 2012 Point de Contact
Graphiques du bilan 2012 Point de Contact
 
Das Outernet im Tourismus
Das Outernet im TourismusDas Outernet im Tourismus
Das Outernet im Tourismus
 

Similar to Nicolai Schwarz: Die moderne Webseite

Geschichte mit Social Media vermitteln
Geschichte mit Social Media vermittelnGeschichte mit Social Media vermitteln
Geschichte mit Social Media vermittelnStephan Rockinger
 
Track Web 2 0 Bei Microsoft Customer
Track Web 2 0 Bei Microsoft CustomerTrack Web 2 0 Bei Microsoft Customer
Track Web 2 0 Bei Microsoft Customeratwork
 
Soziale Netzwerke in der Unternehmenskommunikation
Soziale Netzwerke in der UnternehmenskommunikationSoziale Netzwerke in der Unternehmenskommunikation
Soziale Netzwerke in der UnternehmenskommunikationStephan Rockinger
 
Die Evolution der eigenen Homepage
Die Evolution der eigenen HomepageDie Evolution der eigenen Homepage
Die Evolution der eigenen HomepageStefan Wienströer
 
Social Media in der Unternehmenskommunikation
Social Media in der UnternehmenskommunikationSocial Media in der Unternehmenskommunikation
Social Media in der UnternehmenskommunikationStephan Rockinger
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionBjörn Wilmsmann
 
Social Media in der ETH-Bibliothek
Social Media in der ETH-BibliothekSocial Media in der ETH-Bibliothek
Social Media in der ETH-BibliothekRudolf Mumenthaler
 
Wiener Linien Coporate Blog (blog.wienerlinien.at)
Wiener Linien Coporate Blog (blog.wienerlinien.at)Wiener Linien Coporate Blog (blog.wienerlinien.at)
Wiener Linien Coporate Blog (blog.wienerlinien.at)Wiener Linien
 
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...Tanja Praske
 
Gutenberg & WordPress 5
Gutenberg & WordPress 5Gutenberg & WordPress 5
Gutenberg & WordPress 5Sören Wrede
 
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...achtQuark
 
Mediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMarisa Wollner
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungWolfgang Wiese
 
Geschichte von Blogs und Blogging
Geschichte von Blogs und BloggingGeschichte von Blogs und Blogging
Geschichte von Blogs und BloggingRolf Mistelbacher
 
Podcasts für Selfpublisher
Podcasts für SelfpublisherPodcasts für Selfpublisher
Podcasts für SelfpublisherSeñor Rolando
 

Similar to Nicolai Schwarz: Die moderne Webseite (20)

Geschichte mit Social Media vermitteln
Geschichte mit Social Media vermittelnGeschichte mit Social Media vermitteln
Geschichte mit Social Media vermitteln
 
Track Web 2 0 Bei Microsoft Customer
Track Web 2 0 Bei Microsoft CustomerTrack Web 2 0 Bei Microsoft Customer
Track Web 2 0 Bei Microsoft Customer
 
Soziale Netzwerke in der Unternehmenskommunikation
Soziale Netzwerke in der UnternehmenskommunikationSoziale Netzwerke in der Unternehmenskommunikation
Soziale Netzwerke in der Unternehmenskommunikation
 
Blogging ein kurzer Einstieg
Blogging ein kurzer EinstiegBlogging ein kurzer Einstieg
Blogging ein kurzer Einstieg
 
Blogging - ein kurzer Einstieg
Blogging - ein kurzer EinstiegBlogging - ein kurzer Einstieg
Blogging - ein kurzer Einstieg
 
Die Evolution der eigenen Homepage
Die Evolution der eigenen HomepageDie Evolution der eigenen Homepage
Die Evolution der eigenen Homepage
 
Social Media in der Unternehmenskommunikation
Social Media in der UnternehmenskommunikationSocial Media in der Unternehmenskommunikation
Social Media in der Unternehmenskommunikation
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
 
Ihre Kirchgemeinde im Internet
Ihre Kirchgemeinde im InternetIhre Kirchgemeinde im Internet
Ihre Kirchgemeinde im Internet
 
Social Media in der ETH-Bibliothek
Social Media in der ETH-BibliothekSocial Media in der ETH-Bibliothek
Social Media in der ETH-Bibliothek
 
Wiener Linien Coporate Blog (blog.wienerlinien.at)
Wiener Linien Coporate Blog (blog.wienerlinien.at)Wiener Linien Coporate Blog (blog.wienerlinien.at)
Wiener Linien Coporate Blog (blog.wienerlinien.at)
 
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...
Warum bloggen? Wer schreibt, der bleibt. Von der Webvisitenkarte zur Leidensc...
 
Blog podcast
Blog podcastBlog podcast
Blog podcast
 
Gutenberg & WordPress 5
Gutenberg & WordPress 5Gutenberg & WordPress 5
Gutenberg & WordPress 5
 
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...
achtQuark Präsentation zum Seminar "Anwendungsbereich Innovatives Wissensmana...
 
Mediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMediencampus Website Grobkonzept
Mediencampus Website Grobkonzept
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
 
Geschichte von Blogs und Blogging
Geschichte von Blogs und BloggingGeschichte von Blogs und Blogging
Geschichte von Blogs und Blogging
 
Podcasts für Selfpublisher
Podcasts für SelfpublisherPodcasts für Selfpublisher
Podcasts für Selfpublisher
 
Bildung im Netz
Bildung im NetzBildung im Netz
Bildung im Netz
 

More from Nicolai Schwarz

Gadgets Galore - Barcamp Hamburg, Nov 2015
 Gadgets Galore - Barcamp Hamburg, Nov 2015 Gadgets Galore - Barcamp Hamburg, Nov 2015
Gadgets Galore - Barcamp Hamburg, Nov 2015Nicolai Schwarz
 
Gadgets Galore - Barcamp Düsseldorf, Okt 2015
Gadgets Galore - Barcamp Düsseldorf, Okt 2015Gadgets Galore - Barcamp Düsseldorf, Okt 2015
Gadgets Galore - Barcamp Düsseldorf, Okt 2015Nicolai Schwarz
 
Medienmanagement mit Drupal 7
Medienmanagement mit Drupal 7Medienmanagement mit Drupal 7
Medienmanagement mit Drupal 7Nicolai Schwarz
 
Barrierefreiheit im Fokus: 12 Beispiele für Accessibility
Barrierefreiheit im Fokus: 12 Beispiele für AccessibilityBarrierefreiheit im Fokus: 12 Beispiele für Accessibility
Barrierefreiheit im Fokus: 12 Beispiele für AccessibilityNicolai Schwarz
 
36 Tipps und Inspirationen für Blogger
36 Tipps und Inspirationen für Blogger36 Tipps und Inspirationen für Blogger
36 Tipps und Inspirationen für BloggerNicolai Schwarz
 
Responsive Design mit Drupal
Responsive Design mit DrupalResponsive Design mit Drupal
Responsive Design mit DrupalNicolai Schwarz
 
WYSIWYG-Editoren (für Drupal 7)
WYSIWYG-Editoren (für Drupal 7)WYSIWYG-Editoren (für Drupal 7)
WYSIWYG-Editoren (für Drupal 7)Nicolai Schwarz
 
iico 2011: Webdesign-Trends
iico 2011: Webdesign-Trendsiico 2011: Webdesign-Trends
iico 2011: Webdesign-TrendsNicolai Schwarz
 
Türme bauen mit Schildbürgern (Webtech Edition)
Türme bauen mit Schildbürgern (Webtech Edition)Türme bauen mit Schildbürgern (Webtech Edition)
Türme bauen mit Schildbürgern (Webtech Edition)Nicolai Schwarz
 
Türme bauen mit Schildbürgern
Türme bauen mit SchildbürgernTürme bauen mit Schildbürgern
Türme bauen mit SchildbürgernNicolai Schwarz
 
Nicolai Schwarz: Einführung in SEO
Nicolai Schwarz: Einführung in SEONicolai Schwarz: Einführung in SEO
Nicolai Schwarz: Einführung in SEONicolai Schwarz
 
Nicolai Schwarz Barrierefreiheit
Nicolai Schwarz BarrierefreiheitNicolai Schwarz Barrierefreiheit
Nicolai Schwarz BarrierefreiheitNicolai Schwarz
 
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)Nicolai Schwarz
 

More from Nicolai Schwarz (16)

Gadgets Galore - Barcamp Hamburg, Nov 2015
 Gadgets Galore - Barcamp Hamburg, Nov 2015 Gadgets Galore - Barcamp Hamburg, Nov 2015
Gadgets Galore - Barcamp Hamburg, Nov 2015
 
Gadgets Galore - Barcamp Düsseldorf, Okt 2015
Gadgets Galore - Barcamp Düsseldorf, Okt 2015Gadgets Galore - Barcamp Düsseldorf, Okt 2015
Gadgets Galore - Barcamp Düsseldorf, Okt 2015
 
DNA von Gadgets
DNA von GadgetsDNA von Gadgets
DNA von Gadgets
 
Gadgets Galore
Gadgets GaloreGadgets Galore
Gadgets Galore
 
Vorschau auf Drupal 8
Vorschau auf Drupal 8Vorschau auf Drupal 8
Vorschau auf Drupal 8
 
Medienmanagement mit Drupal 7
Medienmanagement mit Drupal 7Medienmanagement mit Drupal 7
Medienmanagement mit Drupal 7
 
Barrierefreiheit im Fokus: 12 Beispiele für Accessibility
Barrierefreiheit im Fokus: 12 Beispiele für AccessibilityBarrierefreiheit im Fokus: 12 Beispiele für Accessibility
Barrierefreiheit im Fokus: 12 Beispiele für Accessibility
 
36 Tipps und Inspirationen für Blogger
36 Tipps und Inspirationen für Blogger36 Tipps und Inspirationen für Blogger
36 Tipps und Inspirationen für Blogger
 
Responsive Design mit Drupal
Responsive Design mit DrupalResponsive Design mit Drupal
Responsive Design mit Drupal
 
WYSIWYG-Editoren (für Drupal 7)
WYSIWYG-Editoren (für Drupal 7)WYSIWYG-Editoren (für Drupal 7)
WYSIWYG-Editoren (für Drupal 7)
 
iico 2011: Webdesign-Trends
iico 2011: Webdesign-Trendsiico 2011: Webdesign-Trends
iico 2011: Webdesign-Trends
 
Türme bauen mit Schildbürgern (Webtech Edition)
Türme bauen mit Schildbürgern (Webtech Edition)Türme bauen mit Schildbürgern (Webtech Edition)
Türme bauen mit Schildbürgern (Webtech Edition)
 
Türme bauen mit Schildbürgern
Türme bauen mit SchildbürgernTürme bauen mit Schildbürgern
Türme bauen mit Schildbürgern
 
Nicolai Schwarz: Einführung in SEO
Nicolai Schwarz: Einführung in SEONicolai Schwarz: Einführung in SEO
Nicolai Schwarz: Einführung in SEO
 
Nicolai Schwarz Barrierefreiheit
Nicolai Schwarz BarrierefreiheitNicolai Schwarz Barrierefreiheit
Nicolai Schwarz Barrierefreiheit
 
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
 

Nicolai Schwarz: Die moderne Webseite