Web

A simple, clean, beautiful view of the web.

Participants

Design: WilliamJonMcCann, JakubSteiner

Development: XanLopez, ClaudioSaavedra, DiegoEscalanteUrrelo

Objectives

Primary:

  • Focus on the current page content
  • Provide inter page navigation
  • Support:
    • Printing
    • Saving page as PDF
    • Sharing links easily
  • Integrate web search functionality
  • Support in page search
  • Support page multi-tasking without reloading content, interrupting active sessions, or losing form data
  • Displaying page view history
  • Clearing page view history
  • Saving form submission data
  • Saving web usernames and passwords
  • Provide a reminding function for things to do/read later
  • Identify pages as important so they may appear more prominently in search results
  • Make it very easy to reopen a closed page
  • Provide a way to turn a page into an application
  • Use the OS notification system for page notifications

Secondary:

  • Reader view

Non-Goals:

  • Not designed to be a web developer tool

Relevant Art

Opera for Windows

http://www.filetransit.com/images/screen/4da5f8961cb0291c21cda129a6a904f2_Opera_browser.jpg

Safari

http://images.techhive.com/images/article/2014/10/safari_faves_with_translucency-100525231-large.png

http://images.techhive.com/images/article/2014/10/safari_windows_with_translucency-100525232-large.png

http://images.techhive.com/images/article/2014/10/safari_site_search-100525233-medium.png

Chrome

http://static.arstechnica.net/assets/2011/10/chromenewtab-4ea76a1-intro-thumb-640xauto-27041.png

WebOS 3

https://lh5.googleusercontent.com/-ZsjdxjLNLyQ/TiXcP5jMSyI/AAAAAAAAWr4/IHQf5y_a0vU/s640/browser_2011-19-07_135500.png https://lh4.googleusercontent.com/-e5A8mTSlW7U/TiXcO7N3AFI/AAAAAAAAWr4/SoYuf_pniZA/s640/browser_2011-19-07_135510.png

Internet Explorer 10

ie10-tabs-and-nav-bar.png

ie10-nav-tabs.png

More here.

Helm

http://dewith.com/wp-content/uploads/2013/04/Helm-Website-View.png http://dewith.com/wp-content/uploads/2013/04/Helm-Gestural-Navigation.png http://dewith.com/wp-content/uploads/2013/04/Helm-Website-View-Typing.png http://dewith.com/wp-content/uploads/2013/04/Helm-Speed-Dial.png http://dewith.com/wp-content/uploads/2013/04/Helm-Website-View-Contextual-Controls.png

Interesting Browser History Stuff

Research

  • "Parallel Browsing Behavior on the Web", Jeff Huang et al., 2010
  • "Web Page Revisitation Revisited: Implications of a Long-term Click-stream Study of Browser Usage", Obendorf et al., CHI 2007 Proceedings
  • "A Study of Tabbed Browsing Among Mozilla Firefox Users", Dubroy et al., CHI 2010
  • "Large Scale Analysis of Web Revisitation Patterns", Adar et al., CHI 2008
  • "The Perfect Search Engine Is Not Enough: A Study of Orienteering Behavior in Directed Search", Teevan et al., CHI 2004
  • "Not quite the average: An empirical study of Web use", Weinreich et al., ACM Transactions on the Web, 2(1): 1-31, 2008
  • "Web Page Revisitation Revisited: Implecations of Long-term Click-stream Study of Browser Usage", Obendorf et al., CHI Proceedings, 2007

Notes from Weinreich et al and Obendorf et al:

  • A lot of browsing can be described as "hub and spoke": lots of pages opened in new tabs and windows from a small number of pages.
  • The majority of users do not tend to use bookmarks.
  • Most page revisitation is short term: the 15 most recently viewed pages has been found to account for 88% of page revisits.
  • Short-term revisitation strategies center on the sequence in which pages were visited.
  • Long-term revisitation is poorly supported. Browser histories go virtually unused.

Discussion & Design Experiments

Tentative Design

Latest wireframes

Form filler design page

See Also

Design/Apps/Web (last edited 2016-03-24 18:05:04 by AllanDay)