• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Measuring User Experience
 

Measuring User Experience

on

  • 883 views

 

Statistics

Views

Total Views
883
Views on SlideShare
883
Embed Views
0

Actions

Likes
1
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • http://www.istockphoto.com/stock-photo-4781558-listen-to-me-dad.php?st=a570ca1

Measuring User Experience Measuring User Experience Presentation Transcript

  • Measuring User ExperienceAlois Reitbauer
  • Disclaimer
  • We used tomeasure here
  • We miss about 80%Your visibility ends here
  • … let‟s look at an example
  • Web Application Delivery Chain Content Internet ServerBrowser Processing 3rd Party
  • Robots forMonitoring
  • Monitor fromEverywhere
  • Robots are not humans(even if they come close)
  • Challenges TodayLack of standardsIn Browser Measurement ComplexMost tools for development/troubleshooting
  • We need this …
  • Request Start Time Business Event Time Time-to-First-ByteOnLoad Time DNS/Network Time Bandwidth Rendering TimeLatency (Geo)Location JS Execution Time Browser Info Resource Download TimeRendering Time
  • … we want to get all thisinformation non intrusively (aka hacking)
  • OnLoad Time Measurement<html> <head> <script type="text/javascript"> var start = new Date().getTime(); function onLoad() { var now = new Date().getTime(); var latency = now - start; alert("page loading time: " + latency); } </script> </head> <body onload="onLoad()"> ……
  • Resource Time Measurement……<script type="text/javascript"> downloadStart(“myimg”);</script><img src=“./myimg.jpg” onload=“downloadEnd(„myimg‟)” />…..
  • … browsers have all thisinformation, so why not expose it
  • W3CPerformanceWorkingGroup
  • Web Performance SpecsNavigation Timing Basic page navigation informationResource Timing Information about page resources (own & third party)User Timing Custom actions and high-res timerTimeline Unified Access to Performance Data
  • Understand Page Loading
  • Navigation Timingwindow.performance.timing.
  • Navigation Timing in Chrome
  • Navigation Timing on Windows Mobile
  • Let‟s try this ourselves ...
  • The page is not enough
  • Resource Timingwindow.performance.getEntriesByType(window.performance.PERF_RESOURCE)[].
  • Custom TimeMeasurements
  • Marksmark (markName) add a new mark with the current timestampgetMarks (markName) Retrieve all marks with the specified name. If none is specified all marks will be returned Result Structure: { <markName> : [<val1>, <val2>, …] ….. }
  • Measuresmeasure () fetchStart -> nowmeasure (startTime) startTime -> nowmeasure(startTime, endTime) startTime -> endTime
  • Performance Timeline
  • Real world exampleswhat‟s possible today
  • BrowserSupport
  • Open IssuesHow to send the data back to the serverRendering and JS ExecutionImplementing the backend servicesFull browser supportMore efficient bandwidth measurement
  • LegacyBrowsers
  • Alois Reitbaueralois.reitbauer@dynaTrace.com @AloisReitbauer http://blog.dynatrace.com