<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class=""><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Yiyang Ou is a student in the Bx/MS program.</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">—————————————————————————————————————————————</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><br class=""></span></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><b class="">Date:</b> Friday, May 28, 2021</span></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><br class=""></span></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><b class="">Time:</b> 10 AM, CST</span></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><br class=""></span></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span class=""><b class="">Location:</b> remote via Zoom <</span><a href="https://uchicago.zoom.us/j/5711251740?pwd=TSsxVCt1bFdhRjcrY2FmeDEveHY1QT09" class="">https://uchicago.zoom.us/j/5711251740?pwd=TSsxVCt1bFdhRjcrY2FmeDEveHY1QT09</a>></div><div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class=""><br class=""></div><div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class="">Meeting ID: 571 125 1740</div><div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class="">Passcode: 166500</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><b class="">M.S. Candidate:</b> Tony Ou</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><b class="">M.S. Paper Title:</b> Improving web QoE metric with saliency</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><b class="">Advisor:</b> Prof. Junchen Jiang</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><b class="">Committee Members:</b> Prof. Junchen Jiang, Prof. Shan Lu, and Dr. Siddhartha Sen</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><b class="">Abstract:</b></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">—————————————————————————————————————————————</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class=""><font color="#000000" class=""><span style="caret-color: rgb(0, 0, 0);" class="">QoE (Quality of Experience) metrics for web page loading are essential for web developers to quantify web pages' performance and improve users' experience. However, traditional metrics, such as Speed Index, are known to have low correlations with user rating. One weakness is that they are agnostic to or only crudely accounting for user attention, such as the Above-the-Fold (ATF) time metric classifies the web objects into two groups: above-the-fold and below-the-fold. The downside of this is that they miss the optimization opportunity in changing the loading order of web objects to match user attention patterns. For example, we can load objects users care about first and delay the objects users ignore to improve users experience without shortening the overall load time.<br class=""><br class="">In our experiment, we incorporate two attention patterns to improve traditional web QoE metrics. First, we give more reward to web pages for loading objects close to the center of users’ attention and objects likely beyond users’ attention. Secondly, we penalize the web pages for visual changes that occur late in the loading process and attract user attention, since they make people think the page is not loaded. However, it is not an easy task to predict user attention. Past work has used actual human study to track human gazes, but this is not scalable for practical usage. Instead, we utilize recent computer vision works on saliency models to predict user attention. We built an end-to-end pipeline that, given videos of webpage loading, it computed saliency augmented speed index that captures the impact of user attention, We evaluated its performance on a web load dataset with human ratings, and saw improvement in the correlation of our metrics with human scores over that of traditional metrics.</span></font></div><div class=""><font color="#000000" class=""><span style="caret-color: rgb(0, 0, 0);" class=""><br class=""></span></font></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">—————————————————————————————————————————————</div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><br class=""></div><div class="">
<div dir="auto" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration: none; word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class=""><div>Jessica Garza<br class="">Assistant Director of Undergraduate Studies<br class="">Department of Computer Science<br class="">The University of Chicago<br class=""><a href="https://cs.uchicago.edu/remote2020/" class="">Covid-19 Resources</a></div></div>
</div>
<br class=""></body></html>