User:P.A./Panel-based Download Manager: Difference between revisions

Jump to navigation Jump to search
→‎6. User experience design: Update based on current status and feedback from UX team
mNo edit summary
(→‎6. User experience design: Update based on current status and feedback from UX team)
Line 58: Line 58:
Provides a status overview, visible during normal browsing when there are download notifications.
Provides a status overview, visible during normal browsing when there are download notifications.


* {{done|Only shown when there are download items in the panel, either active or completed.}}
* {{done|Always visible, located on the navigation bar by default.}}
** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Maybe, only shown when there are download items in the panel, either active or completed.
** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Maybe, also shown after the last download is removed from the panel, giving access to downloads history only.
** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Maybe, also shown after the last download is removed from the panel, giving access to downloads history only.
* {{done|When there are no active downloads, shows the classic button icon (downwards arrow).}}
* {{done|When there are no active downloads, shows the classic button icon (downwards arrow).}}
Line 71: Line 72:
Provides the anchor for the panel.
Provides the anchor for the panel.


* {{done|Located in the tab bar by default, which by default is always visible, except in Panorama mode.}}
* {{done|Located in the navigation bar by default.}}
* {{done|If the indicator is removed from the toolbars, or moved to an invisible toolbar, we show it temporarily in the default tab bar position or in the navigation bar when the panel is opened, until the panel is closed.}}
* {{done|If the indicator is removed from the toolbars, or is located in an invisible toolbar, we show it temporarily in the default position or in the tab bar when the panel is opened, until the panel is closed.}}
* If we need to show the panel and both the tab bar and the navigation bar are invisible, then:
* If we need to show the panel and both the tab bar and the navigation bar are invisible, then:
** {{done|For user-initiated requests (like the Downloads menu item), show the panel without the anchor, near the default anchor position.}}
** {{done|For user-initiated requests (like the Downloads menu item), show the panel without the anchor, near the default anchor position.}}
Line 88: Line 89:
* {{done|The panel can be fixed-width.}}
* {{done|The panel can be fixed-width.}}
** Resizeability is not as much of an issue with the downloads panel as it is with the bookmarks panel, because the downloads panel is less of a "management" interface. The full title of a download is shown in a tooltip.
** Resizeability is not as much of an issue with the downloads panel as it is with the bookmarks panel, because the downloads panel is less of a "management" interface. The full title of a download is shown in a tooltip.
* {{ok|When there are no download items, the panel's width can be smaller.}}
* {{done|Notifications are sorted by start time, most recent first.}}
* {{done|Notifications are sorted by start time, most recent first.}}
** It's consistent with notification sorting in other platforms, and the order doesn't change unexpectedly while the panel is open.
** It's consistent with notification sorting in other platforms, and the order doesn't change unexpectedly while the panel is open.
** Another option is to show first the items on which an action is more likely, i.e. completed downloads first, then failed, then running downloads.
** Another option is to show first the items on which an action is more likely, i.e. completed downloads first, then failed, then running downloads.
* {{done|The height of the panel should be limited in order for the panel not to expand to the full screen height.}}
* {{ok|The panel should not to expand to the full screen height.}}
* {{done|When there are more items than the panel's height allows, a scrollbar should be visible for accessing all the downloads.}}


Individual notifications have the following behavior:
Individual notifications have the following behavior:


* Notifications should disappear as soon as the user is done with them. We can't know the exact moment, so we use a set of heuristics.
* Notifications should disappear as soon as the user is done with them. We can't know the exact moment, so we use a set of heuristics.
** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Opening the target file or folder makes the notification disappear.
** {{done|Completed downloads are removed from the list when the last browser window is closed.}}
** {{done|Canceling a running download makes the notification disappear.}}
** {{done|Completed downloads are removed from the list when the session ends, but are restored when the session is restored.}}
*** Active downloads have no session boundary. When the browser is closed and reopened, they're paused and resumed automatically whenever possible.
*** Active downloads have no session boundary. When the browser is closed and reopened, they're paused and resumed automatically whenever possible.
** {{done|Canceling a running download does not make the notification disappear.}}
** {{done|Manually removing a download from the list is possible, but not a top-level interaction.}}
** {{done|Manually removing a download from the list is possible, but not a top-level interaction.}}
*** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Understand if we might want a top-level remove button for completed downloads, that would be the same button that cancels running downloads.
* There are no actions that make sense on more than one notification at a time.
* There are no actions that make sense on more than one notification at a time.
* {{done|The height of each notification does not change when its state changes.}}


The layout of a notification includes a main area with the download's distinctive details, and an optional action button. In some states of the download, the main area can be clicked. Double-clicking the main area, instead, is not a supported interaction.
The layout of a notification includes a main area with the download's distinctive details, and an optional action button. In some states of the download, the main area can be clicked. Double-clicking the main area, instead, is not a supported interaction.
Line 110: Line 114:
* When the download is ongoing [not paused or finished or canceled]:
* When the download is ongoing [not paused or finished or canceled]:
** {{done|The button cancels the download.}}
** {{done|The button cancels the download.}}
** <span style="color: orange; font-size: 80%; font-weight: bold">[INPUT]</span> Clicking the main area might indicate to open the download when it's finished, however this could be surprising.
** {{done|The context menu has commands to pause, open containing folder, go to download page, copy download link.}}
** {{done|The context menu has commands to pause, open containing folder, go to download page, copy download link.}}
* When the download is paused:
* When the download is paused:
** {{done|The button cancels the download.}}
** {{done|The button cancels the download.}}
** {{done|The context menu has commands to resume, open containing folder, go to download page, copy download link.}}
** {{done|The context menu has commands to resume, open containing folder, go to download page, copy download link.}}
* When the download is failed or canceled:
** {{done|The button retries the download. Often, the download will resume from where it stopped, if supported by the server.}}
** {{done|The context menu has commands to remove from list, go to download page, copy download link.}}
* When the download has finished:
* When the download has finished:
** {{done|Clicking the main area opens the file.}}
** {{done|Clicking the main area opens the file.}}
** {{done|The button opens the containing folder.}}
** {{done|The button opens the containing folder.}}
** {{done|The context menu has commands to remove from list, go to download page, copy download link.}}
** {{done|The context menu has commands to remove from list, go to download page, copy download link.}}
There are additional items in the context menu that act on all downloads:
** {{done|A context menu item is available for removing completed downloads from the list, without closing the last browser window.}}


=== Library window ===
=== Library window ===
Confirmed users
183

edits

Navigation menu