Labs/Design-Challenge/Uni-Fall09

From MozillaWiki
Jump to: navigation, search

Mozilla Labs Design Challenge: Uni Fall '09

Research

Links and Precedents

Desires

  • Speed, get what I want fast
  • Save current state
  • Prioritize
  • organized history
  • simple interface
  • share cool things
  • retrace my steps
  • fuzzy search (interpret dreams)
  • I want to see what the NYTimes website looked like last Wednesday morning
  • see my browsing trends (inc'l most visited)
  • Better integrated history in browser, FLUID
  • More specific, meaningful, and EASY bookmarking
  • I want to search my history by topic
  • I want to share my history
  • I want to mark parts of history that are important
  • I want to visualize my usage patterns

Obstacles

  • memory
  • not right info
  • i'm lost
  • the content on the site has changed
  • i'm confused
  • time
  • too much info
  • i'm lazy
  • Add to but rarely use links from Delicious
  • Lack of instant access to history, Currently have to access through menus & has New Window
  • Losing history page (gets lost among all windows)
  • Keyword search isn't broad enough
  • Browser crashing
  • Wifi browser authentication
  • I don't know how to
  • I'm concerned about privacy
  • Existing ones suck
  • No mechanism to do it

User Stories

Labs/Design-Challenge/Uni-Fall09/User Stories

Survey Questions

Based on the user stories and other initial research, what kinds of questions about browsing history could we formulate to find more perspective on the problems we've established? Fill in any number of questions below. They can be short answer, multiple choice, Likert scale (1 to 5 or 1 to 7, strongly disagree to strongly agree), true/false, or anything else you find appropriate.

Take the survey!

Student-Created Survey Questions

Survey Responses

Ideas

  • spotlight for history
  • use color
  • stars *
  • retool google maps --> history map
  • tagging system
  • customize/personalize page titles that appear in the awesome bar or history
  • Hover state for fluid way to see visual image then descriptive data (timestamp, page name, domain)
  • Timeline AND path based browsing of history
  • Keyboard Shortcut! (for instant access to history and going through pages)
  • measure scroll position vs. site time
  • Storing the keywords from the content text. (manually or automatically) right-click? select text? select, CTRL-C?
  • better search algorithm for history
  • themed windows for browsing & search
  • suggest sites you might be interested in
  • bookmarks + history = :)
  • Cache webpage locally
  • Look for a cache at that page on the web.
  • overlapping and/or anchored window. more quick popup?
  • Allow user to attach their own semantics to their history
  • Be able to target what you are searching (keywork, title, url)
  • Create an iTunes model for sharing histories
  • Share locally via something like Bonjour
  • Bookmarking the time
  • Recording start/stop function
  • Integrate with personal calendar events
  • custom ranking of bookmarks
  • Design ones built around more specific & useful info
  • Coverflow history browsing mode on Safari
  • Google Search History Browser | Link
  • Google Reader Link[1] (can record how long you are on the article and it means you are interested in that article)
  • Quick history view for each tabs

Prototypes

Jetpack Experiments

  • Halloween | Link
  • Hassel | Link
  • New York Times - Times Wire headlines visualizer | Link
  • JetTwitt - Instant Tweet in Firefox | Link
  • FML | Link
  • Current Date and Time | Line
  • Rock Paper Scissors decision maker Link
  • DiggThis - shows the current top headline on Digg, updating every two minutes | [2]

Low-Fidelity Prototypes

  • Colorwheel History | Link
  • History Filter/Search Pop-up (PDF) |Link
  • Integrated History and Tagging (PDF) |Link
  • Laura- Unique History (PDF) |Link
  • Margaret - First Approach to Scroll Wheel + Tree Path Viewer [3]
  • Danny - History Sidebar and filter setting Link

High-Fidelity Prototypes

  • version1_andrea |Images
  • Lien/Margaret's Super Awesome Bar | Images
  • Yoon - Path History (HD 1280x720 Quicktime MOV 85MB, Please 'Save Link As') | Link
  • Yoon - Path History image 1 | Images
  • Yoon - Path History image 2 | Images
  • Yoon - Path History for each TAB 1 | Images
  • Yoon - Path History for each TAB 2 | Images
  • Yoon - Path History for each TAB 3 | Images
  • Laura - Unique History (PDF) | Link
  • Margaret - Scroll Wheel + Tree Path Viewer [4]
  • Chris, Ramsey, Aaron, Kurt - DogTag

High-Fidelity Prototypes (Nov.09)

Final Prototypes

Parsons