Difference between revisions of "AOO UX Design Exploration - Spreadhseet Editor Task Pane Content - User Interface Design"
From Apache OpenOffice Wiki
(Adding new content to AOO UX page) |
m (Adding new content to AOO UX page) |
||
Line 7: | Line 7: | ||
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. | ||
− | ===Text Properties === | + | ===Text Properties (cell selected) === |
<!-- <small>'''Table Legend'''<br /> | <!-- <small>'''Table Legend'''<br /> | ||
Line 14: | Line 14: | ||
--> | --> | ||
− | [[Image: | + | [[Image:task_pane_spread_text_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 173: | Line 173: | ||
− | === | + | ===Text Properties (Editting)=== |
− | [[Image: | + | [[Image:task_pane_spread_text_cell_editting_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 370: | Line 370: | ||
− | === | + | ===Alignment Properties (cell selected)=== |
− | [[Image: | + | [[Image:task_pane_spread_alignment_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 441: | Line 441: | ||
− | === | + | ===Number Format Properties (cell selected)=== |
− | [[Image: | + | [[Image:task_pane_spread_number_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 512: | Line 512: | ||
− | === | + | ===Cell Appearance Properties (cell selected)=== |
− | [[Image: | + | [[Image:task_pane_spread_appearance_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 601: | Line 601: | ||
− | === | + | ===Area Properties=== |
− | [[Image: | + | [[Image:task_pane_spread_area_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 699: | Line 699: | ||
− | === | + | ===Line Properties=== |
− | [[Image: | + | [[Image:task_pane_spread_line_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 807: | Line 807: | ||
− | ===Position and Size Properties ( | + | ===Position and Size Properties (text, line, shape)=== |
− | [[Image: | + | [[Image:task_pane_spread_posandsize_textlineshape_properties.png]] |
Line 870: | Line 870: | ||
− | |||
− | [[Image: | + | ===Position and Size Properties (Graphic)=== |
+ | |||
+ | [[Image:task_pane_spread_posandsize_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 | ||
+ | |||
+ | |- | ||
+ | | 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 | ||
+ | | | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===Position and Size Properties (Chart)=== | ||
+ | |||
+ | [[Image:task_pane_spread_posandsize_chart_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 | ||
+ | | | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===Graphic Properties=== | ||
+ | |||
+ | [[Image:task_pane_spread_graphic_properties.png]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 962: | Line 1,123: | ||
===Style List Content=== | ===Style List Content=== | ||
− | [[Image: | + | [[Image:task_pane_spread_styles.png]] |
===Clipart Content=== | ===Clipart Content=== | ||
− | [[Image: | + | [[Image:task_pane_spread_clipart.png]] |
===Navigator Content=== | ===Navigator Content=== | ||
− | [[Image: | + | [[Image:task_pane_spread_navigator.png]] |
+ | |||
+ | |||
+ | ===Functions Content=== | ||
+ | |||
+ | [[Image:task_pane_spread_function.png]] | ||
+ | |||
+ | |||
+ | ===Data Pilot Content=== | ||
+ | |||
+ | [[Image:task_pane_spread_task_pilot_properties.png]] | ||
Revision as of 03:49, 21 November 2012
< AOO User Experience Home | < AOO 4.0 Dockable Task Pane (Side Bar) Design Exploration
Contents
- 1 Spreadsheet Editor Task Pane Content
- 1.1 Information Design Analysis
- 1.1.1 Text Properties (cell selected)
- 1.1.2 Text Properties (Editting)
- 1.1.3 Alignment Properties (cell selected)
- 1.1.4 Number Format Properties (cell selected)
- 1.1.5 Cell Appearance Properties (cell selected)
- 1.1.6 Area Properties
- 1.1.7 Line Properties
- 1.1.8 Position and Size Properties (text, line, shape)
- 1.1.9 Position and Size Properties (Graphic)
- 1.1.10 Position and Size Properties (Chart)
- 1.1.11 Graphic Properties
- 1.1.12 Style List Content
- 1.1.13 Clipart Content
- 1.1.14 Navigator Content
- 1.1.15 Functions Content
- 1.1.16 Data Pilot Content
- 1.2 User Interface Control Analysis
- 1.1 Information Design Analysis
Spreadsheet 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 (cell selected)
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? |
Text Properties (Editting)
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 |
Alignment Properties (cell selected)
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 |
Number Format Properties (cell selected)
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 |
Cell Appearance Properties (cell selected)
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. |
Area 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 | ||
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 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 | ||
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 (text, line, 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 | ||
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 |
Position and Size Properties (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 |
Position and Size Properties (Chart)
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 |
Graphic 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 | ||
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
Functions Content
Data Pilot 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