website konzeption - eine interdisziplinäre teamarbeit

83
Website Konzeption Eine interdisziplinäre Teamarbeit Berlin, 15. Oktober 2009

Upload: oliver-annen

Post on 20-Jun-2015

2.199 views

Category:

Business


2 download

DESCRIPTION

Der Vortrag beleuchtet wie man interdisziplinäre Teamarbeit verwirklichen und effizent gestalten kann.

TRANSCRIPT

Page 1: Website Konzeption - Eine interdisziplinäre Teamarbeit

Website KonzeptionEine interdisziplinäre TeamarbeitBerlin, 15. Oktober 2009

Page 2: Website Konzeption - Eine interdisziplinäre Teamarbeit

Hallo, Mein Name ist Oliver Annen

Page 3: Website Konzeption - Eine interdisziplinäre Teamarbeit

Bevor es los geht, etwas über mich:

Im Januar 2007 habe ich das Studium an der SAE mit demBachelor of Arts (Honours) in Multimedia Arts abgeschlossen

Ich arbeite jetzt seit über 7 Jahren in der Medienbranche

Seit 2007 arbeite als Online-Konzepterbei SinnerSchrader in Hamburg

Page 4: Website Konzeption - Eine interdisziplinäre Teamarbeit

SinnerSchrader auf einen Blick

Top-5 Interaktivagentur in Deutschland

100% Fokus aufs Web mit Schwerpunkt E-Commerce

280+ Mitarbeiter in Hamburg und Frankfurt, € 24m Umsatz in 07/08

Inhabergeführt, unabhängig, börsennotiert

Einige unserer Kunden:

Page 5: Website Konzeption - Eine interdisziplinäre Teamarbeit

Talentmix SinnerSchrader

Technology(45%)

Hosting & Operating8%

Media(5%)

Web Analytics & Planning

5%

Account Management(18%)

Experience Design(19%)

Page 6: Website Konzeption - Eine interdisziplinäre Teamarbeit

Was bedeutet Interdisziplinarität?

Page 7: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinarität.Eine interdisziplinäre oder fächerübergreifende Arbeitsweise umfasst mehrere voneinander unabhängige Einzelwissenschaften, die einer meist wissenschaftlichen Fragestellung mit ihren jeweiligen Methoden nachgehen.(Wikipedia)

Page 8: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinarität.Eine interdisziplinäre oder fächerübergreifende Arbeitsweise umfasst mehrere voneinander unabhängige Einzelwissenschaften, die einer meist wissenschaftlichen Fragestellung mit ihren jeweiligen Methoden nachgehen.(Wikipedia)

Page 9: Website Konzeption - Eine interdisziplinäre Teamarbeit

Methoden und Disziplinen

Beratung

Projektteam

Page 10: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept

Methoden und Disziplinen

Beratung

Projektteam

Page 11: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design

Methoden und Disziplinen

Beratung

Projektteam

Page 12: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

Page 13: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

-Recherche-Marketingstrategie-Onlinestrategie-Zielgruppenanalyse-Mentale Einstimmung-Projektmanagement

Page 14: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

-Leitidee entwickeln-Grob- und Feinkonzept-Fachkonzept-Use Cases-User Experience-Funktionsbeschreibungen

Page 15: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

-Design & Layout-Styleguide-Bildkonzept

Page 16: Website Konzeption - Eine interdisziplinäre Teamarbeit

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

-Frontend-Entwicklung-Backend-Entwicklung-Serverarchitektur-Schnittstellenbeschreibung-Technisches Konzept-Machbarkeitsanalyse

Page 17: Website Konzeption - Eine interdisziplinäre Teamarbeit

Wie bringt man die Disziplinen zusammen?

Page 18: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

Page 19: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

Strategie

Page 20: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

Strategie

Konzept (UX)

Page 21: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

Design

Strategie

Konzept (UX)

Page 22: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

Design

Strategie

Technik

Konzept (UX)

Page 23: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Wasserfall-Prinzip

StrategieStrategie

Technik

DesignDesign

Konzept (UX)

Die Übergabe ist der kritische

Punkt!

Page 24: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Aufgabe wird oft nur einseitig beleuchtet.

Page 25: Website Konzeption - Eine interdisziplinäre Teamarbeit

Es entstehen Definitionslücken

Page 26: Website Konzeption - Eine interdisziplinäre Teamarbeit

Es entstehen Definitionslücken

Kreation

Page 27: Website Konzeption - Eine interdisziplinäre Teamarbeit

Es entstehen Definitionslücken

Kreation Technik

Page 28: Website Konzeption - Eine interdisziplinäre Teamarbeit

Es entstehen Definitionslücken

Kreation Technik

Fehlendes Material

Page 29: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Page 30: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Idee: Der Konsument soll seine Bestellung nachträglich bearbeiten können.

Page 31: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Idee: Der Konsument soll seine Bestellung nachträglich bearbeiten können.

Die Funktion wird geplant und im Wireframe eingezeichnet.

Page 32: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Idee: Der Konsument soll seine Bestellung nachträglich bearbeiten können.

Die Funktion wird geplant und im Wireframe eingezeichnet.

Der Designer entwickelt eine grafische Lösung für die Funktion.

Page 33: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Idee: Der Konsument soll seine Bestellung nachträglich bearbeiten können.

Die Funktion wird geplant und im Wireframe eingezeichnet.

Der Designer entwickelt eine grafische Lösung für die Funktion.

Der Frontend-Programmierer integriert den Button in das Template.

Page 34: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein kleines Beispiel: Launch eines Online-Stores

Idee: Der Konsument soll seine Bestellung nachträglich bearbeiten können.

Die Funktion wird geplant und im Wireframe eingezeichnet.

Der Designer entwickelt eine grafische Lösung für die Funktion.

Der Frontend-Programmierer integriert den Button in das Template.

Der Backend-Programmierer stellt fest, dass dies ...

Page 35: Website Konzeption - Eine interdisziplinäre Teamarbeit

... nicht funktioniert.

Page 36: Website Konzeption - Eine interdisziplinäre Teamarbeit

Warum das nicht funktionieren kann:

Page 37: Website Konzeption - Eine interdisziplinäre Teamarbeit

Shopsystem

Warum das nicht funktionieren kann:

Page 38: Website Konzeption - Eine interdisziplinäre Teamarbeit

Shopsystem

Warum das nicht funktionieren kann:

Retailsystem

Page 39: Website Konzeption - Eine interdisziplinäre Teamarbeit

Shopsystem

Warum das nicht funktionieren kann:

Retailsystem

Datentausch per FTP Server

Page 40: Website Konzeption - Eine interdisziplinäre Teamarbeit

Retailsystem

Warum das nicht funktionieren kann:

editierbar nicht editierbar

Shopsystem

Page 41: Website Konzeption - Eine interdisziplinäre Teamarbeit

Retailsystem

Warum das nicht funktionieren kann:

editierbar nicht editierbar

Shopsystem

Page 42: Website Konzeption - Eine interdisziplinäre Teamarbeit

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Page 43: Website Konzeption - Eine interdisziplinäre Teamarbeit

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Page 44: Website Konzeption - Eine interdisziplinäre Teamarbeit

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Page 45: Website Konzeption - Eine interdisziplinäre Teamarbeit

Waschmaschinen-Prinzip

Page 46: Website Konzeption - Eine interdisziplinäre Teamarbeit

Waschmaschinen-Prinzip

Page 47: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Waschmaschinen-Prinzip

Das Projekt

Page 48: Website Konzeption - Eine interdisziplinäre Teamarbeit

Das Waschmaschinen-Prinzip

Das Projekt

Page 49: Website Konzeption - Eine interdisziplinäre Teamarbeit

Retailsystem

Die Lösung:

editierbar nicht editierbar

Shopsystem

Page 50: Website Konzeption - Eine interdisziplinäre Teamarbeit

Retailsystem

Die Lösung:

6 Stunden Zeitverzögerung

editierbar nicht editierbar

Shopsystem

Page 51: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Voraussetzung

Page 52: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Voraussetzung

0110011001000100010001110

Page 53: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Voraussetzung

??? 011001100

1000100010001110

Page 54: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Herausforderung ist nicht die Disziplinen zusammen zu bringen.

Page 55: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die Herausforderung ist nicht die Disziplinen zusammen zu bringen.

Sie müssen die gleiche Sprache sprechen.

Page 56: Website Konzeption - Eine interdisziplinäre Teamarbeit

So stellen wir bei SinnerSchrader uns der Herausforderung:

Page 57: Website Konzeption - Eine interdisziplinäre Teamarbeit

So stellen wir bei SinnerSchrader uns der Herausforderung:

Konzeption nach dem skandinavischen Prinzip mit einem neuen Ansatz.

Page 58: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein interdisziplinäres Team arbeitet zusammen:

Page 59: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

Page 60: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

User Experience Experten und Informationsarchitekten Entwicklung von Interfaces und Funktionen

Page 61: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

User Experience Experten und Informationsarchitekten Entwicklung von Interfaces und Funktionen

Technik ExpertenErstellung von Klickdummies um die Ergebnisse schnell zu testen

Page 62: Website Konzeption - Eine interdisziplinäre Teamarbeit

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

User Experience Experten und Informationsarchitekten Entwicklung von Interfaces und Funktionen

Technik ExpertenErstellung von Klickdummies um die Ergebnisse schnell zu testen

Konzeption bei SinnerSchrader

Page 63: Website Konzeption - Eine interdisziplinäre Teamarbeit

Die wichtigsten Arbeitsmittel:

Page 64: Website Konzeption - Eine interdisziplinäre Teamarbeit

SitemapsDie Inhalte werden sortiert und in einer logischen Struktur aufbereitet. Mit Hilfe der Struktur wird die Navigation abgeleitet.

Page 65: Website Konzeption - Eine interdisziplinäre Teamarbeit

Inhalte, Funktionen und Basisinhalte werden schematisch dargestellt, um sie mit dem Kunden und dem Projektteam leichter abstimmen zu können. Sie sind die Grundlage für das Projektverständnis.

Wireframes

Page 66: Website Konzeption - Eine interdisziplinäre Teamarbeit

KonzeptdokumenteDetaillierte Beschreibungen von Funktionen und Regeln ergänzen die Wireframes. Auf diese Weise werden komplexe Gedanken festgehalten und können weiter verarbeitet werden.

Page 67: Website Konzeption - Eine interdisziplinäre Teamarbeit

Mit dieser Methode können interaktive Kundenerlebnisse entwickelt werden, welche die Beziehungen zwischen Unternehmen und Kunden radikal vertiefen.

* Silverback: http://silverbackapp.com/

Usability Testing

Page 68: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design

Unser Entwicklungsprozess: UCD2

USERDESIGN

Page 69: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design

Unser Entwicklungsprozess: UCD2

USERDESIGN

IterativerDesign-Prozess

Page 70: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN

HTML Prototyp

IterativerDesign-Prozess

Page 71: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USERDESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

Page 72: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USER

DESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

Page 73: Website Konzeption - Eine interdisziplinäre Teamarbeit

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USER

DESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

IterativerEntwicklungs-

Prozess

Page 74: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinäres Arbeiten

Page 75: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Page 76: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Definitionslücken werden während des Projektes sofort geschlossen

Page 77: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Definitionslücken werden während des Projektes sofort geschlossen

Zeitgewinn durch das Einsparen von aufwändigen Korrekturen

Page 78: Website Konzeption - Eine interdisziplinäre Teamarbeit

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Definitionslücken werden während des Projektes sofort geschlossen

Zeitgewinn durch das Einsparen von aufwändigen Korrekturen

Das Projekt kann jederzeit aus verschiedenen Blickwinkeln betrachtet werden

Page 79: Website Konzeption - Eine interdisziplinäre Teamarbeit

Wer mehr über das Thema wissen möchte:

www.fischmarkt.deDigitaler Frischfisch. Unternehmensblog zu Themen aus dem Bereich e-commerce

www.next-conference.deNext-conference - wichtigste europäische Networking- und Trendkonferenz.

www.radicalmonday.deKlick in das Arbeitsleben von SinnerSchrader.

Page 80: Website Konzeption - Eine interdisziplinäre Teamarbeit

Und wer es wirklich GANZ genau wissen will...

Page 81: Website Konzeption - Eine interdisziplinäre Teamarbeit

Und wer es wirklich GANZ genau wissen will...

...einfach bei SinnerSchrader bewerben

Page 82: Website Konzeption - Eine interdisziplinäre Teamarbeit

Vielen Dank

Page 83: Website Konzeption - Eine interdisziplinäre Teamarbeit

Oliver Annen, Concept User [email protected]

SinnerSchrader Deutschland GmbHVölckersstraße 3822765 Hamburg

T 040.398855-346F 040.398855-55

www.sinnerschrader.de