User:Dmose:Fx-Docs:DownloadManager/User Interface: Difference between revisions

get the images to work again
(→‎Mockups: modal popups suck)
(get the images to work again)
 
(2 intermediate revisions by one other user not shown)
Line 4: Line 4:
= Iteration 2 =
= Iteration 2 =


== Feedback from previous iteration ==
== Feedback and takeaways ==


Feedback from [[User:Dmose:Fx-Docs:DownloadManager/User_Interface#Iteration_1|iteration 1]] was:
Feedback from [[User:Dmose:Fx-Docs:DownloadManager/User_Interface#Iteration_1|the first set of mockups]]:


* put simple UI for finding a specific download in the Downloads Manager, and link to more advanced search UI in the Places History with a button
* put simple UI for finding a specific download in the Downloads Manager, and link to more advanced search UI in the Places History with a button
Line 17: Line 17:


== Mockups ==
== Mockups ==
'''note:''' icons are from Silk set provided by [http://famfamfam.com FAMFAMFAM]
'''note:''' icons are from Silk set provided by [http://famfamfam.com FAMFAMFAM] and are '''not final''', but are meant to be evocative of the metaphors that the icons should use, and can be used for milestone builds.


The new mockups follow an interaction scenario in an attempt to illustrate the design. All download times and file sizes are fictional, so no nitpicking, please! :)
The new mockups follow an interaction scenario in an attempt to illustrate the design. All download times and file sizes are fictional, so no nitpicking, please! :)
Line 23: Line 23:
'''Start: downloading one file, has one paused, and one is queued by the server'''
'''Start: downloading one file, has one paused, and one is queued by the server'''


http://people.mozilla.org/~beltzner/DM-i3-01.png
http://people.mozilla.org/~beltzner/DM-i3-01.png  


* on OSX and Win32 the file icon would be provided by the OS based on file type
* on OSX and Win32 the file icon would be provided by the OS based on file type
Line 36: Line 36:
'''One file completes, user has clicked "get info" on another file'''
'''One file completes, user has clicked "get info" on another file'''


http://people.mozilla.org/~beltzner/DM-i3-02.png
http://people.mozilla.org/~beltzner/DM-i3-02.png  


* the newly completed file is inserted at the top of the "Completed" list
* the newly completed file is inserted at the top of the "Completed" list
Line 46: Line 46:
'''Another file completes, the user searches for "avi"'''
'''Another file completes, the user searches for "avi"'''


http://people.mozilla.org/~beltzner/DM-i3-03.png
http://people.mozilla.org/~beltzner/DM-i3-03.png  


* the "Completed" section disappears and is replaced with a "Search Results" section
* the "Completed" section disappears and is replaced with a "Search Results" section
Line 53: Line 53:
'''The paused download is cancelled'''
'''The paused download is cancelled'''


http://people.mozilla.org/~beltzner/DM-i4-04.png
http://people.mozilla.org/~beltzner/DM-i3-04.png  


* when no downloads are showing in the "Active" section, it disappears
* when no downloads are showing in the "Active" section, it disappears
Line 61: Line 61:
== Mockup and Specification ==
== Mockup and Specification ==


http://people.mozilla.org/~beltzner/DM-I1-003.png
http://people.mozilla.org/~beltzner/DM-I1-003.png  


* the title bar lists the number of downloads & time remaining to completion
* the title bar lists the number of downloads & time remaining to completion
590

edits