Personalizing the Web for Mobile Users Corin Anderson Pedro Domingos Dan Weld.

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Correlation-Based Content Adaptation For Mobile Web Browsing Iqbal Mohomed, Adin Scannell, Nilton Bila, Jin Zhang, Eyal de Lara Department of Computer.
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Session 4: Page Design J 394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara.
Nov 14 th  Homework 4 due  Project 4 due 11/26.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Create a Web Site with Frames
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
WebQuilt and Mobile Devices: A Web Usability Testing and Analysis Tool for the Mobile Internet Tara Matthews Seattle University April 5, 2001 Faculty Mentor:
 A cookie is a piece of text that a Web server can store on a user's hard disk.  Cookie data is simply name-value pairs stored on your hard disk by.
Prof. Vishnuprasad Nagadevara Indian Institute of Management Bangalore
Browser Comparisons - Convenience Internet Explorer 8 & 9, Chrome 11 and Firefox 4 Searching, Convenience & Add-ons.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Going Mobile with MobileMana Get a great mobile website solution today!
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
School District U-46 Metadot Portal Training. Agenda Intro – Objective Useful Terms Main Page Login Help/Support My Website Enable Editing Edit Your Home.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
Tips on Creating and Maintaining an Educational World Wide Web Site Etec 562 By Orawan Sakunloetprasuk.
Community-Driven Adaptation Iqbal Mohomed Department of Computer Science University of Toronto.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Database-Driven Web Sites, Second Edition1 Chapter 5 WEB SERVERS.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Context-Aware Interactive Content Adaptation Iqbal Mohomed, Jim Cai, Sina Chavoshi, Eyal de Lara Department of Computer Science University of Toronto MobiSys2006.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Personalization Speaker: Ping-Tsun Chang 3/7/2002.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Chapter 12: Web Usage Mining - An introduction Chapter written by Bamshad Mobasher Many slides are from a tutorial given by B. Berendt, B. Mobasher, M.
Designing web pages for handheld mobile devices Improving the client experience.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
Empowering users to access information in the Digital Library Corin Anderson University of Washington.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
EVALUATE YOUR SITE’S PERFORMANCE. Web site statistics Affiliate Sales Figures.
Responsive Web Designing Using CSS3 & HTML5 -Sandip Jadhav “We are building a web, for all device ”
Heuristic Evaluation JUAN MONRREAL JANETTE VAZQUEZ INEZ VELA.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Framework for Virtual Web Laboratory I. Petković M. Rajković.
Web Usability Made Easier Adaptation personalization vs. customization Aleksandra Stoeva.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
What is Web Information retrieval from web Search Engine Web Crawler Web crawler policies Conclusion How does a web crawler work Synchronization Algorithms.
Adaptive Web Navigation for Wireless Devices Corin Anderson Pedro Domingos Dan Weld.
1 Data Mining at work Krithi Ramamritham. 2 Dynamics of Web Data Dynamically created Web Pages -- using scripting languages Ad Component Headline Component.
WWW Programming Model. WWW Model The Internet WWW architecture provides a flexible and powerful programming model. Applications and content are presented.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
HTML5 and CSS3 Illustrated Unit F: Inserting and Working with Images.
Whole Page Performance Leeann Bent and Geoffrey M. Voelker University of California, San Diego.
1 DATA-DRIVEN SOLUTIONS. 2 KEYWORD-LEVEL SEARCH RETARGETING TARGET USERS BASED ON THEIR RECENT SEARCH HISTORY AND SEARCH QUERIES. A user performs a search.
HINTS AND TIPS FOR IWBS Evelyn Wassel, Ed.D.. Make sure there is plenty of space both in front and to either side of your whiteboard so that you can move.
Client-side processing 26 Client-side processing 26.
Fermilab Education Office Homepage Updated in 2014 We want to appeal to our main audiences providing them with pathways to get the information they need.
Enhance Your Page Load Speed And Improve Traffic.
Nov 2002C.Watters 1 But I’m on my PDA! Device Independence Carolyn Watters Web Information Filtering Lab Faculty of Computer Science Dalhousie University.
PIWIK JUNIOR TIDAL ASSOCIATE PROF., WEB SERVICES & MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY.
Control Choices and Network Effects in Hypertext Systems
Inserting and Working with Images
CS 321: Human-Computer Interaction Design
Section 17.1 Section 17.2 Add an audio file using HTML
Publishing and Maintaining a Website
Whether you decide to use hidden frames or XMLHttp, there are several things you'll need to consider when building an Ajax application. Expanding the role.
Amazing The Re:Search Engine Jaime Teevan MIT, CSAIL.
Step 1: Design for a Computer Medium
Welcome to the [Course Name] course.
Building Web Applications
Overview of Machine Learning
INTELLIGENT BROWSERS Cenk Ursavas.
Presentation transcript:

Personalizing the Web for Mobile Users Corin Anderson Pedro Domingos Dan Weld

2 The PC-centric web Assume 1024x768 –Micromanage page layout –Lots of real estate for important links Assume fast net –Images are okay –Following links okay Assume fast CPU –Client-side Javascript

3 Doesn’t work on mobile devices Very few lines of text –Lots of scrolling Few pixels, colors –Hard to find desired link Slow net connectivity –Following links slow No client-side scripting –Page functionality lost

4 First approach: syntactic translation Tag-by-tag, transcode for small screen –Replace images with alt text –Flatten s Problem: not all content is created equally –Shortcut links are useful –Links to “Our sponsors” aren’t –Lacks awareness of needs of each visitor

5 Our approach: web personalizers An intermediary between server and user Personalizes content for each user Personalizations include: –Making frequently-visited pages easier to reach –Highlighting content of interest –Eliding links and content of no interest

6 A personalizer in context  GET /  palm.net Access Logs Personalizer User Models Personalize content Model users  GET / 

7 Our implementation: Proteus 1.Build user model –Sequence of pages visited –Textual content viewed 2.Search space of web sites –“State” is personalized web site –Evaluate site with expected utility for user

8 User model – raw data Sequence of pages requested –Server or proxy logs (“Corey, the proxy’s down…”) –Assume 1 computer :: 1 user –Temporally-close requests are related (sessions) Text of each page some-pc.cs22/Feb/ :49:13 -/ some-pc.cs22/Feb/ :49:23 some-pc.cs22/Feb/ :49:34 some-other-pc.cs22/Feb/ :49:55 -/ some-pc.cs22/Feb/ :50:08 some-other-pc.cs22/Feb/ :50:20 some-pc.cs22/Feb/ :12:36

9 User model – derived data Frequency of page visits –# times user visited each page Probability of page visit –# times visited page / # sessions Content word vector –“interest” value in each word seen

10 Site evaluation cnethelp newsfree hardware downloadclick builderhere gamemonday jobnovember auctionadvertisement price tech

11 Expected utility Value of site = expected utility of site E[U(site)] = E[U(first page)] E[U(page)] = E[U(first screen)] Utility from screen content: intrinsic utility Utility from screen navigation: extrinsic utility

12 Intrinsic utility Content similarity –Words on screen vs. words seen before –Scale using TFIDF –Scale by position in session – later pages’ words worth more Frequency of visits –how often user views screen

13 Extrinsic utility User may take one or many actions –Follow link L 1, follow link L 2, … –Scroll down Each action leads to new screen:E[U(dest.)] Actions have probabilities:P(action) Actions have cost:  (action)

14 Search for optimal site Search control –Steepest descent –Run about 20 iterations Search operators –Add shortcut link –Elide content

15 Shortcut link A link that makes a long path shorter –A  B  C  D suggests adding A  D

16 Elide content Remove unnecessary content Don’t make irrevocable changes! –Replace content with link to original 13 lines 1 line

17 Exp’t 1: live human subjects Observe real users on the desktop –Behavior based on seeded questions Measure performance on mobile device –Unmodified vs. personalized sites –Tasks taken from same seed distribution

19 Analysis of exp’t 1 Content elision overly aggressive –Proteus favors words on page over links on page Elision links inconspicuous –No different from normal links Shortcut links underused –Proteus didn’t always make them –Users didn’t scroll enough to find them

20 Exp’t 2: Simulated users Deterministic automaton “Scripts” made from sessionized logs –Use non-seeded behavior from exp’t 1’s logs –Goal: get to last page in session Sim user follows script, except: –If a shortcut link is there and useful, take it –If the next link has been elided, find it

23 Continuing work: clustering Single user model may be starved for data But we have many user models available Cluster users, then build cluster models Site evaluation depends on user and cluster

24 Clusters at

26 Questions about clustering Is model-based clustering the right choice? What model should we use? –0 th, 1 st, 2 nd order Markov Can we model at page granularity? What about non-sequence user attributes –User domain, registration information

27 Questions about Personalizers What other personalizations would be useful? –Create new pages? –Adapt layout of page? How should we measure intrinsic utility? –Word vectors? How are the terms scaled? –Past-visit dwell time?

28 More questions How can we make search faster? –Evaluation is slow – can we approximate? –Search infeasible as sites, adaptations scale How do we evaluate Proteus? –User studies are tricky –Can simulated web behavior be believable?

30 Conclusions Mobile web experience must be personalized Personalizers have many benefits Proteus successfully improves mobile web experience

33 Desktop vs. mobile browser