Difference between revisions of "Sidebar Proposal by IBM"

From Apache OpenOffice Wiki
Jump to: navigation, search
Line 29: Line 29:
  
 
'''Manage the panels with Sidebar'''
 
'''Manage the panels with Sidebar'''
* The panels can be docked to the side of editing area.  
+
* All panels of OOo 3.1 can be docked to the side of editing area.  
* Users can switch between the panels by the tab beside the panels.
+
* Users can decide whether to dock a panel to the Sidebar or not.
  
 
{| class="prettytable"
 
{| class="prettytable"
Line 36: Line 36:
 
|}
 
|}
  
Users can click on the icons on a skinny bar beside the panel, to switch to another panel.
+
Users can click on the icons on a skinny bar beside the panel, to switch between panels.
 
<BR>
 
<BR>
 
<BR>
 
<BR>
Line 44: Line 44:
 
| [[Image:IBM_Sidebar_Style_list.jpg]]
 
| [[Image:IBM_Sidebar_Style_list.jpg]]
 
|}
 
|}
 +
<BR>
 
<BR>
 
<BR>
 
<BR>
 
<BR>
 
'''Customization'''
 
'''Customization'''
 
* Users can select which panels will be shown on Sidebar. Just right-click on the skinny bar and set on a menu.
 
* Users can select which panels will be shown on Sidebar. Just right-click on the skinny bar and set on a menu.
 
+
<BR>
 +
<BR>
 
'''Be Compatible with current behaviors of panels in OOo 3.1'''
 
'''Be Compatible with current behaviors of panels in OOo 3.1'''
 
* Users are free to dock the panels. They can dock the panels to the Sidebar, as what we are shown here.
 
* Users are free to dock the panels. They can dock the panels to the Sidebar, as what we are shown here.
Line 62: Line 64:
 
<BR>
 
<BR>
 
<BR>
 
<BR>
 +
'''Example: Editing texts'''
 
Here is an example for the context when users editing texts. Text and Paragraph sub-panels will be shown on Properties panel.
 
Here is an example for the context when users editing texts. Text and Paragraph sub-panels will be shown on Properties panel.
 
{| class="prettytable"
 
{| class="prettytable"
Line 68: Line 71:
  
 
<BR>
 
<BR>
'''Especially to show: The context when users select a page of presentation'''
+
'''Example: The context when users select a page of presentation'''
 
<BR>
 
<BR>
 
When users select a page(click the thumbnail on Slide View or just click the blank on a page), the Layout, Master Page and Template will be shown as sub-panels on Properties sidebar.
 
When users select a page(click the thumbnail on Slide View or just click the blank on a page), the Layout, Master Page and Template will be shown as sub-panels on Properties sidebar.
Line 80: Line 83:
 
{| class="prettytable"
 
{| class="prettytable"
 
| [[Image:SDPage_Popup.jpg]]
 
| [[Image:SDPage_Popup.jpg]]
 +
|}
 +
 +
{| style="border: thin dashed #ff9900; padding:5px; background:#ffff99"
 +
|-
 +
|Author: Ma Li
 +
|-
 +
|User Experience Designer | IBM Lotus Symphony
 +
|-
 +
|Locate in Beijing, China
 
|}
 
|}

Revision as of 10:32, 26 August 2009

ux-ooo-logo-rgb-129-61.png

ux.openoffice.org

Quick Navigation

Team

Please do not edit this page unless you are the original author. Your feedback and comments are welcome in the Comments section below or on the ui@ux.openoffice.org mailing list.

Design Proposal -- Sidebar -- By IBM

The following design proposal is part of the collection of design proposals for “Accessing Functionality”, which is part of Project Renaissance.

Summary

We propose a sidebar way to organize the commands/UI entries on OpenOffice.org UI.
  • All panels in OpenOffice.org can be docked to this sidebar.
  • Users can switch the panels via tabs beside the docked panels.
  • The properties which related to current context will be shown as sub-panels of properties panel.
Benefit:
  • Current OpenOffice.org UI can be migrated to this UI easily and quickly.
  • Users don't need to suffer the big changes and knowledge break, like what MS Ribbon did.
  • Provide a reasonable layout. More and more screens are wide nowadays. Put such UI on side will save the vertical spacing on screen and provide more space for editing.


Sidebar

Manage the panels with Sidebar

  • All panels of OOo 3.1 can be docked to the side of editing area.
  • Users can decide whether to dock a panel to the Sidebar or not.
IBM Sidebar Properties.jpg

Users can click on the icons on a skinny bar beside the panel, to switch between panels.

Here is an example: switch to Style List panel.

IBM Sidebar Style list.jpg




Customization

  • Users can select which panels will be shown on Sidebar. Just right-click on the skinny bar and set on a menu.



Be Compatible with current behaviors of panels in OOo 3.1

  • Users are free to dock the panels. They can dock the panels to the Sidebar, as what we are shown here.
  • Users can also dock the panels to bottom/top/left, just like what users can do in current OOo 3.1.


Properties Panel

The properties panel on sidebar

  • There are some sub-panles on preperties panel. E.g. Text, Paragraph, Table, Area, Line, Graphic, Cell Appearance, Number Format, Master Page, Page Layout, Template, etc...
  • The properties panel will show different sub-panels for different context. E.g. When users are editing texts, the sub-panels like Text and Paragraph will be shown. When users focus on a slide, the sub-panels of Slide Layout, Template, and Master Page will be shown there.
  • So in most contexts, users don't need to switch between panels manually. They can get them on Properties Sidebar dirctly.



Example: Editing texts Here is an example for the context when users editing texts. Text and Paragraph sub-panels will be shown on Properties panel.

IBM Sidebar Properties.jpg


Example: The context when users select a page of presentation
When users select a page(click the thumbnail on Slide View or just click the blank on a page), the Layout, Master Page and Template will be shown as sub-panels on Properties sidebar.
Only recent 6 layouts and templates are shown on the panel.

IBM Sidebar SDPage.jpg


Users can get all layouts/templates via a pop up panel.

SDPage Popup.jpg
Author: Ma Li
IBM Lotus Symphony
Locate in Beijing, China
Personal tools