Skip to content

Design

Jump to bottom
me4oslav edited this page Jun 11, 2013 · 9 revisions

##Toolbar design: le wireframe

The toolbar consists of three elements:
  • Overview button
  • Search bar
  • Cog menu

OVERVIEW BUTTON:

Unity Tweak Tool has a two-level hierarchy for navigation, which makes the use of breadcrumbs moot. Thus an "Overview" button implemenation is in place to bring the user back to the Overview page and when either search box or cog menu enter the main UI (or both) "Overview" button should disappear when the user is in the overview page, because you obviously can't go back in it, when you are in it already.

SEARCH BOX

Search functionality is upcoming for the 13.10 version; the ability to search all functions of Unity Tweak Tool is planned.

COG MENU

The cog menu will host the Backup, Restore (and Sync in future releases) and will use a symbolic icon - preferably tree dots or three lines.

##Optimisation for noteboks

Optimising the app for netbooks design wise goes like this:
  • Remove the tabs (gtknotebooks) and make the pane automatically resize to the dimensions in which it hosts all widgets and there is no white space (Gnome System Settings already does that). Ideally resizing should happen with animation, but that is not a priority for now.
  • Detect the resolution height and if the pane size goes beyond it - smaller the pane size and add a scrollbar to it (Gnome System Settings already does that).

##New transparency sliders behaviour le wireframe

The behaviour itself is:
  • Nuke the Transparency ON/OFF switches for "Launcher" and "Panel" panes
  • Add labels "0" and "1/3" above the slides (gtkscales) themselves
  • Add a "stopper" below the sliders for 0 in addition to the one for 1/3
  • For launcher transparency the default value should be 1/3 (it's what Unity sets by default)
  • For pane transparency the default value should be 0 (it's what Unity sets by default)
Clone this wiki locally