1 website konzeption

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


Methode der Website-Konzeption

Cores and Paths Benutzerzeile Businessziele

• Ziel der Website identifizieren
• Pfade zum/vom Kern gestalten Pfad nach innen Kern-Inhalte/-Funktionalitäten Pfad nach außen

• Arbeitsweise geht von innen nach aussen
Unterstützende Informationen

Trigger Begriffe Elemente des Kerns Call to Action


Cores and Paths

Prinzipien Benutzerzeile Businessziele

• Ziel der Website identifizieren
• Pfade zum/vom Kern gestalten Pfad nach innen Kern-Inhalte/-Funktionalitäten Pfad nach außen

• Arbeitsweise geht von innen nach aussen

Arbeitsschritte
• Kern definieren Trigger Begriffe Elemente des Kerns Call to Action

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


Besonderheiten von E-Commerce

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


E-Commerce: Amazon.com

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



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

Businessziele
• Absatz von den Produkten
• Kommunizieren
• Kundenbindung



Elemente des Kerns
• Produkt mit Beschreibung und Abbildung



Elemente des Kerns
• Produkt mit Beschreibung und Abbildung

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



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



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

• Weiterempfehlung
• Bewertung des Produktes
• Produkt-Bundles



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



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)


Unternehmenspräsentation

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

Businessziele
• Image
• Kundenbindung
• Zugriff auf Geschäftsinformationen



Elemente des Kerns
• Unternehmenspräsentation

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



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

• Links zu Online-Shops
• News / Events



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

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


Content-Management-System

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


Besonderheiten zu CMS

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



Nutzerziele
• Informationenbeschaffung
• Unterhaltung
• Kommunizieren

Business-Ziele
• Informationen verkaufen
• Kundenbindung



Elemente des Kerns
• Informationen
• multimedialer Content
• Interaktion

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



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

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


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?


Designkonzeption

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


Technische Hinweise

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


Flash vs HTML

• FWA • KWD
http://www.thefwa.com http://www.webranking.eu

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


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


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


Annastyl - Anna Stylianakis - Trends

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


Medien Meeting Mannheim - 5. Mai ´11

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


Vielen Dank
für die Aufmerksamkeit


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


1 website konzeption

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à 1 website konzeption

Similaire à 1 website konzeption (20)

Plus de idealogues

Plus de idealogues (7)

1 website konzeption