Swarovski Wie mobile-optimierte Websites Umsatz und das neue Google Rating steigern

Preview:

Citation preview

1 dynatrace

Wie mobile-optimierte Websites Umsatz und das neue Google Rating steigern. 

Daniel KhanTechnology StrategistDynatrace

René NeubacherSenior IT Business ConsultantSwarovski

2 dynatrace

Dynatrace ist …

3 dynatrace

Performancebottlenecks fixed

30 xFASTER

Csanád MELEGHHead of IT Operations

Kunden sagen …

4 dynatrace

System Across the Lifecycle

Eric NordmannProject Leader

Production Development

1

Test

5 dynatraceCompuware Confidential – Do Not Duplicate

Crystal Clear Visibility

80% Back-Office Performance

Improvement

30% Faster Check-Out

Rene NEUBACHERB2C eBusiness Sr Tech

Consultant

Kunden sagen …

6 dynatrace

Kunden sagen …

80 % Faster Time to Market

Frank NAUMANN, Head of IT

7 dynatrace

Kunden sagen …

90

%

faster

business

transaction

sPatrick Progin,

CEO

8 dynatrace

Herausforderung: Omni-Channel

Daniel KhanTechnology StrategistDynatracedaniel.khan@dynatrace.com@dkhan

9 dynatrace

10 dynatrace

Papal Enclave 2005

11 dynatrace

Papal Enclave 2005

Papal Enclave 2013

12 dynatrace

13 dynatrace

Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal.

This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results.

14 dynatrace

“Our customers expect the same experience throughout all our channels no matter if it is

the website, mobile site or the real physical store!”

Mike Austin, Director of e-CommerceRoomstoGo.com

15 dynatrace

Omni channel strategy

16 dynatrace

Omni channel strategyWho is involved?

17 dynatrace

Customer

18 dynatrace

Developer

Tester

Operations

Customer

19 dynatrace

Developer

Tester

Operations

Customer CareBusinessCustomer

20 dynatrace

Dynatrace User Experience ManagementKey Ingredients

21 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

#1

User Journey

22 dynatrace

Omni Channel (or all users on different devices expect the same experience)Omni Channel (or all users on different devices expect the same experience)

23 dynatrace

Omni Channel (or all users on different devices expect the same experience)Omni Channel (or all users on different devices expect the same experience)

24 dynatrace

Omni Channel (or all users on different devices expect the same experience)Omni Channel (or all users on different devices expect the same experience)

25 dynatrace

Omni Channel (or all users on different devices expect the same experience)Omni Channel (or all users on different devices expect the same experience)

26 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

Real-Time BI with Aggregated User JourneysReal-Time BI with Aggregated User Journeys

27 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

Individual User Journey with all User ActionsIndividual User Journey with all User Actions

28 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

Individual User Journey with all User ActionsIndividual User Journey with all User Actions

29 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

Individual User Journey with all User ActionsIndividual User Journey with all User Actions

30 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

#2

User Experience Index

31 dynatrace

How to measure delivered performance?

http://apdex.org/

32 dynatrace

How to measure delivered performance?

http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)

Satisfied Tolerating Frustrated

33 dynatrace

How to measure delivered performance?

http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)

Satisfied Tolerating Frustrated

Page Load Time

34 dynatrace

How to measure delivered performance?

http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)

Satisfied Tolerating Frustrated

Navigation Timings

Page Load Time

35 dynatrace

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

36 dynatrace

Single Page Load Apps

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

37 dynatrace

Single Page Load Apps

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

Navigation Timings

38 dynatrace

Single Page Load Apps

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

Omni Channel Market

Navigation Timings

39 dynatrace

Single Page Load Apps

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

Omni Channel Market

Navigation Timings Navigation Timings

40 dynatrace

The Solution

User Action Response Time

41 dynatrace

The Solution

User Action Response TimeMeasuring the delta between action andreaction regardless of the used technology

42 dynatrace

Errors!

43 dynatrace

Errors!

44 dynatrace

Errors!

45 dynatrace

Errors!

46 dynatrace

Errors!

47 dynatrace

Errors!

48 dynatrace

User Experience Index

User Action Response Time

Errors

49 dynatrace

Learn from a Users Journey

50 dynatrace

Learn from a Users Journey

51 dynatrace

Learn from a Users Journey

52 dynatrace

Learn from a Users Journey

53 dynatrace

Learn from a Users Journey

Last Action is the Key Indicator

54 dynatrace

User Experience Index

User BehaviorUser Action

Response Time Errors

55 dynatrace

Is this STILL Enough?

56 dynatrace

Is this STILL Enough?

57 dynatrace

Is this STILL Enough?

Bandwidth

58 dynatrace

User Behavior User Environment

User Experience Index

User Action Response Time

Errors

59 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

#3

Transaction Flow

60 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

61 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

Native AppsHybrid Apps

Web Cloud Services

Third PartyContent

External Services

Cloud Storage

Application

62 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

63 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

You

64 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

YouThird

Parties

65 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

YouThird

Parties

CDNSocial Media Ad Provider

66 dynatraceCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

#4 secret sauce

Lifecycle by Design

67 dynatrace

68 dynatrace

Developer

Tester

Operations

69 dynatrace

Developer

Tester

Operations

Customer CareBusiness

The Mobile (R)evolution Die Auswirkungen mobiler Endgeräte auf einen B2C Online-Shop

Inhalt

1. Herausforderung

Inhalt

1. Herausforderung2. Erkennen

Inhalt

1. Herausforderung2. Erkennen3. Testen

Inhalt

1. Herausforderung2. Erkennen3. Testen4. Performanceanalyse und Vergleich

Inhalt

1. Herausforderung2. Erkennen3. Testen4. Performanceanalyse und Vergleich5. Überwachung

Inhalt

1. Herausforderung2. Erkennen3. Testen4. Performanceanalyse und Vergleich5. Überwachung6. Reporting

1. Herausforderung

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung Erkennen vs behandeln

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung Erkennen vs behandeln Anforderung an die Seite (Erkennung von Endgeräten)

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung Erkennen vs behandeln Anforderung an die Seite (Erkennung von Endgeräten) Unterschiedliche Darstellung der Messergebnisse (Mobile vs Desktop)

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung Erkennen vs behandeln Anforderung an die Seite (Erkennung von Endgeräten) Unterschiedliche Darstellung der Messergebnisse (Mobile vs Desktop) Unterschiedliche Fehlerbehandlung

1. Herausforderung

Steigende Anzahl an mobilen Endgeräten Steigende Performance-Erwartung Erkennen vs behandeln Anforderung an die Seite (Erkennung von Endgeräten) Unterschiedliche Darstellung der Messergebnisse (Mobile vs Desktop) Unterschiedliche Fehlerbehandlung Durchgängiger Informationsfluss (ticketing)

2. Erkennen und behandeln

2. Erkennen und behandeln

Klassisch in den Loadbalancer/Webserver Logs

2. Erkennen und behandeln

Klassisch in den Loadbalancer/Webserver Logs Analysetools (Google-Analytics, Webtrends,.. Dynatrace)

2. Erkennen und behandeln

Klassisch in den Loadbalancer/Webserver Logs Analysetools (Google-Analytics, Webtrends,.. Dynatrace)

2. Erkennen und behandeln

2. Erkennen und behandeln

Darstellung (selbe Seite, eigene Seite, App)?

2. Erkennen und behandeln

Darstellung (selbe Seite, eigene Seite, App)?

2. Erkennen und behandeln

Darstellung (selbe Seite, eigene Seite, App)?

3. Testing

3. Testing

Selben Prozesse für beide Seiten

3. Testing

Selben Prozesse für beide Seiten Unterschiedliche Geräte, selbe Seite

3. Testing

Selben Prozesse für beide Seiten Unterschiedliche Geräte, selbe Seite automatisiert

3. Testing

Selben Prozesse für beide Seiten Unterschiedliche Geräte, selbe Seite automatisiert Getrenntes Reporting

3. Testing

Selben Prozesse für beide Seiten Unterschiedliche Geräte, selbe Seite automatisiert Getrenntes Reporting XLT

3. Testing

Selben Prozesse für beide Seiten Unterschiedliche Geräte, selbe Seite automatisiert Getrenntes Reporting XLT Crowd-Testing

4. Performance-Analyse und Vergleich

4. Performance-Analyse und Vergleich

4) Performance-Analyse und Vergleich (User Actions)

4. Performance-Analyse und Vergleich (Visit count)

4. Performance-Analyse und Vergleich (Bounce Rate)

4. Performance-Analyse und Vergleich (Visit duration)

5. Überwachung

Metriken zur Überwachung? Generelles Alerting

Weitere Einschränkung auf Gemeinsamkeit/Eindeutigkeit

Request auf Web- und MOB-Seite Shophelp (Kunden-Feedback)

5. Überwachung (useractions per visit)

5. Überwachung (Conversion)

6. Reporting

6. Reporting

Google Analytics

6. Reporting

Google Analytics Webtrends

6. Reporting

Google Analytics Webtrends Technische Details Dynatrace

6. Reporting

Google Analytics Webtrends Technische Details Dynatrace

6. Reporting via Tickets

6. Reporting via Tickets

116 dynatrace

Q&A

Daniel Khan

Technology Strategist

daniel.khan@dynatrace.com

Web: http://www.dynatrace.de

Community: https://apmcommunity.compuware.com

Blog: http://apmblog.dynatrace.com/

Twitter: https://twitter.com/Dynatrace

René Neubacher

Senior IT Business Consultant

rene.neubacher@swarovski.com

Web: www.swarovski.com

Recommended