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

get the images to work again
No edit summary
(get the images to work again)
 
(3 intermediate revisions by 2 users 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 42: Line 42:
** clicking the URL icon will open a browser on the URL, which is the URI up to the point where the file name started
** clicking the URL icon will open a browser on the URL, which is the URI up to the point where the file name started
** clicking the local file icon will open the finder to that folder, with focus on the downloaded file; if not found, we should throw to the OS specific "find this file" service
** clicking the local file icon will open the finder to that folder, with focus on the downloaded file; if not found, we should throw to the OS specific "find this file" service
** the popup is modal, and is dismissed when the user clicks outside of it, or on the "Get info" button again; the other files in the "Completed" section are greyed out to put emphasis on the selected file
** the popup is non-modal, and is dismissed when the user clicks outside of it, or on the "Get info" button again; the other files in the "Completed" section are greyed out to put emphasis on the selected file


'''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