[
http://jira.magnolia-cms.com/browse/MGNLUI-75?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Andreas Weder updated MGNLUI-75:
--------------------------------
Labels: design ux (was: design)
Priority: Major (was: Neutral)
Description:
The status bar of a view (a list, tree or thumbnail view, currently) is the
*area just below the view*, which is colored gray, if the view shows all its
items, or white, if it doesn't. It's a flexible element and should not be seen
as an inactive area. As a matter of fact, it resembles more the area above a
view showing the view selector, the search bar and possibly additional view
controls.
The status bar should, in general, capable to:
- always *indicate the number of selected and the total number of items*, e.g.
"35 contacts, 15 selected", "42 pages ,0 selected" or "68 messages, 68
selected".
- show up with different background colors
- host labels and small UI controls
Visually, it should be as wide as the content area of the view above it, so
that we can achieve the effect of an "endless sheet of paper" by showing the
bar with a white background color.
h3. Some examples
The mockups on
[filtering|http://wiki.magnolia-cms.com/display/UX/Filtering+a+list+of+items]
and [searching in a list or tree
show|http://wiki.magnolia-cms.com/display/UX/Basic+search+in+apps] visualize a
status bar showing a message - it ensures that the user understands that the
current view shows a filtered set of items only. There, the status bar shows in
the yellow of the system warning messages and shows a message text with a link
causing the filters to be removed again.
Another example can be found in the following visual:
http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Thumbnailview
Here, the status bar is shown in its white variant and also features a
breadcrumb (just as an example, this is actually not needed now).
The status bar *might also host additional elements and controls*, such as a
batch action facility if multiple items get selected. Here's an example for the
messages list in Pulse:
http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Messageslistandgenerallistofitems
was:
The status bar of a view (a list, tree or thumbnail view, currently) is the
*area just below the view*, which is colored gray, if the view shows all its
items, or white, if it doesn't.
The status bar - whether it shown gray or white (see above) - *indicates the
number of selected and the total number of items*, e.g. "35 contacts, 15
selected", "42 pages ,0 selected" or "68 messages, 68 selected".
This can actually only be seen in a visual of the Thumbnails view:
http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Thumbnailview
Here, the status bar is shown in its white variant and also features a
breadcrumb (which actually it doesn't have to show). The status bar *might also
host additional elements and controls*, such as a batch action facility if
multiple items get selected, equal to the one used by the Messages list in
Pulse. Thus, please prepare the bar to be capable of hosting basic form and
label widgets.
Improved description by adding a list of tasks the status bar has to be capable
of performing. The goal was to ensure that the status bar is seen as flexible
area or element of a view and not as a mostly static element.
> Add status bar to views
> -----------------------
>
> Key: MGNLUI-75
> URL: http://jira.magnolia-cms.com/browse/MGNLUI-75
> Project: Magnolia UI
> Issue Type: Improvement
> Security Level: Public
> Environment: 5.0 (Snapshot: 2012.07.31 16:32:46), 5.0 (Snapshot:
> 2012.08.17 01:03:01)
> Reporter: Andreas Weder
> Priority: Major
> Fix For: 5.0 Alpha1 - Backlog
>
>
> The status bar of a view (a list, tree or thumbnail view, currently) is the
> *area just below the view*, which is colored gray, if the view shows all its
> items, or white, if it doesn't. It's a flexible element and should not be
> seen as an inactive area. As a matter of fact, it resembles more the area
> above a view showing the view selector, the search bar and possibly
> additional view controls.
> The status bar should, in general, capable to:
> - always *indicate the number of selected and the total number of items*,
> e.g. "35 contacts, 15 selected", "42 pages ,0 selected" or "68 messages, 68
> selected".
> - show up with different background colors
> - host labels and small UI controls
> Visually, it should be as wide as the content area of the view above it, so
> that we can achieve the effect of an "endless sheet of paper" by showing the
> bar with a white background color.
> h3. Some examples
> The mockups on
> [filtering|http://wiki.magnolia-cms.com/display/UX/Filtering+a+list+of+items]
> and [searching in a list or tree
> show|http://wiki.magnolia-cms.com/display/UX/Basic+search+in+apps] visualize
> a status bar showing a message - it ensures that the user understands that
> the current view shows a filtered set of items only. There, the status bar
> shows in the yellow of the system warning messages and shows a message text
> with a link causing the filters to be removed again.
> Another example can be found in the following visual:
> http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Thumbnailview
> Here, the status bar is shown in its white variant and also features a
> breadcrumb (just as an example, this is actually not needed now).
> The status bar *might also host additional elements and controls*, such as a
> batch action facility if multiple items get selected. Here's an example for
> the messages list in Pulse:
> http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Messageslistandgenerallistofitems
--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators:
http://jira.magnolia-cms.com/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira
----------------------------------------------------------------
For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html
Alternatively, use our forums: http://forum.magnolia-cms.com/
To unsubscribe, E-mail to: <[email protected]>
----------------------------------------------------------------
