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

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 [email protected]@dkhan

mailto:[email protected]

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


24 dynatrace


25 dynatrace



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


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






#2

User Experience Index

31 dynatrace

How to measure delivered performance?

http://apdex.org/

32 dynatrace


http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)

Satisfied Tolerating Frustrated

33 dynatrace


http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)


Page Load Time

34 dynatrace


http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)


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



37 dynatrace




Navigation Timings

38 dynatrace




Omni Channel Market

Navigation Timings

39 dynatrace




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



Errors

49 dynatrace

Learn from a Users Journey

50 dynatrace


51 dynatrace


52 dynatrace


53 dynatrace


Last Action is the Key Indicator

54 dynatrace


User BehaviorUser Action

Response Time Errors

55 dynatrace

Is this STILL Enough?

56 dynatrace


57 dynatrace


Bandwidth

58 dynatrace

User Behavior User Environment



Errors


#3

Transaction Flow



Native AppsHybrid Apps

Web Cloud Services

Third PartyContent

External Services

Cloud Storage

Application



You


YouThird

Parties


YouThird

Parties

CDNSocial Media Ad Provider


#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


Klassisch in den Loadbalancer/Webserver Logs


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


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



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

[email protected]

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

[email protected]

Web: www.swarovski.com


http://www.dynatrace.de/

http://www.dynatrace.de/

https://apmcommunity.compuware.com/

http://apmblog.dynatrace.com/



https://twitter.com/Dynatrace


http://www.swarovski.com/