© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 Release Henrietta Akpata, Tealeaf Product Marketing Leader, IBM Customer AnalyticsRam Melkote, Program Director, Product Management, IBM Customer Analytics
1
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Overview of New Features and CapabilitiesDelivers a more powerful mobile experience, expanded site usability and flexible deployment model capabilities
2
Now Generally Available as of December 4, 2014
Key New Features and Capabilities:–Expanded site usability (cxOverstat)–Accessibility
•Color Contrast Overlays•Comply with government regulations and industry accessibility
standards.–More powerful mobile experience (CX Mobile)
•Replay–Extended flexible deployment model (Cloud managed services)
Other New Features and Capabilities Areas:–Integration with DA–Product Maturity
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 – Site Usability and Accessibility
Overstat–Overstat Dashboards–Page States
Accessibility–Color Contrast Overlay–Accessibility Overlay
3
© 2014 IBM Corporation@IBMExpOne | #smartercommerce4
Enhancing the cxOverstat Experience
• Enhanced workflow for marketing and merchandizing users
• Top down approach for analyzing usability data that also supports drilling down into individual sessions
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Description
•Firefox extension allows users to easily capture pages for usability analysis
•Enhanced Dom capture supports dynamically changing page states that can be activated via hovers or clicks (e.g. menus, drop lists, toggles, etc.), rotating banners and single page applications
•Tag captures to easily identify and find snapshots for analysis
5
Usability: Capture Pages from Live Site
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Description Gallery visually represents all the pages you have captured for usability analysis
Allows you to easily organize, group and find pages for analysis
6
Stacks: Group snapshots together for ease of analysis
Tags: Tag snapshots to easily identify pages you want to analyze
Usability: Manage Snapshots from the Gallery
© 2014 IBM Corporation@IBMExpOne | #smartercommerce7
Usability: Analyze Snapshots within the ViewerDescription Viewer allows you to analyze individual or multiple snapshots
Understand usability patterns and struggles at the aggregate level
Drill down on specify areas to analyze individual user sessions
© 2014 IBM Corporation@IBMExpOne | #smartercommerce8
Usability: Analyze Data for Visible Elements – Page StatesDescription Capture rich and dynamically changing page states
View usability data for just the visible page elements
Hover Page State Static Page State
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Accessibility: Color Contrast OverlayDescription Identifies areas of struggle for users with visual disabilities
Flags text with foreground and background color contrast ratio that violates WCAG 2.0 Level
AA standards
Complies with WCAG 2.0 level A and AA, U.S. Section 508 and WAI-ARIA standards
9
Color Contrast tool can recommend or allows users to adjust colors to find a contrast ratio that meets the standards
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Accessibility: Accessibility OverlayDescription Identifies areas of struggle for users with visual, auditory and physical disabilities
Violations are categorized by severity and provide information on segment of users impacted
and details on the violation
Complies with WCAG 2.0 level A and AA, U.S. Section 508 and WAI-ARIA standards
10
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 - Mobile Experience
Gesture Capture + Replay
Unresponsive Gestures
Out of the Box Reports
Worklight + CX Mobile Integration
Native Replay V2 + Hybrid Replay
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Gesture Capture Replay Customer Insight
– Show user interaction with screen itself
– Available out-of-the-box
5 gestures• Tap• Double Tap• Tap & Hold• Swipe• Pinch/Spread
*Standardized across iOS, Android, and Mobile Web
12
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Unresponsive Gestures Identifies Struggle
– Recorded when user makes gesture that triggers no application action (1/10th second)
Automatic Unresponsive gesture event
– Infer what customers are intending to do on touch enabled devices.
– Monitor total Unresponsive Gestures– Segment by Screen View– Watch for different gesture-related
struggles
13
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Out of the Box Reporting Out-of-the-Box Charts
– Application performance• Errors + exceptions
– User Experience• Gestures• Engagement
– Mobile Landscape overview
• Environment reprot• Connectivity
14
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
TealeafWorklight
Worklight Development Studio Worklight Development Studio
Tealeaf SDK
Tealeaf SDK
Tealeaf Processing Servers
Tealeaf Server Side Component
Application Server
Development
Production
Tealeaf CX Mobile + Worklight Integration
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
New and Improved!Browser Based Replay: Hybrid Apps
Native Application
Device APIs
010101001101010100101010101010101001010
Mobile Browser
Web Code
<html></body></head>
Native Container
Web Code
<html></body></head>
Device APIs
Native AppMobile Web App
Hybrid App
✓CX Mobile 8.0
✓CX Mobile 9.0
✓CX Mobile
9.0.1
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 - Replay
DOM Capture
Replay Server Hardening*–LocalStorage
Health and Diagnostics*–Logging service–Real time Page Load Details
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Classic Replay vs. DOM Capture
Classic Replay• Canister session of static
response, user agent + UISDK data
• When recalled for replay, go to Rendering Engines inside Replay Server
• Use rendering engine based on user agent
• Engine executes javascript for dynamic content
• HTML = Re-rendered Response
• BBR renders HTML in browser
DOM Capture• Canister session of static
response, user agent + UISDK data + DOM
• When recalled for replay, go to rendering Engines inside Replay Server
• Use rendering engine based on user agent
• Engine executes javascript for dynamic content.
• HTML = Response + DOM
• BBR renders HTML in browser
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Solved!
• Single Page Applications
• 3rd party content, ex: Testing Variants
• Mobile Hybrid Applications
• Desktop-like Applications
• JS Frameworks + Highly dynamic
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 – Cloud: Hosted Services
Tealeaf in Softlayer and Azure
An existing cloud environment, hosted in a Softlayer or an Azure cloud, that is customer-owned and customer-managed.
Run RHEL 6.x or SUSE 11 on the Web tier of the cloud to support installation of packet forwarder
Bare metal install in Softlayer
Customer or partner creates and manages Tealeaf CX cloud-based instance
Cloud
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
Tealeaf 9.0.1 – Digital Analytics Integration
Digital Analytics Integration
• Extended scalability of number of sessions in Tealeaf segments exported to Digital Analytics.
Integrations to IBM products
© 2014 IBM Corporation@IBMExpOne | #smartercommerce
IBM Tealeaf CX and IBM Tealeaf cxImpact Further improvements to proactive alerts
– HBR, Portal, and additional metrics on canister, PCA, and Data Collector.
Increase performance of Data Collector by pre-aggregating data in the data collector process.
Enhancements to Tealeaf alerts:– Allow customers the ability to customize the Tealeaf
email alert template and create multiple templates for their organization.
– Allow different alert blackout times for each day, as well as multiple blackout times for each day
Improved scalability of the Passive Capture Application with: – Enhanced scalability of secure sessions, and– Multiple threading of PCA processes.
Tealeaf 9.0.1 – Product Maturity
Product Maturity
Tealeaf CX Capture
Tealeaf CX Datastore