32
Stephan Kässbohrer Dariusz Zajac Florian Zierke Christopher Graf Neue Medien Website-Konzeption

1 website konzeption

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Website-Konzeption

Page 2: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Übersicht

• Konzeptionsmethode „Cores and Paths“• E-Commerce• Unternehmenspräsentation• Content-Management-System• Konzeptionsphase der Website-Erstellung• Erfahrungen von Anna Stylianakis• Trends

Page 3: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Methode der Website-Konzeption

Cores and Paths• Ziel der Website identifizieren• Pfade zum/vom Kern gestalten• Arbeitsweise geht von innen nach aussen

Benutzerzeile Businessziele

Pfad nach außenPfad nach innen

Trigger Begriffe Elemente des Kerns Call to Action

Kern-Inhalte/-Funktionalitäten

Unterstützende Informationen

Page 4: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Cores and Paths

Prinzipien• Ziel der Website identifizieren• Pfade zum/vom Kern gestalten• Arbeitsweise geht von innen nach aussen

Arbeitsschritte• Kern definieren• Mögliche Pfade nach innen auflisten• Mögliche Pfade nach außen auflisten• Alles zusammen bringen

Benutzerzeile Businessziele

Pfad nach außenPfad nach innen

Trigger Begriffe Elemente des Kerns Call to Action

Kern-Inhalte/-Funktionalitäten

Unterstützende Informationen

Page 5: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Besonderheiten von E-Commerce

• Geschäftsmodell: „Long Tail“• Vertrauen• ansprechende Produktdarstellung• Übersichtlichkeit• Suchfunktion• Cross-Selling

Page 6: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Nutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erweiterden Produktpalette• Produktvergleich• schnelle Kaufabwicklung

Page 7: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Nutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erweiterden Produktpalette• Produktvergleich• schnelle Kaufabwicklung

Businessziele• Absatz von den Produkten• Kommunizieren• Kundenbindung

Page 8: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Elemente des Kerns• Produkt mit Beschreibung und Abbildung

Page 9: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Elemente des Kerns• Produkt mit Beschreibung und Abbildung

Kern-Inhalte / Funktionalität• Produktbezeichnung• Preis des Produkte• Versandmöglichkeiten• Kundenbewertung• Produktlinien• Zusatzprodukte

Page 10: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Call to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• Wunschzettel

Page 11: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Call to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• Wunschzettel

Unterstützende Informationen• Weiterempfehlung• Bewertung des Produktes• Produkt-Bundles

Page 12: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Pfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mail• Externer / Interne Link• Hinweise von anderen Websites

Page 13: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

E-Commerce: Amazon.com

Pfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mail• Externer / Interne Link• Hinweise von anderen Websites

Pfade nach außen• Einkaufswagen (Neu- / Gebrauchtwaren)• Wunschzettel• Gutschein• Kaufempfehlung von Kunden / Empfehlungen (Facebook, Twitter)

Page 14: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Unternehmenspräsentation

Nutzerziele• Informationen über das Unternehmen• Produkte / Dienstleistungen• Geschichte des Unternehmens• Aktuelle News / Events• Stellenausschreibung

Businessziele• Image• Kundenbindung• Zugriff auf Geschäftsinformationen

Page 15: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Unternehmenspräsentation

Elemente des Kerns• Unternehmenspräsentation

Kern-Inhalte / Funktionalität• Produktkategorien• Wir-Gefühl erwecken• Unternehmensidentifikation

Page 16: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Unternehmenspräsentation

Call to Aktion• Social Network• Kontaktformular• Seite drucken / Lesezeichen setzen

Unterstützende Informationen• Links zu Online-Shops• News / Events

Page 17: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Unternehmenspräsentation

Pfad nach innen• Interne Suche• Navigation• Sitemap• Facebook-Unternehmens-Profil

Pfad nach außen• Links zu den Online-Shops

Page 18: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Content-Management-System

• Inhaltsverwaltungssystem• keine Programmier- oder HTML-Kenntnisse erforderlich• CMS: kommerziell und Open-Source• Erstellung von Gruppen / Benutzern mit individuellen Nutzerrechten

Page 19: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Besonderheiten zu CMS

• Viele Informationen• Aktualität• Anordnung des Seitenlayouts • Flexible Spaltenanpassung• Ausgefeilte Informations- und Navigationsstrukltur

Page 20: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Content-Management-System

Nutzerziele• Informationenbeschaffung• Unterhaltung• Kommunizieren

Business-Ziele• Informationen verkaufen• Kundenbindung

Page 21: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Content-Management-System

Elemente des Kerns• Informationen• multimedialer Content• Interaktion

Call-to-Action• Social Network• Kommentar & Bewertung• Artikel drucken / Lesezeichen setzen

Page 22: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Content-Management-System

Pfade nach innen• Interne Suche• Newsletter• Externer Link • Teaser• Navigation

Pfade nach außen• Links zu weiteren Nachrichtensendern• Werbebanner

Page 23: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Erste Überlegungen

• Welche Zielgruppe möchte ich erreichen?• Was erwartet die Zielgruppe von meiner Homepage?• Was möchte ich mit der Homepage bezwecken?• Wie viel Zeit möchte ich investieren?• Wie oft wird meine Seite aktualisiert?• Soll die Seite von möglichst vielen Leuten besucht werden?• Welchen Umfang hat meine Seite?

Page 24: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Designkonzeption

• Navigationsleiste• Positionierung & Anordnung• Farbmischung• Bilder• Texte• Typographie

Page 25: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Technische Hinweise

• Grundlagen zur Umsetzung • Domainnamen: www.name.de • Provider: Strato 1&1 • Website-Editor: Dreamweaver • FTP-Server: FileZilla• Web-Browser• Programmiersprache• Usability• Barrierefreiheit

Page 26: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Flash vs HTML

• FWA http://www.thefwa.com

Beispiel http://www.carls.no/no/#/home

• KWD http://www.webranking.eu

Page 27: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Annastyl - Anna Stylianakis

• Strategiephase: • Interview / Workshop Brainwriting: • Anforderungen, Zielgruppe, Tonality • Mode Label oder Online Magazin • Strategieentwicklung / Kreation• Grobkonzept: • Inhaltstruktur, Navigation, Beschreibung wesentlicher Inhalts- und Funktionsbereiche• Feinkonzept: • Funktions- Screenskizzen, Template Beschreibung • Funktionsdiagramme, Projektplanung, Zeitplanung, • Produktionslisten, Qualitätskontrolle

Page 28: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Annastyl - Anna Stylianakis

• FAZ Relaunch• Wissenschaftsjahr 2010 • Deutsche Welle

Für detailliertere Information erhältlich als PDF unter folgenden Link:http://www.annastyl.de/bilder/portfolio_anna_stylianakis.pdf

Page 29: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Annastyl - Anna Stylianakis - Trends

• Mobile Lösungen• Sozial Web • Facebook • Usability (User-Interface-Design (UID))

Page 30: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Medien Meeting Mannheim - 5. Mai ´11

• Mobile Anwendungen• Geschäftsprozesse• Technische Umsetzung Produkterlebnisse• User Experience (interaktiv) http://www.tropicanatropolis.com/#/universe

Page 31: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Vielen Dank für die Aufmerksamkeit

Page 32: 1 website konzeption

Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

Quellenverzeichnis

• „Website Konzeption - Erfolgreich Websiten planen, umsetzen und betreiben“ Jens Jacobsen; 2009

• Website Boosting (Magazin) - Artikel „Website-Konzeption - Der Kern Ihres Angebots bestimmt das Navigationsdesign“ Ausgabe März 2011

• Intervies mit Anna Stylianakis Konzepterin in Ihrer Firma Annastyl; www.annastyl.de

• FWA http://www.thefwa.com

• KWD http://www.webranking.eu

• User Experience (interaktiv) http://www.tropicanatropolis.com/#/universe