AOO UX Design Exploration - Spreadhseet Editor Task Pane Content - User Interface Design
From Apache OpenOffice Wiki
< AOO User Experience Home | < AOO 4.0 Dockable Task Pane (Side Bar) Design Exploration
Contents
- 1 Document Editor Task Pane Content
- 1.1 Information Design Analysis
- 1.1.1 Text Properties (Contextual to text)
- 1.1.2 Paragraph Properties (Contextual to paragraph)
- 1.1.3 Page Properties (Contextual to page)
- 1.1.4 Area Properties (Contextual to shape)
- 1.1.5 Line Properties (Contextual to line)
- 1.1.6 Position and Size Properties (Contextual to text, lines and shapes)
- 1.1.7 Graphic Properties (Contextual to graphic)
- 1.1.8 Position and Size Properties (Contextual to graphic)
- 1.1.9 Wrap Properties (Contextual to graphic)
- 1.1.10 Style List Content
- 1.1.11 Clipart Content
- 1.1.12 Navigator Content
- 1.2 User Interface Control Analysis
- 1.1 Information Design Analysis
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)
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)
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)
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)
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)
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)
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)
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 | ||
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)
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)
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
Clipart Content
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