2
edits
No edit summary |
|||
(94 intermediate revisions by 11 users not shown) | |||
Line 1: | Line 1: | ||
= Mozilla Labs Design Challenge: Uni Fall '09 = | = Mozilla Labs Design Challenge: Uni Fall '09 = | ||
== Links and Precedents == | == Research == | ||
=== Links and Precedents === | |||
*Useful Add-on | [https://addons.mozilla.org/en-US/firefox/addon/13316/ Link] | *Useful Add-on | [https://addons.mozilla.org/en-US/firefox/addon/13316/ Link] | ||
Line 19: | Line 20: | ||
*[http://www.cs.umd.edu/class/spring2001/cmsc838b/Apps/presentations/Matthias_Mayer/index.html Visualizing and Analyzing Web Browser History Data (2001)] | *[http://www.cs.umd.edu/class/spring2001/cmsc838b/Apps/presentations/Matthias_Mayer/index.html Visualizing and Analyzing Web Browser History Data (2001)] | ||
* Top 10 Ways Best Ways to Manage Firefox Tabs [http://www.friedbeef.com/top-10-ways-best-ways-to-manage-firefox-tabs/ Link] | * Top 10 Ways Best Ways to Manage Firefox Tabs [http://www.friedbeef.com/top-10-ways-best-ways-to-manage-firefox-tabs/ Link] | ||
* Lost bookmarks [http://kb.mozillazine.org/Lost_bookmarks Link] | |||
==Desires== | ===Desires=== | ||
* Speed, get what I want fast | * Speed, get what I want fast | ||
* Save current state | * Save current state | ||
Line 38: | Line 40: | ||
* I want to visualize my usage patterns | * I want to visualize my usage patterns | ||
==Obstacles== | ===Obstacles=== | ||
* memory | * memory | ||
* not right info | * not right info | ||
Line 58: | Line 60: | ||
* No mechanism to do it | * No mechanism to do it | ||
== User Stories == | === 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, [http://en.wikipedia.com/wiki/Likert_scale Likert scale] (1 to 5 or 1 to 7, strongly disagree to strongly agree), true/false, or anything else you find appropriate.'' | |||
[http://www.surveymonkey.com/s.aspx?sm=gCTIyg0qVLLmWSas9hiY3w_3d_3d Take the survey!] | |||
[[Labs/Design-Challenge/Uni-Fall09/Survey_Questions|Student-Created Survey Questions]] | |||
=== Survey Responses === | |||
* [http://spreadsheets.google.com/pub?key=tcxkmIx3VHsGyOONOX1K_XQ&output=html Google Spreadsheet Page of Parsons ACC Lab results] | |||
* [http://ixdstudio2009.ning.com/profiles/blogs/user-research-results-and Results from the University of Sydney class] | |||
===Ideas=== | |||
==Ideas== | |||
* spotlight for history | * spotlight for history | ||
* use color | * use color | ||
Line 125: | Line 108: | ||
* Quick history view for each tabs | * Quick history view for each tabs | ||
== | == Prototypes == | ||
=== Jetpack Experiments === | |||
*Halloween | [http://a.parsons.edu/~tranl/cclab/jetpack/halloween/halloween.html Link] | |||
*Hassel | [http://a.parsons.edu/~druca992/mozilla/jetpack/hassel.html Link] | |||
*New York Times - Times Wire headlines visualizer | [http://www.cre8ive.kr/blog/?p=1539 Link] | |||
*JetTwitt - Instant Tweet in Firefox | [http://www.cre8ive.kr/blog/?p=1738 Link] | |||
*FML | [http://a.parsons.edu/~brada373/fall2009/cclab/jetpack1/myfirstjetpack/myfirstjetpack.html Link] | |||
*Current Date and Time | [http://a.parsons.edu/~geigd983/CCLab/JetPack/DateAndTime/ Line] | |||
*Rock Paper Scissors decision maker [http://a.parsons.edu/~simpl191/Mozilla/rps_jetpack.html Link] | |||
*DiggThis - shows the current top headline on Digg, updating every two minutes | [http://a.parsons.edu/~mosem551/share/diggthis.html] | |||
=== Low-Fidelity Prototypes === | |||
* Colorwheel History | [http://a.parsons.edu/~druca992/blog/?p=121 Link] | |||
* History Filter/Search Pop-up (PDF) |[http://a.parsons.edu/~tranl/cclab/paperPrototype_HistoryPopOut_cues2.pdf Link] | |||
* Integrated History and Tagging (PDF) |[http://a.parsons.edu/~tranl/cclab/paperPrototype_integratedHistorySearch.pdf Link] | |||
*Laura- Unique History (PDF) |[http://a.parsons.edu/~simpl191/Mozilla/History/Laura_Unique_History.pdf Link] | |||
*Margaret - First Approach to Scroll Wheel + Tree Path Viewer [http://a.parsons.edu/~mosem551/share/history_miner.pdf] | |||
*Danny - History Sidebar and filter setting [http://a.parsons.edu/~geigd983/blog/?p=192 Link] | |||
=== High-Fidelity Prototypes === | |||
* version1_andrea |[http://a.parsons.edu/~brada373/fall2009/cclab/highRes/ Images] | |||
* Lien/Margaret's Super Awesome Bar | [http://a.parsons.edu/~tranl/cclab/mozilla/ Images] | |||
* Yoon - Path History (HD 1280x720 Quicktime MOV 85MB, Please 'Save Link As') | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory_H264.mov Link] | |||
* Yoon - Path History image 1 | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory1.jpg Images] | |||
* Yoon - Path History image 2 | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory2.jpg Images] | |||
* Yoon - Path History for each TAB 1 | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory_Tab1.jpg Images] | |||
* Yoon - Path History for each TAB 2 | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory_Tab2.jpg Images] | |||
* Yoon - Path History for each TAB 3 | [http://www.cre8ive.kr/blog/wp-content/uploads/Mozilla_PathHistory_Tab3.jpg Images] | |||
*Laura - Unique History (PDF) | [http://a.parsons.edu/~simpl191/Mozilla/History/Laura_Unique_History_HiRes.pdf Link] | |||
* Margaret - Scroll Wheel + Tree Path Viewer [http://a.parsons.edu/~mosem551/share/history_miner.png] | |||
* Chris, Ramsey, Aaron, Kurt - [http://www.00danger.com/mozilla/mozSimulate04.mov DogTag] | |||
=== High-Fidelity Prototypes (Nov.09) === | |||
* Yoon - Path History | [http://www.cre8ive.kr/blog/wp-content/uploads/PathHistory_DongYoonPark.pdf PDF Document] | |||
* Andrea - ReVisionining History | [http://a.parsons.edu/~brada373/fall2009/cclab/highRes_v2/BrowserHistory.ppt PPT], [http://a.parsons.edu/~brada373/fall2009/cclab/highRes_v2/objectmodeldiagram.pdf ObjectModelDiagram], [http://a.parsons.edu/~brada373/fall2009/cclab/highRes_v2/aarvarks2_v2.pdf Updated Image] | |||
* Margaret/Lien - History Sphere (updated 11/16) | [http://a.parsons.edu/~tranl/cclab/mozilla/historySphereDocumentation.pdf PDF Document] | |||
* Laura -Unique History- Timeline option | [http://a.parsons.edu/~simpl191/Mozilla/History/timelineHiRezIter2.pdf Timeline Only], [http://a.parsons.edu/~simpl191/Mozilla/History/HiRezUniqueTimelineList.pdf Combined list and Timeline option] | |||
=== Final Prototypes === | |||
==== Parsons ==== | |||
*[http://www.cre8ive.kr/blog/?p=1860 Path History by Yoon] | |||
*[http://a.parsons.edu/~tranl/mozilla/ Browser History Documentation by Lien] | |||
*DogTag, by Kurt Bieg, Chris Driscoll, Aaron Druck and Ramsey Nasser [http://a.parsons.edu/~druca992/mozilla/pdf/dogTag.pdf PDF] | [http://www.00danger.com/mozSimulate05.mov Video] | |||
*[http://a.parsons.edu/~simpl191/Mozilla/History/UniqueTimeline.pdf Unique History by Laura] | |||
*[http://a.parsons.edu/~brada373/fall2009/cclab/mozilla.html Visual History by Andrea Bradshaw] |
edits