Post on 07-Dec-2014
description
Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
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
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
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
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
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
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
Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
E-Commerce: Amazon.com
Elemente des Kerns• Produkt mit Beschreibung und Abbildung
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
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
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
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
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)
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
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
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
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
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
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
Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
Content-Management-System
Nutzerziele• Informationenbeschaffung• Unterhaltung• Kommunizieren
Business-Ziele• Informationen verkaufen• Kundenbindung
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
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
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?
Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
Designkonzeption
• Navigationsleiste• Positionierung & Anordnung• Farbmischung• Bilder• Texte• Typographie
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
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
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
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
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))
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
Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
Vielen Dank für die Aufmerksamkeit
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