Raphael Hauser. Senior Consultant. Namics. @raphaelhauser 3. März 2014

User Experience. Konzeption. Flow. Namics.

B2B zwischen Apple und SAP

Namics.

Heute hier.

03.03.14 Internet-Briefing. B2B. I love B2B.

Raphael Hauser Senior Consultant Berufserfahrung bei Namics seit 2010 3.5 Jahre Tätigkeit Konzeption und Projektleitung in internationalen Shopprojekten Fokus B2B Shop Konzeption Ausgewählte Projekte •  Distrelec Konzeption: Konzeption einer

internationalen B2B Plattform •  FREITAG Projektleitung

Konzeption Weiterentwicklung •  Medela Konzeption: Mietpumpen Applikation

Konzept und Projektleitung

Namics.

Tablet, Smartphone, Laptop

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Pizza bestellen.

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Laptop bestellen.

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Montagmorgens…

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Montagmorgens…

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Montagmorgens…

B2B sind auch Menschen

03.03.14 Internet-Briefing. B2B. I love B2B.

“It is no longer acceptable to have a good user experience at home and a

poor one at work”

Doreen Lorenzo, President of Quirky

Namics.

Herausforderungen und Entwicklungen

à Wen: Benutzer ins Zentrum rücken.

§  Ansprüche der Benutzer steigen.

§  Spill-Over Effekt.

à Zustand Ihrer digitalen Kanäle ist

§  Teil Ihrer Firma.

§  Teil Ihres Produktes.

§  Teil Ihrer Brand-Experience.

Fazit B2B Experience. Was und Wen?

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics. 03.03.14 Internet-Briefing. B2B. I love B2B.

B2B EXPERIENCE GESTALTEN

Namics.

Digitales B2B Erlebnis gestalten.

Diagramme und Charts.

03.03.14 Internet-Briefing. B2B. I love B2B.

Conversion

Was? Wer?

Wie?

Kaufen, Bestellen Kontaktaufnahme Registrierung

Persona

Benutzer abholen, führen Prototyping Testing

Namics.

Personas. Kunden verstehen.

Digitale B2B Erlebnis gestalten.

03.03.14 Internet-Briefing. B2B. I love B2B.

Personas… …geben den Zielgruppen Gesichter

…machen aus abstrakten Nutzern fassbare Menschen

…vermitteln Aktion und Verhalten

…legen den Fokus auf Gefühle und Erwartungen

…stellen Besonderheiten, und Ausreisser dar

…sollten immer durch Interviews mit "echten" Personen verifiziert werden

Ziel & Zweck Beispiel

Namics.

Prototyping. Low à Medium à High Fidelity.

Digitale B2B Erlebnis gestalten.

03.03.14 Internet-Briefing. B2B. I love B2B.

Interaktive Protoypen in aufsteigender Komplexität:

Low Fidelity Grobe Navigation und angedeutete Interaktions-möglichkeiten.

Medium Fidelity Navigation und Interaktions-möglichkeiten sind bedienbar.

High Fidelity Erweiterte Integration von Gestaltungselementen sehr nahe am finalen Resultat. Oftmals Anwenden von Farben und Bildern in einem Design Prototyp.

Ziel & Zweck Beispiele

Low Fidelity

Medium Fidelity

High Fidelity / Design Prototyp

Namics.

Testing.

Digitale B2B Erlebnis gestalten.

03.03.14 Internet-Briefing. B2B. I love B2B.

Usability Testing: Soultank

DISTRELEC

03.03.14 Internet-Briefing. B2B. I love B2B.

B2B EXPERIENCE GESTALTEN

Namics.

B2B: Viele Integrationen in Umsysteme.

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

Shop system

ERP System PIM

Bid Management

Newsletter

Payment Provider

Recommendation Engine

E-Procurement

Namics.

Hygienefaktoren. Beispiele. Preisberechnung.

à B2C §  Verkaufspreis

§  Rabatte

§  Promotions

à B2B

§  List price

§  Rabatte

§  Preisstaffel

§  Spezialpreise

§  Promotions

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

Technical Capability (Namics)

Functionality (hmmh)

Design (HV)

Interaction / Usability (Namics)

Testing (Soultank)

Gesamtleitung und Verständnis über alle Teilbereiche (Namics)

Namics.

Beispiel 1: E-Procurement. OCI. Roundtrip.

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

Sessionrequest

Login

Login

Füllt den Cart

Kauf von Produkten

Lieferung

Namics.

1/3 of the respondents say that maverick purchase had reduced by 40% or more after the implemententation.

1/3 of the respondents say that they realized a reduction of 40% or more in staff costs.

Fakt 1

Fakt 2

Zahlen und Fakten.

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

https://business.illinois.edu/idm/pdf/EprocurementUIUCReport.pdf

Namics.

Brillieren. Schnellzugänge. Flyout.

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

4 von 5 Usern haben das Typahead Flyout benutzt um ein spezifischen Hersteller zu suchen.

“Der Suggest Layer ist sehr übersichtlich und bietet mir wirklich einen Mehrwert. Ich als häufiger User von Distrelec kann dadurch einen Zeitgewinn erzielen”

Aussage Tester 4, 1. Testzyklus

Ergebins 2. Testzyklus

Testingresultate.

B2B Erlebnis gestalten: Beispiel Distrelec

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Brillieren. Komplexität verstehen. Preisberechnung.

03.03.14 Internet-Briefing. B2B. I love B2B.

Namics.

Alle Beteiligten müssen auf gleicher Augenhöhe zusammenarbeiten und die Gesamtlösung im Blick behalten - Zusammenarbeitsmodell

Übergreifender Lead bei einer Person oder Agentur, welche ALLE Teile versteht, dies garantiert ein durchgängiges Erlebnis – Zusammenarbeitsmodell

Testing von jeglichen Phasen konsequent durchgeführt und in Prozess integriert werden – User centered design

Fazit – Gute Experience entsteht, wenn…

Wann entsteht eine gute B2B Experience

03.03.14 Internet-Briefing. B2B. I love B2B.

1

2

3

Namics. 03.03.14 Internet-Briefing. B2B. I love B2B.

I LOVE B2B!

raphael.hauser@namics.com @raphaelhauser © Namics 2014