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 (→Clipart Content) |
||
(6 intermediate revisions by the same user not shown) | |||
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" | ||
+ | |- | ||
+ | ! 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 | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===Text Properties (Editing)=== | ||
+ | |||
+ | [[Image:task_pane_spread_text_cell_editting_properties.png]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 173: | Line 298: | ||
− | === | + | ===Alignment Properties (cell selected)=== |
− | [[Image: | + | [[Image:task_pane_spread_alignment_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 242: | Line 367: | ||
|- | |- | ||
− | | | + | | Align top |
− | | | + | | Option toggle command button |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | Option toggle command button |
− | | | + | | ??? |
| | | | ||
|- | |- | ||
− | | | + | | Align middle justified |
− | | | + | | Option toggle command button |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | Option toggle command button |
− | | | + | | ??? |
| | | | ||
|- | |- | ||
− | | | + | | Align bottom |
− | | | + | | Option toggle command button |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | Option toggle command button |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Left indent |
− | | | + | | Number spinner |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Wrap text |
− | | | + | | Check box |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Merge cells |
− | | | + | | Check box |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Text orientation |
− | | | + | | Custom control |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Orientation degrees |
| Drop-down | | Drop-down | ||
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
| | | | ||
|- | |- | ||
− | | | + | | Vertically stacked |
− | | | + | | Check box |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
| | | | ||
+ | |} | ||
+ | |||
+ | |||
+ | ===Number Format Properties (cell selected)=== | ||
+ | |||
+ | [[Image:task_pane_spread_number_cell_selected_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 | | Yes | ||
+ | | No | ||
+ | | | ||
+ | | | ||
+ | | UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design | ||
+ | |||
+ | |- | ||
+ | | More options command | ||
| Command button | | Command button | ||
| Yes | | Yes | ||
+ | | No | ||
+ | | | ||
+ | | | ||
+ | | UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design | ||
+ | |||
+ | |- | ||
+ | | Category | ||
+ | | Drop-down | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
|- | |- | ||
− | | | + | | Number |
− | | | + | | Option toggle command button |
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Currency | ||
+ | | Option toggle command button | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
+ | | | ||
|- | |- | ||
− | | | + | | Date |
− | | | + | | Option toggle command button |
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Text | ||
+ | | Option toggle command button | ||
| Yes | | Yes | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Decimal places | ||
+ | | Spin Box | ||
| No | | No | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
|- | |- | ||
− | | | + | | Leading zeros |
− | | | + | | Spin Box |
− | + | ||
− | + | ||
− | + | ||
| No | | No | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
|- | |- | ||
− | | | + | | Negative numbers red |
− | | | + | | Check box |
− | + | ||
− | + | ||
− | + | ||
| No | | No | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Thousands separator | ||
+ | | Check box | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
|} | |} | ||
− | === | + | ===Cell Appearance Properties (cell selected)=== |
− | [[Image: | + | [[Image:task_pane_spread_appearance_cell_selected_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 403: | Line 600: | ||
|- | |- | ||
− | | | + | | Cell background |
− | | | + | | Colour grid picker |
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Cell boarder |
| Drop-down | | Drop-down | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|- | |- | ||
− | | | + | | Cell Line style |
| Drop-down | | Drop-down | ||
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Cell line | ||
+ | | Colour grid picker | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
+ | | | ||
|- | |- | ||
− | | | + | | Show cell grid lines |
− | | | + | | Check box |
− | | | + | | n/a |
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | |
|} | |} | ||
− | ===Area Properties | + | ===Area Properties=== |
− | [[Image: | + | [[Image:task_pane_spread_area_properties.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 476: | Line 682: | ||
| Area fill scope | | Area fill scope | ||
| Drop-down | | Drop-down | ||
− | | | + | | No |
| No | | No | ||
| Drop-down | | Drop-down | ||
Line 512: | Line 718: | ||
− | |||
− | [[Image: | + | ===Line Properties=== |
+ | |||
+ | [[Image:task_pane_spread_line_properties.png]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 601: | Line 808: | ||
− | ===Position and Size Properties ( | + | ===Position and Size Properties (text, line, shape)=== |
+ | |||
+ | [[Image:task_pane_spread_posandsize_textlineshape_properties.png]] | ||
− | |||
{| class="wikitable" | {| class="wikitable" | ||
Line 699: | Line 907: | ||
− | === | + | ===Position and Size Properties (Graphic)=== |
− | [[Image: | + | [[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 | ||
+ | |||
+ | |- | ||
+ | | Width | ||
+ | | Number spinner | ||
+ | | No | ||
+ | | Yes | ||
+ | | Number spinner | ||
+ | | No | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Height | ||
+ | | Number spinner | ||
+ | | No | ||
+ | | Yes | ||
+ | | Number spinner | ||
+ | | No | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Keep ratio | ||
+ | | Check box option | ||
+ | | No | ||
+ | | Yes | ||
+ | | Check box option | ||
+ | | No | ||
+ | | | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===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 | ||
+ | |||
+ | |- | ||
+ | | 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 | ||
+ | | No | ||
+ | | Yes | ||
+ | | Number spinner | ||
+ | | No | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Keep ratio | ||
+ | | Check box option | ||
+ | | No | ||
+ | | Yes | ||
+ | | Check box option | ||
+ | | No | ||
+ | | | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===Graphic Properties=== | ||
+ | |||
+ | [[Image:task_pane_spread_graphic_properties.png]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 752: | Line 1,102: | ||
| Colour mode | | Colour mode | ||
| Drop-down | | Drop-down | ||
− | | | + | | Yes |
| Yes | | Yes | ||
| Drop-down | | Drop-down | ||
| No | | No | ||
− | | Nice | + | | Nice LS drop down, with embedded icon |
|- | |- | ||
Line 807: | Line 1,157: | ||
− | === | + | ===Style List Content=== |
− | + | ||
− | + | ||
+ | [[Image:task_pane_spread_styles.png]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 823: | Line 1,172: | ||
|- | |- | ||
− | | | + | | Collapse tab |
− | | | + | | Command button |
| Yes | | Yes | ||
− | | | + | | |
| | | | ||
| | | | ||
− | | | + | | |
|- | |- | ||
− | | | + | | Style categories |
− | | | + | | Drop-down |
− | + | ||
| No | | No | ||
− | | | + | | ??? |
− | | | + | | ??? |
− | | | + | | ??? |
+ | | | ||
|- | |- | ||
− | | | + | | View style group |
− | | | + | | Drop-down |
| No | | No | ||
− | | | + | | ??? |
− | | | + | | ??? |
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Styles list | ||
+ | | List view | ||
| No | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
|- | |- | ||
− | | | + | | Apply style |
− | | | + | | Command button |
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | New style | ||
+ | | Drop-down command button | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
+ | | ??? | ||
| | | | ||
|- | |- | ||
− | | | + | | Modify |
− | | | + | | Drop-down command button |
− | + | ||
| Yes | | Yes | ||
− | | | + | | ??? |
− | | | + | | ??? |
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Fill styles | ||
+ | | Command button | ||
+ | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Load styles | ||
+ | | Command button | ||
+ | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
Line 870: | Line 1,255: | ||
− | === | + | ===Clipart Content=== |
− | [[Image: | + | [[Image:task_pane_spread_clipart.png]] |
{| class="wikitable" | {| class="wikitable" | ||
Line 885: | Line 1,270: | ||
|- | |- | ||
− | | | + | | Collapse tab |
− | | | + | | Command button |
| Yes | | Yes | ||
− | | | + | | |
| | | | ||
| | | | ||
− | | | + | | |
|- | |- | ||
− | | | + | | New clipart theme |
| Command button | | Command button | ||
| Yes | | Yes | ||
+ | | Yes | ||
+ | | Command button | ||
| No | | No | ||
− | | | + | | |
− | + | ||
− | + | ||
|- | |- | ||
− | | | + | | Clipart theme list |
− | | | + | | List |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | List |
| Yes | | Yes | ||
| | | | ||
|- | |- | ||
− | | | + | | Clipart Gallery |
− | | | + | | List view |
| Yes | | Yes | ||
| Yes | | Yes | ||
− | | | + | | List view |
| Yes | | 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=== | ||
+ | |||
+ | [[Image:task_pane_spread_navigator.png]] | ||
+ | |||
+ | |||
+ | ===Functions Content=== | ||
+ | |||
+ | [[Image:task_pane_spread_function.png]] | ||
+ | |||
+ | {| class="wikitable" | ||
|- | |- | ||
− | | | + | ! LS Task Pane Content |
− | | | + | ! LS UI Control |
+ | ! LS Icon | ||
+ | ! Command in AOO? | ||
+ | ! AOO UI Control | ||
+ | ! AOO Icon | ||
+ | ! Notes | ||
+ | |||
+ | |- | ||
+ | | Collapse tab | ||
+ | | Command button | ||
| Yes | | Yes | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Insert function | ||
+ | | Command button | ||
| Yes | | Yes | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Display available functions | ||
+ | | Drop-down | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Functions | ||
+ | | List view | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Function details | ||
+ | | Text string | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | ===Data Pilot Content=== | ||
+ | |||
+ | [[Image:task_pane_spread_task_pilot_properties.png]] | ||
+ | |||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! LS Task Pane Content | ||
+ | ! LS UI Control | ||
+ | ! LS Icon | ||
+ | ! Command in AOO? | ||
+ | ! AOO UI Control | ||
+ | ! AOO Icon | ||
+ | ! Notes | ||
+ | |||
+ | |- | ||
+ | | Collapse tab | ||
+ | | Command button | ||
| Yes | | Yes | ||
+ | | | ||
+ | | | ||
+ | | | ||
| | | | ||
|- | |- | ||
− | | | + | | Data pilot action |
− | | | + | | Drop-down |
− | + | ||
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Field option | ||
| Option toggle command button | | Option toggle command button | ||
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
|- | |- | ||
− | | | + | | Show detail |
| Option toggle command button | | Option toggle command button | ||
| Yes | | Yes | ||
− | | | + | | ??? |
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |||
+ | |- | ||
+ | | Ascending order option | ||
| Option toggle command button | | Option toggle command button | ||
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
|- | |- | ||
− | | | + | | Descending order option |
− | + | ||
− | + | ||
− | + | ||
| Option toggle command button | | Option toggle command button | ||
| Yes | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
| | | | ||
− | | | + | |- |
+ | | Field | ||
+ | | List view | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |- | ||
+ | | Page area | ||
+ | | List view | ||
+ | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |- | ||
+ | | Column area | ||
+ | | List view | ||
+ | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
− | + | |- | |
+ | | Row area | ||
+ | | List view | ||
+ | | Yes | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
− | + | |- | |
+ | | Data area | ||
+ | | List view | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
+ | |- | ||
+ | | Update | ||
+ | | Command button | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
− | + | |- | |
+ | | Automatically update | ||
+ | | Check box | ||
+ | | No | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | ??? | ||
+ | | | ||
− | + | |} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 987: | Line 1,529: | ||
* list control | * list control | ||
* tree control | * tree control | ||
− | * hyperlink | + | * hyperlink command |
+ | * text strings | ||
===Custom Controls=== | ===Custom Controls=== |
Latest revision as of 06:08, 26 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 (Editing)
- 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 |
Text Properties (Editing)
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? |
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 | ||
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 | ??? | |
Align middle justified | Option toggle command button | Yes | Yes | Option toggle command button | ??? | |
Align bottom | Option toggle command button | Yes | Yes | Option toggle command button | ??? | |
Left indent | Number spinner | Yes | Yes | ??? | ??? | |
Wrap text | Check box | Yes | Yes | ??? | ??? | |
Merge cells | Check box | Yes | Yes | ??? | ??? | |
Text orientation | Custom control | Yes | Yes | ??? | ??? | |
Orientation degrees | Drop-down | Yes | Yes | ??? | ??? | |
Vertically stacked | Check box | Yes | Yes | ??? | ??? |
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 | ||
Category | Drop-down | No | ??? | ??? | ??? | |
Number | Option toggle command button | Yes | ??? | ??? | ??? | |
Currency | Option toggle command button | Yes | ??? | ??? | ??? | |
Date | Option toggle command button | Yes | ??? | ??? | ??? | |
Text | Option toggle command button | Yes | ??? | ??? | ??? | |
Decimal places | Spin Box | No | ??? | ??? | ??? |
|
Leading zeros | Spin Box | No | ??? | ??? | ??? | |
Negative numbers red | Check box | No | ??? | ??? | ??? | |
Thousands separator | Check box | No | ??? | ??? | ??? |
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 | ||
Cell background | Colour grid picker | Yes | ??? | ??? | ??? | |
Cell boarder | Drop-down | Yes | ??? | ??? | ??? | |
Cell Line style | Drop-down | Yes | ??? | ??? | ??? | |
Cell line | Colour grid picker | Yes | ??? | ??? | ??? | |
Show cell grid lines | Check box | n/a | ??? | ??? | ??? |
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 | ||
Area fill scope | Drop-down | No | 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
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 (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 | |
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 |
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 | ||
Width | Number spinner | No | Yes | Number spinner | No | |
Height | Number spinner | No | Yes | Number spinner | No | |
Keep ratio | Check box option | No | Yes | Check box option | No |
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 | ||
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 | No | Yes | Number spinner | No | |
Keep ratio | Check box option | No | Yes | Check box option | No |
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 | ||
Brightness | Number spinner | No | Yes | Number spinner | Yes | |
Contrast | Number spinner | No | Yes | Number spinner | Yes | |
Colour mode | Drop-down | Yes | Yes | Drop-down | No | Nice LS 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 |
Style List Content
LS Task Pane Content | LS UI Control | LS Icon | Command in AOO? | AOO UI Control | AOO Icon | Notes |
---|---|---|---|---|---|---|
Collapse tab | Command button | Yes | ||||
Style categories | Drop-down | No | ??? | ??? | ??? | |
View style group | Drop-down | No | ??? | ??? | ??? | |
Styles list | List view | No | ??? | ??? | ??? | |
Apply style | Command button | Yes | ??? | ??? | ??? | |
New style | Drop-down command button | Yes | ??? | ??? | ??? | |
Modify | Drop-down command button | Yes | ??? | ??? | ??? | |
Fill styles | Command button | Yes | ??? | ??? | ??? | |
Load styles | Command button | Yes | ??? | ??? | ??? |
Clipart Content
LS Task Pane Content | LS UI Control | LS Icon | Command in AOO? | AOO UI Control | AOO Icon | Notes |
---|---|---|---|---|---|---|
Collapse tab | Command button | 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 |
Functions Content
LS Task Pane Content | LS UI Control | LS Icon | Command in AOO? | AOO UI Control | AOO Icon | Notes |
---|---|---|---|---|---|---|
Collapse tab | Command button | Yes | ||||
Insert function | Command button | Yes | ??? | ??? | ??? | |
Display available functions | Drop-down | No | ??? | ??? | ??? | |
Functions | List view | No | ??? | ??? | ??? | |
Function details | Text string | No | ??? | ??? | ??? |
Data Pilot Content
LS Task Pane Content | LS UI Control | LS Icon | Command in AOO? | AOO UI Control | AOO Icon | Notes |
---|---|---|---|---|---|---|
Collapse tab | Command button | Yes | ||||
Data pilot action | Drop-down | Yes | ??? | ??? | ??? | |
Field option | Option toggle command button | Yes | ??? | ??? | ??? | |
Show detail | Option toggle command button | Yes | ??? | ??? | ??? | |
Ascending order option | Option toggle command button | Yes | ??? | ??? | ??? | |
Descending order option | Option toggle command button | Yes | ??? | ??? | ??? | |
Field | List view | No | ??? | ??? | ??? | |
Page area | List view | Yes | ??? | ??? | ??? | |
Column area | List view | Yes | ??? | ??? | ??? | |
Row area | List view | Yes | ??? | ??? | ??? | |
Data area | List view | No | ??? | ??? | ??? | |
Update | Command button | No | ??? | ??? | ??? | |
Automatically update | Check box | 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 command
- text strings
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