Difference between revisions of "Sidebar Proposal by IBM"

From Apache OpenOffice Wiki
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
{| style="border: thin dashed #ff9900; padding:5px; background:#ffff99"
 
{| style="border: thin dashed #ff9900; padding:5px; background:#ffff99"
 
|-  
 
|-  
|We propose a sidebar way to organize the commands/UI entries on OpenOffice.org UI.  
+
|We propose a way which we call "Sidebar" to organize the commands/UI entries on OpenOffice.org UI.  
 
* All panels in OpenOffice.org can be docked to this sidebar.
 
* All panels in OpenOffice.org can be docked to this sidebar.
 
* Users can switch the panels via tabs beside the docked panels.
 
* Users can switch the panels via tabs beside the docked panels.
Line 26: Line 26:
 
   
 
   
  
== Sidebar and Properties Panel ==
+
== Sidebar ==
  
'''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.
+
  
 +
{| class="prettytable"
 +
| [[Image:IBM_Sidebar_Properties.jpg]]
 +
|}
  
'''The properties panel on sidebar'''
+
Users can click on the icons on a skinny bar beside the panel, to switch between panels.
* We use Properties panel to put most of frequently used properties.
+
<BR>
* 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...
+
<BR>
* 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.  
+
Here is an example: switch to Style List panel.
  
'''So in most contexts, users don't need to switch between panels manually. They can get them on Properties Sidebar dirctly.'''
+
{| class="prettytable"
 +
| [[Image:IBM_Sidebar_Style_list.jpg]]
 +
|}
 +
<BR>
 +
<BR>
 +
<BR>
 +
'''Customization'''
 +
* 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'''
 +
* 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.
 +
<BR>
 +
<BR>
 +
'''Example: Editing texts'''
 +
<BR>
 +
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"
| Properties Sidebar on Sidebar
 
 
| [[Image:IBM_Sidebar_Properties.jpg]]
 
| [[Image:IBM_Sidebar_Properties.jpg]]
 
|}
 
|}
  
== Switch to Style List Panel ==
+
<BR>
 +
'''Example: The context when users select a page of presentation'''
 +
<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.
 +
<BR>
 +
Only recent 6 layouts and templates are shown on the panel.
 +
{| class="prettytable"
 +
| [[Image:IBM_Sidebar_SDPage.jpg]]
 +
|}
 +
<BR>
 +
Users can get all layouts/templates via a pop up panel.
 +
{| class="prettytable"
 +
| [[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                                                                   
 +
|-
 +
|Mail: malicdl@cn.ibm.com
 +
|}

Latest revision as of 10:40, 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 way which we call "Sidebar" 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.
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
Mail: malicdl@cn.ibm.com
Personal tools