Website KonzeptionEine interdisziplinäre TeamarbeitBerlin, 15. Oktober 2009

Hallo, Mein Name ist Oliver Annen

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

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:

Talentmix SinnerSchrader

Technology(45%)

Hosting & Operating8%

Media(5%)

Web Analytics & Planning

5%

Account Management(18%)

Experience Design(19%)

Was bedeutet Interdisziplinarität?

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)

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)

Methoden und Disziplinen

Beratung

Projektteam

Konzept

Methoden und Disziplinen

Beratung

Projektteam

Konzept Design

Methoden und Disziplinen

Beratung

Projektteam

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

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

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

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

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

-Design & Layout-Styleguide-Bildkonzept

Konzept Design Technik

Methoden und Disziplinen

Beratung

Projektteam

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

Wie bringt man die Disziplinen zusammen?

Das Wasserfall-Prinzip

Das Wasserfall-Prinzip

Strategie

Das Wasserfall-Prinzip

Strategie

Konzept (UX)

Das Wasserfall-Prinzip

Design

Strategie

Konzept (UX)

Das Wasserfall-Prinzip

Design

Strategie

Technik

Konzept (UX)

Das Wasserfall-Prinzip

StrategieStrategie

Technik

DesignDesign

Konzept (UX)

Die Übergabe ist der kritische

Punkt!

Die Aufgabe wird oft nur einseitig beleuchtet.

Es entstehen Definitionslücken

Es entstehen Definitionslücken

Kreation

Es entstehen Definitionslücken

Kreation Technik

Es entstehen Definitionslücken

Kreation Technik

Fehlendes Material

Ein kleines Beispiel: Launch eines Online-Stores

Ein kleines Beispiel: Launch eines Online-Stores

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

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.

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.

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.

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 ...

... nicht funktioniert.

Warum das nicht funktionieren kann:

Shopsystem

Warum das nicht funktionieren kann:

Shopsystem

Warum das nicht funktionieren kann:

Retailsystem

Shopsystem

Warum das nicht funktionieren kann:

Retailsystem

Datentausch per FTP Server

Retailsystem

Warum das nicht funktionieren kann:

editierbar nicht editierbar

Shopsystem

Retailsystem

Warum das nicht funktionieren kann:

editierbar nicht editierbar

Shopsystem

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Technik

Design

Konzept (UX)

Der Fehler muss rückwirkend aufgearbeitet werden

Strategie

Waschmaschinen-Prinzip

Waschmaschinen-Prinzip

Das Waschmaschinen-Prinzip

Das Projekt

Das Waschmaschinen-Prinzip

Das Projekt

Retailsystem

Die Lösung:

editierbar nicht editierbar

Shopsystem

Retailsystem

Die Lösung:

6 Stunden Zeitverzögerung

editierbar nicht editierbar

Shopsystem

Die Voraussetzung

Die Voraussetzung

0110011001000100010001110

Die Voraussetzung

??? 011001100

1000100010001110

Die Herausforderung ist nicht die Disziplinen zusammen zu bringen.

Die Herausforderung ist nicht die Disziplinen zusammen zu bringen.

Sie müssen die gleiche Sprache sprechen.

So stellen wir bei SinnerSchrader uns der Herausforderung:

So stellen wir bei SinnerSchrader uns der Herausforderung:

Konzeption nach dem skandinavischen Prinzip mit einem neuen Ansatz.

Ein interdisziplinäres Team arbeitet zusammen:

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

Ein interdisziplinäres Team arbeitet zusammen:

PlanningEntwicklung von Ideen und Markenstrategien

User Experience Experten und Informationsarchitekten Entwicklung von Interfaces und Funktionen

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

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

Die wichtigsten Arbeitsmittel:

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

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

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

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

* Silverback: http://silverbackapp.com/

Usability Testing

User Centered Design

Unser Entwicklungsprozess: UCD2

USERDESIGN

User Centered Design

Unser Entwicklungsprozess: UCD2

USERDESIGN

IterativerDesign-Prozess

User Centered Design

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN

HTML Prototyp

IterativerDesign-Prozess

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USERDESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USER

DESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

User Centered Design User Centered Design+Development

Unser Entwicklungsprozess: UCD2

DEVELOPMENT

USERDESIGN USER

DESIGN

HTML Prototyp

IterativerDesign-Prozess

DEVELOPMENT

IterativerEntwicklungs-

Prozess

Interdisziplinäres Arbeiten

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Interdisziplinäres Arbeiten

Erleichtert die Entwicklung komplexer Systeme

Definitionslücken werden während des Projektes sofort geschlossen

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

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

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.

Und wer es wirklich GANZ genau wissen will...

Und wer es wirklich GANZ genau wissen will...

...einfach bei SinnerSchrader bewerben

Vielen Dank

Oliver Annen, Concept User Experienceo.annen@sinnerschrader.de

SinnerSchrader Deutschland GmbHVölckersstraße 3822765 Hamburg

T 040.398855-346F 040.398855-55

www.sinnerschrader.de