Appearance

Differences between revisions 26 and 27
Revision 26 as of 2015-10-31 21:28:58
Size: 7533
Editor: staticline-31-183-169-31
Comment:
Revision 27 as of 2015-11-01 21:40:42
Size: 6799
Editor: mpt
Comment: big simplification, removing sets, and adding background for external displays; - bug 1297418 (fixed)
Deletions are marked like this. Additions are marked like this.
Line 7: Line 7:
On the phone and tablet, the only appearance configuration should be setting the background picture for the welcome screen (bug Bug:1297418). Therefore the screen should be called simply “Background”. {{attachment:background-access.png}}
Line 9: Line 9:
||<tablestyle="clear:both;float:left;margin:0 1em 1em 0" style="border:none">{{attachment:background.phone.png}}|| On the phone and tablet, the only appearance configuration should be setting the background picture for the welcome screen. Therefore the screen should be called simply “Background”. On the home screen, the “Background” icon should include a thumbnail of the currently selected background.
Line 11: Line 11:
The “Background” screen should contain:
 * An “Ubuntu Art” expandable section, containing the default background and several others that are installed by default (bug Bug:1288364).
 * One named expandable section for each extra set of backgrounds installed, if any (bug Bug:1294203). Each of these sections should have a small delete button opposite its name. Choosing it should open an alert asking ‘Delete all {number} images in “{name of set}” from your phone?’, with “Cancel” and “Delete All” buttons, where “Delete All” uninstalls the set.
 * A “Recent Images” expandable section, containing up to ten images that you have used recently that are not in any of the other sections, and having the same kind of delete button opposite its name. In this case, choosing it should simply change the button to read “Clear”. If you tap it again, the recent images should be cleared (except for the one you are using right now, if it is in this section). If you tap anywhere else, the delete button should revert to its original state.
 * A panel, fixed to the bottom of the screen, with a “Choose Another Image…” button.
=== Without external display ===
Line 17: Line 13:
The section containing the currently selected image should ''always'' be expanded (bug Bug:1362125), to avoid you losing track of it. (All other sections should be collapsed by default.) One consequence is that if you delete the currently-used image, so that a previously-used image becomes selected, the section containing that previously-used image should expand by itself if it wasn’t expanded already. The always-expanded state should be denoted by a greyed-out bullet • symbol taking the place of the usual ▶ collapsed or ▼ expanded symbol. {{attachment:background.phone.jpg}}{{attachment:background-pinch.phone.jpg}}{{attachment:background-drag.phone.jpg}}

To minimize interaction needed, in the normal case where there is no external display, the “Background”screen should act as its own preview. Therefore, it should customize the header bar to 50% opacity, so that you can see the current background in exactly the current crop.

The row of “New” plus “Recent” items should be scrollable horizontally if necessary. The scroll position should reset whenever you return to the screen (so that you don’t lose sight of the “New” button) or choose a different background (so that you can see the previous selection become the new most recent).

Tapping the “New” button should open [[https://docs.google.com/document/d/1trse15NokU8IJ5lm3BnUi7oMNTCkUnYNHeAHZdtzFoQ/edit#heading=h.woe7j0vyqk0u|a picker for selecting a new image]], including an “Ubuntu Backgrounds” collection (bug Bug:1288364) that does not appear when the picker is called from other apps.

The “Recent” list should consist of the ten most recently chosen distinct background settings, that is, image plus crop. This means there may be multiple recent background settings that use the same picture but with different crops. A crop should be saved whenever you leave the “Background” screen.

If you choose a new image, that image should zoom up from the “New” button to be shown as the current background. And if if you tap any of the “Recent” items, that image should similarly zoom up to become the current background. At the same time, any “Recent” items to its left should slide along one spot, making way for the previous selection to zoom down to become the most “Recent” item. If you chose a new image, the least recent setting should disappear from the list.

Long-pressing a “Recent” item should reveal a context menu with a single item, “Delete”. (Deleting recent background settings will be a rarely-needed feature, usually wanted only after breakups.)

[[https://design.ubuntu.com/apps/patterns/gestures#application-gestures|The standard gestures]] should zoom and pan the picture to choose the area (bug Bug:1368286). In case you do not realize this, iIf you have been on the “Background” screen for five seconds after making a selection, without doing anything else, the “Pinch to crop” hint should fade in and out over two seconds, followed by the “Drag to move” hint. The hints should not appear if the current image is exactly the size of the phone screen (suggesting that it was supplied specifically to be used, uncropped, on that handset).
Line 35: Line 45:
||<^ tablestyle="float:left;margin:0 1em 1em 0" style="border:none">{{attachment:phone-background-area.png}}||<^ style="border:none;width:310px">{{attachment:phone-background-chooser-picture.mockup.jpg}}<<BR>>''Errata: “Position and size” should be “Choose Area”. A “Best Fit” button should be present. And “Set wallpaper” should be “Set”.''|| === With external display ===
Line 37: Line 47:
Choosing “Choose Another Image…” should open [[https://docs.google.com/document/d/1trse15NokU8IJ5lm3BnUi7oMNTCkUnYNHeAHZdtzFoQ/edit#heading=h.woe7j0vyqk0u|an image picker]]. Choosing an image from the image picker should open a “Choose Area” full-screen dialog. {{attachment:background.pocket.png}} {{attachment:background-phone.pocket.jpg}}
Line 39: Line 49:
If the image was already present in “Recent Images”, by default the “Choose Area” dialog should show it at its previously chosen size and position. Otherwise, by default it should be centered and scaled to the smallest size that fills the screen. The “Best Fit” button should return to this scale and position, and be insensitive whenever the picture is already at that scale and position. [[https://design.ubuntu.com/apps/patterns/gestures#application-gestures|The standard gestures]] should zoom and pan the picture to choose the area (bug Bug:1368286). If you do nothing for five seconds, gesture arrows should pulse into view in the center of the screen, hinting at how to zoom the picture. When an external display is connected, the top-level “Background” screen should instead show two previews: “Phone” and “External”.
Line 41: Line 51:
Choosing a picture from “Ubuntu Art” or any of the other sections should open a similar “Preview” full-screen dialog, but with no zooming and panning, and just “Cancel” and “Set” buttons, because that art is already optimized for the screen size. Tapping either of them should navigate down the page stack to a “Phone” or “External Display” screen, that behaves the same way as the “Background” screen does for a standalone phone.
Line 43: Line 53:
The “Preview” and “Choose Area” dialogs should be unique in that '''the top bar, header, and toolbar should all be semi-transparent''', so that you can see what part of the background picture will be visible when those elements are not present.

If you choose “Set”, the background should be set, and the zoomed and panned area of the image should animatedly shrink down to become the first (and selected) item in the “Recent Images” section, with the screen scrolling to reveal it if necessary (bug Bug:1368809). It should be possible to add the same image more than once with different zoom/pan settings.

||<tablestyle="clear:both" style="border:none">||
Background settings for the phone display and the external display should be completely independent.

Phone and tablet

background-access.png

On the phone and tablet, the only appearance configuration should be setting the background picture for the welcome screen. Therefore the screen should be called simply “Background”. On the home screen, the “Background” icon should include a thumbnail of the currently selected background.

Without external display

background.phone.jpgbackground-pinch.phone.jpgbackground-drag.phone.jpg

To minimize interaction needed, in the normal case where there is no external display, the “Background”screen should act as its own preview. Therefore, it should customize the header bar to 50% opacity, so that you can see the current background in exactly the current crop.

The row of “New” plus “Recent” items should be scrollable horizontally if necessary. The scroll position should reset whenever you return to the screen (so that you don’t lose sight of the “New” button) or choose a different background (so that you can see the previous selection become the new most recent).

Tapping the “New” button should open a picker for selecting a new image, including an “Ubuntu Backgrounds” collection (bug 1288364) that does not appear when the picker is called from other apps.

The “Recent” list should consist of the ten most recently chosen distinct background settings, that is, image plus crop. This means there may be multiple recent background settings that use the same picture but with different crops. A crop should be saved whenever you leave the “Background” screen.

If you choose a new image, that image should zoom up from the “New” button to be shown as the current background. And if if you tap any of the “Recent” items, that image should similarly zoom up to become the current background. At the same time, any “Recent” items to its left should slide along one spot, making way for the previous selection to zoom down to become the most “Recent” item. If you chose a new image, the least recent setting should disappear from the list.

Long-pressing a “Recent” item should reveal a context menu with a single item, “Delete”. (Deleting recent background settings will be a rarely-needed feature, usually wanted only after breakups.)

The standard gestures should zoom and pan the picture to choose the area (bug 1368286). In case you do not realize this, iIf you have been on the “Background” screen for five seconds after making a selection, without doing anything else, the “Pinch to crop” hint should fade in and out over two seconds, followed by the “Drag to move” hint. The hints should not appear if the current image is exactly the size of the phone screen (suggesting that it was supplied specifically to be used, uncropped, on that handset).

With external display

background.pocket.png background-phone.pocket.jpg

When an external display is connected, the top-level “Background” screen should instead show two previews: “Phone” and “External”.

Tapping either of them should navigate down the page stack to a “Phone” or “External Display” screen, that behaves the same way as the “Background” screen does for a standalone phone.

Background settings for the phone display and the external display should be completely independent.

PC

Ubuntu 14.04

The “Appearance” panel’s “Behavior” [sic] tab should include “Show the menus for a window:” radio buttons, “In the menu bar” and “In the window’s title bar”.

launcher-and-menus-menus.png

Ubuntu 14.10

The Launcher settings should be moved from their three previous locations (“Look”, “Behavior”, and “Displays”) into a single “Launcher & Menus” panel, including the previous menu settings. This will make the Launcher settings easier to find, and also make the contents of the “Background & Theme” panel closer to the “Background” panel on phone and tablet.

launcher-and-menus.png

Appearance (last edited 2020-01-14 12:20:47 by mpt)