Difference between revisions of "AOO UX Design Exploration - Document Editor Task Pane Content - User Interface Design"

From Apache OpenOffice Wiki
Jump to: navigation, search
m (Adding new content to AOO UX page)
(Style List Content)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
[[Apache OpenOffice User Experience|< AOO User Experience Home]] | [[AOO 4.0 Dockable Task Pane (Task Bar) Design Exploration|< AOO 4.0 Dockable Task Pane (Side Bar) Design Exploration]]
 
[[Apache OpenOffice User Experience|< AOO User Experience Home]] | [[AOO 4.0 Dockable Task Pane (Task Bar) Design Exploration|< AOO 4.0 Dockable Task Pane (Side Bar) Design Exploration]]
 +
  
 
= Document Editor Task Pane Content =
 
= Document Editor Task Pane Content =
  
== Information Design ==
+
== Information Design Analysis==
  
 
Lotus Symphony 3.0.1 provides both contextual and non-contextual task pane content. The following sections explores the LS task pane content and seeks to better understand the mapping to the AOO UI to assist in understanding the features and sizing development effort.
 
Lotus Symphony 3.0.1 provides both contextual and non-contextual task pane content. The following sections explores the LS task pane content and seeks to better understand the mapping to the AOO UI to assist in understanding the features and sizing development effort.
Line 21: Line 22:
 
! LS UI Control
 
! LS UI Control
 
! LS Icon
 
! LS Icon
! AOO Task Pane Content
+
! Command in AOO?
 
! AOO UI Control
 
! AOO UI Control
 
! AOO Icon
 
! AOO Icon
Line 28: Line 29:
 
|-
 
|-
 
| Expand/collapse section control
 
| Expand/collapse section control
| expand/collapse
+
| Expand/collapse
 
| Yes
 
| Yes
 
| No
 
| No
Line 182: Line 183:
 
! LS UI Control
 
! LS UI Control
 
! LS Icon
 
! LS Icon
! AOO Task Pane Content
+
! Command in AOO?
 
! AOO UI Control
 
! AOO UI Control
 
! AOO Icon
 
! AOO Icon
Line 189: Line 190:
 
|-
 
|-
 
| Expand/collapse section control
 
| Expand/collapse section control
| expand/collapse
+
| Expand/collapse
 
| Yes
 
| Yes
 
| No
 
| No
Line 374: Line 375:
 
[[Image:task_pane_doc_page_properties.png]]  
 
[[Image:task_pane_doc_page_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| Page orientation
 +
| Drop-down
 +
| Yes
 +
| Yes
 +
| Drop-down
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required
 +
 +
|-
 +
| Margin
 +
| Drop-down
 +
| Yes
 +
| Yes
 +
| Drop-down
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required
 +
 +
|-
 +
| Page size
 +
| Drop-down
 +
| Yes
 +
| Yes
 +
| Drop-down
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required
 +
 +
|-
 +
| Column layout
 +
| Drop-down
 +
| Yes
 +
| Yes
 +
| Drop-down
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required
 +
 +
|}
  
  
Line 380: Line 446:
 
[[Image:task_pane_doc_area_properties.png]]  
 
[[Image:task_pane_doc_area_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| Area fill scope
 +
| Drop-down
 +
| Yes
 +
| No
 +
| Drop-down
 +
| Yes
 +
| use AOO fill scope and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
 +
 +
|-
 +
| Area fill
 +
| Colour grid picker
 +
| Yes
 +
| Yes
 +
| Colour grid picker
 +
| No
 +
| use AOO fill scope and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
 +
 +
|-
 +
| Transparency scope
 +
| Drop-down
 +
| No
 +
| Yes
 +
| Drop-down
 +
| Yes
 +
| use AOO transparency icon
 +
 +
|-
 +
| Transparency percentage
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Drop-down
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required, or not? determine percentage pattern
 +
 +
|}
  
  
Line 386: Line 517:
 
[[Image:task_pane_doc_line_properties.png]]  
 
[[Image:task_pane_doc_line_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| Line width
 +
| Drop-down
 +
| n/a
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Line colour
 +
| Colour grid picker
 +
| Yes
 +
| Yes
 +
| Colour grid picker
 +
| No
 +
| use AOO line and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
 +
 +
|-
 +
| Line style
 +
| Drop-down
 +
| No
 +
| Yes
 +
| Drop-down
 +
| Yes
 +
| use AOO transparency icon
 +
 +
|-
 +
| Line transparency percentage
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
| UI DESIGN REQUIREMENT: icon artwork required, or not? determine percentage pattern
 +
 +
|-
 +
| Beginning arrowhead
 +
| Drop-down
 +
| No
 +
| Yes
 +
| Drop-down
 +
| Yes
 +
| UI DESIGN REQUIREMENT: Use LS pattern with separate arrow head selection, AOO uses dialog, not menu.
 +
 +
|-
 +
| Ending arrowhead
 +
| Drop-down
 +
| No
 +
| Yes
 +
| Drop-down
 +
| Yes
 +
| UI DESIGN REQUIREMENT: Use LS pattern with separate arrow head selection, AOO uses dialog, not menu.
 +
 +
|}
  
  
Line 392: Line 606:
 
[[Image:task_pane_doc_position_size_properties.png]]  
 
[[Image:task_pane_doc_position_size_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| Shape width
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Shape height
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Keep ratio
 +
| Check box option
 +
| No
 +
| Yes
 +
| Check box option
 +
| No
 +
|
 +
 +
|-
 +
| Rotation customer control
 +
| Rotation control
 +
| No
 +
| Yes
 +
| Rotation control
 +
| No
 +
| UI DESIGN REQUIREMENT: determine which custome control to implement, LS or AOO
 +
 +
|-
 +
| Rotation degrees
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Flip vertically
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Flip horizontally
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|}
  
  
Line 398: Line 704:
 
[[Image:task_pane_doc_graphic_properties.png]]  
 
[[Image:task_pane_doc_graphic_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| Expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| Brightness
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Contrast
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Colour mode
 +
| Drop-down
 +
| No
 +
| Yes
 +
| Drop-down
 +
| No
 +
| Nice AOO drop down, with embedded icon
 +
 +
|-
 +
| Transparency percentage
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Red percentage
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Green percentage
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Blue percentage
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|-
 +
| Gamma percentage
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| Yes
 +
|
 +
 +
|}
  
  
Line 404: Line 802:
 
[[Image:task_pane_doc_graphic_position_size_properties.png]]  
 
[[Image:task_pane_doc_graphic_position_size_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| Shape width
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Shape height
 +
| Number spinner
 +
| Yes
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Keep ratio
 +
| Check box option
 +
| No
 +
| Yes
 +
| Check box option
 +
| No
 +
|
 +
 +
|}
  
  
Line 410: Line 864:
 
[[Image:task_pane_doc_wrap_properties.png]]  
 
[[Image:task_pane_doc_wrap_properties.png]]  
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse section control
 +
| Expand/collapse
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 +
 +
|-
 +
| More options command
 +
| Command button
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 +
 +
|-
 +
| No wrap
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Wrap after
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Wrap before
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Page wrap
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Wrap through
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Optimal wrap
 +
| Option toggle command button
 +
| Yes
 +
| Yes
 +
| Option toggle command button
 +
| Yes
 +
|
 +
 +
|}
  
 
===Style List Content===
 
===Style List Content===
  
[[Image:task_pane_doc_style.png]]  
+
[[Image:task_pane_doc_style.png]]
  
 +
*Style type drop down
 +
*View by drop down
 +
*Style list
 +
*Apply style command
 +
*New style drop-down
 +
*Modify style drop-down
 +
*Fill style command - no icon
 +
*Load styles command - no icon
  
 
===Clipart Content===
 
===Clipart Content===
  
[[Image:task_pane_doc_clipart.png]]  
+
[[Image:task_pane_doc_clipart.png]]
  
 +
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 +
|-
 +
| Expand/collapse task pane control
 +
| Command button
 +
| Yes
 +
| Yes
 +
| Command button
 +
| Yes
 +
|
 +
 +
|-
 +
| Move pane command
 +
| Command button
 +
| Yes
 +
| No
 +
| Yes
 +
| Yes
 +
|
 +
 +
|-
 +
| New clipart theme
 +
| Command button
 +
| Yes
 +
| Yes
 +
| Command button
 +
| No
 +
|
 +
 +
|-
 +
| Clipart theme list
 +
| List
 +
| Yes
 +
| Yes
 +
| List
 +
| Yes
 +
|
 +
 +
|-
 +
| Clipart Gallery
 +
| List view
 +
| Yes
 +
| Yes
 +
| List view
 +
| Yes
 +
| Thumbnails in list view in both LS and AOO, AOO offers list and thumbnail view
 +
 +
|-
 +
| Get clipart online
 +
| Hypertext command
 +
| Yes
 +
| No
 +
|
 +
|
 +
| UI DESIGN REQUIREMENT: make this command available in AOO
 +
 +
|}
  
 
===Navigator Content===
 
===Navigator Content===
  
[[Image:task_pane_navigator_style.png]]  
+
[[Image:task_pane_navigator_style.png]]
 +
 
 +
*Toggle command
 +
*Navigation drop-down
 +
*Next page command
 +
*Previous page command
 +
*Page number spin box - no icon
 +
*Drag-mode drop-down
 +
*Promote chapter command
 +
*Demote chapter command
 +
*List box on/off command option
 +
*Content view command option
 +
*Set reminder command
 +
*Header command
 +
*Footer command
 +
*Anchor <-> Text command
 +
*Heading level shown drop down
 +
*Promote level command
 +
*Demote level command
 +
*Content tree control
 +
*Document drop-down - no icon
 +
 
 +
== User Interface Control Analysis==
 +
 
 +
===Standard Controls===
 +
* expand/collapse
 +
* drop-down menu
 +
* number spinner
 +
* command button
 +
* option toggle command button
 +
* colour grid picker
 +
* check box option
 +
* list control
 +
* tree control
 +
* hyperlink
  
 +
===Custom Controls===
 +
* drop-down menus with nested controls (drop-down menus, command buttons, number spinners)
 +
* line properties drop downs
 +
* fill properties drop downs
 +
* rotation control
 +
* clipart thumbnails
  
  

Latest revision as of 06:36, 26 November 2012

< AOO User Experience Home | < AOO 4.0 Dockable Task Pane (Side Bar) Design Exploration


Document Editor Task Pane Content

Information Design Analysis

Lotus Symphony 3.0.1 provides both contextual and non-contextual task pane content. The following sections explores the LS task pane content and seeks to better understand the mapping to the AOO UI to assist in understanding the features and sizing development effort.

Text Properties (Contextual to text)

Doc text properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control Expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Font Drop-down n/a Yes Drop-down n/a .
Font size Drop-down n/a Yes Drop-down n/a .
Increase font size Command button Yes Yes Command button Yes UI DESIGN REQUIRED: need to decide which icons to use
Decrease font size Command button Yes Yes Command button Yes .
Bold Option toggle command button Yes Yes Option toggle command button Yes
Italic Option toggle command button Yes Yes Option toggle command button Yes
Underline Option toggle command button Yes Yes Option toggle command button Yes
Strike through Option toggle command button Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Shadow Option toggle command button Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Font colour Colour grid picker Yes Yes Colour grid picker Yes UI DESIGN REQUIREMENT: adopt Symphony colour picker palette design
Superscript Option toggle command button Yes Yes Option toggle command button Yes
Subscript Option toggle command button Yes Yes Option toggle command button Yes
Character spacing Drop-down Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Highlight Colour grid picker Yes Yes Colour grid picker Yes UI DESIGN REQUIREMENT: Should we consider limiting palette to common highlighter colours, with option for more colours?


Paragraph Properties (Contextual to paragraph)

Task pane doc paragraph properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control Expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Align left Option toggle command button Yes Yes Option toggle command button Yes
Align center Option toggle command button Yes Yes Option toggle command button Yes
Align right Option toggle command button Yes Yes Option toggle command button Yes
Justified Option toggle command button Yes Yes Option toggle command button Yes
Bullets Drop-down Yes Yes Drop-down Yes
Numbering Drop-down Yes Yes Drop-down Yes
Background fill Colour grid picker Yes Yes Colour grid picker Yes UI DESIGN REQUIREMENT: adopt Symphony colour picker palette design
Increase line spacing Command button Yes Yes Command button No UI DESIGN REQUIREMENT: icon artwork required
Decrease line spacing Command button Yes Yes Command button No UI DESIGN REQUIREMENT: icon artwork required
Above paragraph spacing Number spinner Yes Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required
Below paragraph spacing Number spinner Yes Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required
Line spacing Drop-down Yes Yes Drop-down Yes
Indent Command button Yes Yes Command button Yes
Outdent Command button Yes Yes Command button Yes
Switch to hanging indent Command button Yes Yes Command button No UI DESIGN REQUIREMENT: icon artwork required
Before text indent Number spinner Yes Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required
After text indent Number spinner Yes Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required
First line indent Number spinner Yes Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required


Page Properties (Contextual to page)

Task pane doc page properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Page orientation Drop-down Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Margin Drop-down Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Page size Drop-down Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required
Column layout Drop-down Yes Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required


Area Properties (Contextual to shape)

Task pane doc area properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Area fill scope Drop-down Yes No Drop-down Yes use AOO fill scope and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
Area fill Colour grid picker Yes Yes Colour grid picker No use AOO fill scope and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
Transparency scope Drop-down No Yes Drop-down Yes use AOO transparency icon
Transparency percentage Number spinner No Yes Drop-down No UI DESIGN REQUIREMENT: icon artwork required, or not? determine percentage pattern


Line Properties (Contextual to line)

Task pane doc line properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Line width Drop-down n/a Yes Number spinner Yes
Line colour Colour grid picker Yes Yes Colour grid picker No use AOO line and colour selector control design pattern - bucket icon for scope fill, colour swatch for colour
Line style Drop-down No Yes Drop-down Yes use AOO transparency icon
Line transparency percentage Number spinner No Yes Number spinner No UI DESIGN REQUIREMENT: icon artwork required, or not? determine percentage pattern
Beginning arrowhead Drop-down No Yes Drop-down Yes UI DESIGN REQUIREMENT: Use LS pattern with separate arrow head selection, AOO uses dialog, not menu.
Ending arrowhead Drop-down No Yes Drop-down Yes UI DESIGN REQUIREMENT: Use LS pattern with separate arrow head selection, AOO uses dialog, not menu.


Position and Size Properties (Contextual to text, lines and shapes)

Task pane doc position size properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Shape width Number spinner No Yes Number spinner No
Shape height Number spinner Yes Yes Number spinner No
Keep ratio Check box option No Yes Check box option No
Rotation customer control Rotation control No Yes Rotation control No UI DESIGN REQUIREMENT: determine which custome control to implement, LS or AOO
Rotation degrees Number spinner No Yes Number spinner No
Flip vertically Option toggle command button Yes Yes Option toggle command button Yes
Flip horizontally Option toggle command button Yes Yes Option toggle command button Yes


Graphic Properties (Contextual to graphic)

Task pane doc graphic properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control Expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
Brightness Number spinner No Yes Number spinner Yes
Contrast Number spinner No Yes Number spinner Yes
Colour mode Drop-down No Yes Drop-down No Nice AOO drop down, with embedded icon
Transparency percentage Number spinner No Yes Number spinner Yes
Red percentage Number spinner Yes Yes Number spinner Yes
Green percentage Number spinner Yes Yes Number spinner Yes
Blue percentage Number spinner Yes Yes Number spinner Yes
Gamma percentage Number spinner Yes Yes Number spinner Yes


Position and Size Properties (Contextual to graphic)

Task pane doc graphic position size properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
Shape width Number spinner No Yes Number spinner No
Shape height Number spinner Yes Yes Number spinner No
Keep ratio Check box option No Yes Check box option No


Wrap Properties (Contextual to graphic)

Task pane doc wrap properties.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse section control Expand/collapse Yes No UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
More options command Command button Yes No UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
No wrap Option toggle command button Yes Yes Option toggle command button Yes
Wrap after Option toggle command button Yes Yes Option toggle command button Yes
Wrap before Option toggle command button Yes Yes Option toggle command button Yes
Page wrap Option toggle command button Yes Yes Option toggle command button Yes
Wrap through Option toggle command button Yes Yes Option toggle command button Yes
Optimal wrap Option toggle command button Yes Yes Option toggle command button Yes

Style List Content

Task pane doc style.png

  • Style type drop down
  • View by drop down
  • Style list
  • Apply style command
  • New style drop-down
  • Modify style drop-down
  • Fill style command - no icon
  • Load styles command - no icon

Clipart Content

Task pane doc clipart.png

LS Task Pane Content LS UI Control LS Icon Command in AOO? AOO UI Control AOO Icon Notes
Expand/collapse task pane control Command button Yes Yes Command button Yes
Move pane command Command button Yes No Yes Yes
New clipart theme Command button Yes Yes Command button No
Clipart theme list List Yes Yes List Yes
Clipart Gallery List view Yes Yes List view Yes Thumbnails in list view in both LS and AOO, AOO offers list and thumbnail view
Get clipart online Hypertext command Yes No UI DESIGN REQUIREMENT: make this command available in AOO

Navigator Content

Task pane navigator style.png

  • Toggle command
  • Navigation drop-down
  • Next page command
  • Previous page command
  • Page number spin box - no icon
  • Drag-mode drop-down
  • Promote chapter command
  • Demote chapter command
  • List box on/off command option
  • Content view command option
  • Set reminder command
  • Header command
  • Footer command
  • Anchor <-> Text command
  • Heading level shown drop down
  • Promote level command
  • Demote level command
  • Content tree control
  • Document drop-down - no icon

User Interface Control Analysis

Standard Controls

  • expand/collapse
  • drop-down menu
  • number spinner
  • command button
  • option toggle command button
  • colour grid picker
  • check box option
  • list control
  • tree control
  • hyperlink

Custom Controls

  • drop-down menus with nested controls (drop-down menus, command buttons, number spinners)
  • line properties drop downs
  • fill properties drop downs
  • rotation control
  • clipart thumbnails




Personal tools