B2B Commerce zwischen Apple und SAP - Raphael Hauser, E-Commerce Konferenz 2014, Namics

1. User Experience. Konzeption. Flow. Namics.
B2B zwischen
Apple und SAP
Raphael Hauser. Senior Consultant. Namics.
@raphaelhauser
3. März 2014

2. Heute hier.
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
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

4. B2B sind auch Menschen
Tablet, Smartphone, Laptop
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

5. B2B sind auch Menschen
Pizza bestellen.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

6. B2B sind auch Menschen
Laptop bestellen.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

7. B2B sind auch Menschen
Montagmorgens…
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

8. B2B sind auch Menschen
Montagmorgens…
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

9. B2B sind auch Menschen
Montagmorgens…
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

10. “It is no longer acceptable to have a
good user experience at home and a
poor one at work”
Doreen Lorenzo, President of Quirky

11. Fazit B2B Experience. Was und Wen?
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.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

12. B2B
EXPERIENCE
GESTALTEN
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

13. Diagramme und Charts.
Digitales B2B Erlebnis gestalten.
Was?
Wer?
Kaufen, Bestellen
Kontaktaufnahme
Registrierung
Persona
Conversion
Wie?
Benutzer abholen, führen
Prototyping
Testing
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

14. Digitale B2B Erlebnis gestalten.
Personas. Kunden verstehen.
Ziel & Zweck
Beispiel
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
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

15. Digitale B2B Erlebnis gestalten.
Prototyping. Low à Medium à High Fidelity.
Ziel & Zweck
Beispiele
Interaktive Protoypen in
aufsteigender Komplexität:
Low Fidelity
Grobe Navigation und
angedeutete Interaktionsmöglichkeiten.
Medium Fidelity
Navigation und Interaktionsmöglichkeiten sind bedienbar.
High Fidelity
Erweiterte Integration von
Gestaltungselementen sehr
nahe am finalen Resultat.
Oftmals Anwenden von Farben
und Bildern in einem Design
Prototyp.
Low Fidelity
Medium Fidelity
High Fidelity / Design Prototyp
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

16. Digitale B2B Erlebnis gestalten.
Testing.
Usability Testing: Soultank
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

17. B2B EXPERIENCE
GESTALTEN
DISTRELEC
03.03.14
Internet-Briefing. B2B. I love B2B.

18. B2B Erlebnis gestalten: Beispiel Distrelec
B2B: Viele Integrationen in Umsysteme.
ERP System
Payment Provider
PIM
Shop system
E-Procurement
Bid Management
Newsletter
03.03.14
Recommendation
Engine
Internet-Briefing. B2B. I love B2B. Namics.

19. B2B Erlebnis gestalten: Beispiel Distrelec
Hygienefaktoren. Beispiele. Preisberechnung.
à B2C
à B2B
§ Verkaufspreis
§ List price
§ Rabatte
§ Rabatte
§ Promotions
§ Preisstaffel
§ Spezialpreise
§ Promotions
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

20. Gesamtleitung und Verständnis über alle Teilbereiche (Namics)
Testing
(Soultank)
Functionality
(hmmh)
Interaction /
Usability
(Namics)
Design
(HV)
Technical Capability (Namics)

21. B2B Erlebnis gestalten: Beispiel Distrelec
Beispiel 1: E-Procurement. OCI. Roundtrip.
Sessionrequest
Login
Kauf von Produkten
Füllt den Cart
Login
03.03.14
Lieferung
Internet-Briefing. B2B. I love B2B. Namics.

22. B2B Erlebnis gestalten: Beispiel Distrelec
Zahlen und Fakten.
Fakt 1
1/3 of the respondents say that they realized
a reduction of 40% or more in staff costs.
Fakt 2
1/3 of the respondents say that maverick
purchase had reduced by 40% or more after
the implemententation.
https://business.illinois.edu/idm/pdf/EprocurementUIUCReport.pdf
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

23. B2B Erlebnis gestalten: Beispiel Distrelec
Brillieren. Schnellzugänge. Flyout.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

24. B2B Erlebnis gestalten: Beispiel Distrelec
Testingresultate.
Aussage
Tester 4,
1.
Testzyklus
“Der Suggest Layer ist sehr übersichtlich
und bietet mir wirklich einen Mehrwert.
Ich als häufiger User von Distrelec kann
dadurch einen Zeitgewinn erzielen”
Ergebins
2.
Testzyklus
4 von 5 Usern haben das Typahead Flyout
benutzt um ein spezifischen Hersteller zu
suchen.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

25. Brillieren. Komplexität verstehen. Preisberechnung.
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

26. Wann entsteht eine gute B2B Experience
Fazit – Gute Experience entsteht, wenn…
1
Testing von jeglichen Phasen konsequent
durchgeführt und in Prozess integriert werden –
User centered design
2
Alle Beteiligten müssen auf gleicher Augenhöhe
zusammenarbeiten und die Gesamtlösung im
Blick behalten - Zusammenarbeitsmodell
3
Übergreifender Lead bei einer Person oder
Agentur, welche ALLE Teile versteht, dies
garantiert ein durchgängiges Erlebnis –
Zusammenarbeitsmodell
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.

27. I LOVE
B2B!
raphael.hauser@namics.com
@raphaelhauser
© Namics 2014
03.03.14
Internet-Briefing. B2B. I love B2B. Namics.