AOO UX Design Exploration - Presentation 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 Presentation Editor Task Pane Content
- 1.1 Information Design Analysis
- 1.1.1 Text Properties Task Pane
- 1.1.2 Slide Layout Properties
- 1.1.3 Text Properties (Contextual to text)
- 1.1.4 Paragraph Properties (Contextual to paragraph)
- 1.1.5 Area Properties (Contextual to shape)
- 1.1.6 Line Properties (Contextual to line)
- 1.1.7 Position and Size Properties (Contextual to text, lines and shapes)
- 1.1.8 Graphic Properties (Contextual to graphic)
- 1.1.9 Table Properties (Contextual to table)
- 1.1.10 Slide Template Task Pane
- 1.1.11 Animation Effects Task Pane
- 1.1.12 Slide Transition Task Pane
- 1.1.13 Clipart Content
- 1.1.14 Navigator Content
- 1.2 User Interface Control Analysis
- 1.1 Information Design Analysis
Presentation 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 Task Pane
| 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 | UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design |
| Move pane command | Command button | Yes | No | Yes | Yes |
Slide Layout Properties
| 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 | ||
| Apply layout command | Command button | Yes | Yes | Command button | Yes | Command button use thumbnail icon |
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 |
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 | |
| Align top | Option toggle command button | Yes | Yes | Option toggle command button | Yes | |
| Align middle | Option toggle command button | Yes | Yes | Option toggle command button | Yes | |
| Align bottom | 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 | |
| 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 |
| Vertical line | Vertical line | n/a | Yes | Vertical line | n/a | |
| 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 |
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 | ||
| Horizontal | Number spinner | No | Yes | Number spinner | No | |
| Vertical | Number spinner | No | Yes | Number spinner | No | |
| Width | Number spinner | No | Yes | Number spinner | No | |
| 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 | ||
| 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 |
Table Properties (Contextual to table)
| 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 | ||
| Apply table styles command | Command button | Yes | Yes | Command button | Yes | Command buttons as thumbnails within list view |
| Header row | Check box option | No | Yes | Check box option | No | |
| Total row | Check box option | No | Yes | Check box option | No | |
| Banded rows | Check box option | No | Yes | Check box option | No | |
| First column | Check box option | No | Yes | Check box option | No | |
| Last column | Check box option | No | Yes | Check box option | No | |
| Banded columns | Check box option | No | Yes | Check box option | No |
Slide Template Task Pane
| 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 | |
| Expand/collapse Used in This Presentation section command | Command button | Yes | Yes | Command button | Yes | |
| Expand/collapse Recently Used section command | Command button | Yes | Yes | Command button | Yes | |
| Expand/collapse Available for Use section command | Command button | Yes | Yes | Command button | Yes | |
| Apply template command | Command button | Yes | Yes | Command button | Yes |
Animation Effects Task Pane
| 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 | |
| Modify effects group box | Group box | n/a | Yes | Group box | n/a | |
| Add effects command | Command button | No | Yes | Command button | Yes | Text on command button |
| Change effects command | Command button | No | Yes | Command button | Yes | Text on command button |
| Remove effects command | Command button | No | Yes | Command button | Yes | Text on command button |
| Effects group box | Group box | n/a | Yes | Group box | n/a | |
| Start effect | Drop-down | No | Yes | Drop-down | No | |
| Property | Drop-down | No | Yes | Drop-down | No | |
| Edit property | Command button | No | Yes | Command button | No | UI DESIGN REQUIRED: Update this ... text button |
| Speed | Drop-down | No | Yes | Drop-down | No | |
| Animation elements | List view | No | Yes | List view | No | |
| Change order up | Command button | Yes | Yes | Command button | Yes | |
| Change order down | Command button | Yes | Yes | Command button | Yes | |
| Horizontal line | Horizontal line | n/a | Yes | Horizontal line | n/a | |
| Play | Command button | No | Yes | Command button | No | |
| Screen show | Command button | No | Yes | Command button | No | |
| Automatic preview | Check box option | No | Yes | Check box option | No |
Slide Transition Task Pane
| 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 | |
| Apply to selected slides group box | Group box | n/a | Yes | Group box | n/a | |
| Transitions | List box | No | Yes | List | Yes | |
| Modify transitions group box | Group box | n/a | Yes | Group box | n/a | |
| Speed | Drop-down | No | Yes | Drop-down | No | |
| Sound | Drop-down | No | Yes | Drop-down | No | |
| Loop until next sound | Check-box option command | No | Yes | Check-box option command | No | |
| Advance slide group box | Group box | n/a | Yes | Group box | n/a | |
| On mouse click | Radio button option | No | Yes | Radio button option | No | |
| Automatically after | Radio button option | No | Yes | Radio button option | No | |
| Automatically after value | Number spinner control | No | Yes | Number spinner control | No | |
| Horizontal line | Horizontal line | n/a | Yes | Horizontal line | n/a | |
| Apply to all slides | Command button | No | Yes | Command button | No | Textual command button |
| Play | Command button | No | Yes | Command button | No | |
| Screen show | Command button | No | Yes | Command button | No | |
| Horizontal line | Horizontal line | n/a | Yes | Horizontal line | n/a | |
| Automatic preview | Check box option | No | Yes | Check box option | No |
Clipart Content
| 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 |
| 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 | UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design |
| Move pane command | Command button | Yes | No | Yes | Yes | |
| Pointer command | Command option button | Yes | Yes | Command option button | Yes | |
| Navigate first slide command | Command button | Yes | Yes | Command button | Yes | |
| Navigate next slide command | Command button | Yes | Yes | Command button | Yes | |
| Navigate previous slide command | Command button | Yes | Yes | Command button | Yes | |
| Navigate last slide command | Command button | Yes | Yes | Command button | Yes | |
| Drag-mode options | Drop-down | Yes | Yes | Drop-down | Yes | |
| Show shapes options | Drop-down | Yes | Yes | Drop-down | Yes | |
| Document content | Tree list control | Yes | Yes | Tree list control | Yes | validate tree object icons |
| Select document | Drop-down | No | Yes | Drop-down | No |
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
- group box
- horizontal line
- vertical line
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
