Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

History Sphere Documentation

416 views

Published on

This high fidelity mockup demonstrates how the user can search her browsing history for an unknown page using pages she does remember visiting during that browsing session. The history sphere relates a source website (parent site) to sites accessed from this site (the children pages).

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

History Sphere Documentation

  1. 1. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran Problem: User wants to locate a page in browser history based on her recollection of a page or pages that she visited on the way to the desired page. Current history features do not allow the user to use this kind of information directly. Objective: Enable the user to reconstruct the path she took to the desired page using her recollection of the pages she visited on the way. Solution: Allow the user to search for the page she does remember using the existing text search. When the page is identified, present it in a visual context together with pages visited before and after. Allow the user to traverse the visual representation to reconstruct her path to the desired page. To Begin: Click on History < History Sphere menu option in Firefox (or use the keyboard shortcut). 1
  2. 2. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran History Sphere popup window appears. Enter search string, example: gdc 2
  3. 3. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran Relevant webpages dynamically populate based on string entered. 3
  4. 4. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran Click on the arrow to the left of a website title to view the dates/times this website was visited. 4
  5. 5. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran This expands to show the list of dates/times when a particular webpage was visited. 5
  6. 6. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran Click one of the dates visited. 6
  7. 7. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran The history sphere appears showing the browsing history for the selected browsing session. 7
  8. 8. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran The history sphere’s focus (highlighted with a blue box) is on the webpage from which the browsing session was selected up top. 8
  9. 9. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran The items in the top ring share the same source site for the selected browsing period. Up to five child webpages appear with text telling you how many total pages were accessed from the selected source site. total number of child webpages for a particular source site (including the five displayed) source site (parent) 9
  10. 10. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran The user can use the left and right arrows on the keyboard to scroll through the children pages. 10
  11. 11. Firefox: History Sphere Parsons The New School for Design | Margaret Moser and Lien Tran The user can use the up arrow on keyboard to change the source site to the child page currently highlighted. The top results will change to show the new source site’s child webpages. The user can use the down arrow to change the source site to the current source site’s parent. The current source site then becomes a child page and the history sphere’s focus (highlighted with a blue box). source site (parent) 11

×