From Building Websites to Building Digital Experiences – Walgreens’ Journey to Adaptive & Responsive Design Steve Trimbo Global Omni-Channel Practice Manager Dynatrace Aaron Rudger Director Product Marketing Dynatrace Syed Y Ali Technical Architect Digital Engineering & Mobile Walgreens
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
From Building Websites to Building Digital Experiences – Walgreens’ Journey to Adaptive & Responsive Design
Steve TrimboGlobal Omni-Channel
Practice ManagerDynatrace
Aaron RudgerDirector Product
MarketingDynatrace
Syed Y AliTechnical Architect Digital
Engineering & MobileWalgreens
Steve TrimboGlobal Omni-Channel Practice Manager
Dynatrace
Holiday 2015 and Expected Mobile Impact
Mobile Share of Sales: US
2013 2014 2015
THANKSGIVINGBLACK FRIDAY
CYBER MONDAY
24%
21%
16%
26%
18%
25%
29%
27%
21%
Holiday 2015 Mobile Phone Use
Research products
Compare product prices in-store
Communicate with friends/family about gifts
Create shopping lists
Seek additional product information in-store
Locate/navigate to stores
Check product inventory
0% 10% 20% 30% 40% 50% 60%
54%
46%
39%
35%
31%
28%
24%
The new digital customer
ALWAYS CONNECTED80% of them check their smartphone within 15 minutes of waking
MULTI-DEVICE95% of digital shoppers who started on a smartphone continued on a PC
EMPOWERED2+ BILLION people have some form of social media account, 44% will air their frustration on social media when they have a poor online experience
DEMANDING60% rate performance / response time as the #1 mobile app expectation – ahead of features and functionality
Traditional Channel Approach
Traditional WebSite Mobile (m.) Site Mobile App
Responsive Channel ApproachWeb & Mobile Site Mobile App
Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to
decide the rendering on each device
”“
Delivered User Experience Quality
154 k 1,5 k 200Satisfied Tolerating Frustrated
Digital Performance Management Platform
Performance
Scalability
Time to Market
Quality of Service
Real-time Experience
&Behavior
Customer Analytics
SEO
Abandonment
Conversion
DevOps Business
Digital Performance Management Platform
DevOps Business
Syed Y AliTechnical Architect Digital Engineering & Mobile
Walgreens
From Building Websites to Building Digital Experiences– Our Journey to Adaptive & Responsive Design
Syed Y AliTechnical ArchitectDigital Engineering and Mobile Solutions
Give more attention to IE browsers: over instrumentation
Simplify environments and better cache control: release integrity and cache poisoning
Aaron RudgerDirector Product Marketing
Dynatrace
Digital Performance Management
DevOps Business
UnifiedUser & App
Insights
ImproveMTTR &
MTBF
OptimizeSpend
Deliver on user sat &
SLAs
Improvereleasequality
Gain StrategicInsights
Protect & Grow Brand
Reduceunplanned
work
Releasecapabilities
faster
Keep up with the pace of change
Uncover new business insights
DigitalBusinessOwner
Development Operations
Identify and prevent problems
IncreaseConversions& Revenue
Increased Salesand Engagement
OperationalExcellenceInnovation
Acceleration
The Digital Performance PlatformMakes real-time information about digital services, and their users, visible and actionable by everyone in an organization
Unified visibility from conversion to code
THE EXPERIENCE VALUE CHAIN
Application Code
Public and Private Cloud
CDNs
Web APIs
Users and Devices Internet Applications & Code Data Center & Networks
Customer Experience Overview
• Real users for real-time behaviors and digital experience measurement
• In depth view into all real user actions and every visit, across mobile, web and any other channel
• Virtual users for launch readiness and SLA management
end-to-end transaction visibility from client to
DB
End-to-End View from Swipe to
Back-end• Gapless transactional
continuity, from your mobile device or browser, all the way to the back-end and specific line of application code
• Application-aware network analysis for packet-level depth with business-level context
• 20x faster problem resolution
Automated Analytics & Intelligence
• Over 1,500 third-party services identified and tracked
• Patent-pending algorithm provides most likely cause for issues; analyzes hundreds of page loads and thousands of objects in seconds
• Benchmarks the design of your site across detailed elements (images, JavaScript, time to first paint, etc.)
Excellence through Digital Performance Management
Real + Virtual Users for mobile
and web• 360 view of customer experience• All users, all visits, all channels in real time• From launch readiness to real time user analytics
World’s most realistic testing
network• Carriers, DSL,
backbone• Last mile: “in-
home” computers• Physical mobile
devices
Analytics engine & collective intelligence
• 3rd party intelligence
• Root cause analyzer
• Industry and competitive performance benchmarks
Deep transaction monitoring
• All transactions, from smartphone or browser to back-end
• Rich insights, down to code level
• 20x faster problem resolution
Dynatrace User Experience Management Dynatrace Application Monitoring
Dynatrace Synthetic Monitoring Dynatrace Data Center RUM