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

From Apache OpenOffice Wiki
Jump to: navigation, search
m (Adding new content to AOO UX page)
m (added)
 
Line 9: Line 9:
  
  
−
<!--
+
===Text Properties Task Pane===
−
===Text Properties (Contextual to text)===
+
  
−
<small>'''Table Legend'''<br />
+
[[Image:task_pane_pres_properties_task_pane.png]]
−
D = Default task pane<br />
+
 
−
A = Available task pane</small>
+
{| 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
 +
| 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===
  
−
[[Image:doc_text_properties.png]]  
+
[[Image:task_pane_pres_slide_layout_properties_section.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
 +
 
 +
|-
 +
| Apply layout command
 +
| Command button
 +
| Yes
 +
| Yes
 +
| Command button
 +
| Yes
 +
| Command button use thumbnail icon
 +
 
 +
|}
 +
 
 +
 
 +
===Text Properties (Contextual to text)===
 +
 
 +
[[Image:task_pane_pres_text_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 54: Line 118:
 
| Drop-down
 
| Drop-down
 
| n/a
 
| n/a
−
| .
+
|  
  
 
|-
 
|-
Line 63: Line 127:
 
| Drop-down
 
| Drop-down
 
| n/a
 
| n/a
−
| .
+
|  
  
 
|-
 
|-
Line 81: Line 145:
 
| Command button
 
| Command button
 
| Yes
 
| Yes
−
| .
+
|  
  
 
|-
 
|-
Line 163: Line 227:
 
| No
 
| No
 
| UI DESIGN REQUIREMENT: icon artwork required
 
| 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?
 
  
 
|}
 
|}
Line 178: Line 233:
 
===Paragraph Properties (Contextual to paragraph)===
 
===Paragraph Properties (Contextual to paragraph)===
  
−
[[Image:task_pane_doc_paragraph_properties.png]]  
+
[[Image:task_pane_pres_paragraph_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 245: Line 300:
  
 
|-
 
|-
−
| Bullets
+
| Align top
−
| Drop-down
+
| Option toggle command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Drop-down
+
| Option toggle command button
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Numbering
+
| 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
 
| Drop-down
 
| Yes
 
| Yes
Line 263: Line 336:
  
 
|-
 
|-
−
| Background fill
+
| Numbering
−
| Colour grid picker
+
| Drop-down
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Colour grid picker
+
| Drop-down
 
| Yes
 
| Yes
−
| UI DESIGN REQUIREMENT: adopt Symphony colour picker palette design
+
|  
  
 
|-
 
|-
Line 342: Line 415:
 
| No
 
| No
 
| UI DESIGN REQUIREMENT: icon artwork required
 
| UI DESIGN REQUIREMENT: icon artwork required
 +
 +
|-
 +
| Vertical line
 +
| Vertical line
 +
| n/a
 +
| Yes
 +
| Vertical line
 +
| n/a
 +
|
  
 
|-
 
|-
Line 367: Line 449:
 
| Yes
 
| Yes
 
| Number spinner
 
| Number spinner
−
| No
 
−
| UI DESIGN REQUIREMENT: icon artwork required
 
−
 
−
|}
 
−
 
−
 
−
===Page Properties (Contextual to page)===
 
−
 
−
[[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
 
| No
 
| UI DESIGN REQUIREMENT: icon artwork required
 
| UI DESIGN REQUIREMENT: icon artwork required
Line 446: Line 457:
 
===Area Properties (Contextual to shape)===
 
===Area Properties (Contextual to shape)===
  
−
[[Image:task_pane_doc_area_properties.png]]  
+
[[Image:task_pane_pres_area_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 517: Line 528:
 
===Line Properties (Contextual to line)===
 
===Line Properties (Contextual to line)===
  
−
[[Image:task_pane_doc_line_properties.png]]  
+
[[Image:task_pane_pres_line_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 606: Line 617:
 
===Position and Size Properties (Contextual to text, lines and shapes)===
 
===Position and Size Properties (Contextual to text, lines and shapes)===
  
−
[[Image:task_pane_doc_position_size_properties.png]]  
+
[[Image:task_pane_pres_positionandsize_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 637: Line 648:
  
 
|-
 
|-
−
| Shape width
+
| Horizontal
 
| Number spinner
 
| Number spinner
 
| No
 
| No
Line 646: Line 657:
  
 
|-
 
|-
−
| Shape height
+
| Vertical
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 
 +
|-
 +
| Width
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 
 +
|-
 +
| Height
 
| Number spinner
 
| Number spinner
 
| Yes
 
| Yes
Line 704: Line 733:
 
===Graphic Properties (Contextual to graphic)===
 
===Graphic Properties (Contextual to graphic)===
  
−
[[Image:task_pane_doc_graphic_properties.png]]  
+
[[Image:task_pane_pres_graphic_properties_section.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 724: Line 753:
 
|
 
|
 
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
 
| 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 810: Line 830:
  
  
−
===Position and Size Properties (Contextual to graphic)===
+
===Table Properties (Contextual to table)===
  
−
[[Image:task_pane_doc_graphic_position_size_properties.png]]  
+
[[Image:task_pane_pres_table_design_properties_section.png]]  
  
  
Line 835: Line 855:
  
 
|-
 
|-
−
| More options command
+
| Apply table styles command
 
| Command button
 
| Command button
 
| Yes
 
| 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
 
| No
 
|
 
|
 +
 +
|-
 +
| Banded rows
 +
| Check box option
 +
| No
 +
| Yes
 +
| Check box option
 +
| No
 
|
 
|
−
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 
  
 
|-
 
|-
−
| Shape width
+
| First column
−
| Number spinner
+
| Check box option
 
| No
 
| No
 
| Yes
 
| Yes
−
| Number spinner
+
| Check box option
 
| No
 
| No
−
|  
+
|
  
 
|-
 
|-
−
| Shape height
+
| Last column
−
| Number spinner
+
| Check box option
−
| Yes
+
| No
 
| Yes
 
| Yes
−
| Number spinner
+
| Check box option
 
| No
 
| No
−
|  
+
|
  
 
|-
 
|-
−
| Keep ratio
+
| Banded columns
 
| Check box option
 
| Check box option
 
| No
 
| No
Line 868: Line 915:
 
| Check box option
 
| Check box option
 
| No
 
| No
 +
|
 +
 +
|}
 +
 +
 +
===Slide Template Task Pane===
 +
 +
[[Image:task_pane_pres_slide_template_task_pane.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
 +
|
 +
 +
|-
 +
| 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
 
|  
 
|  
  
Line 873: Line 991:
  
  
−
===Wrap Properties (Contextual to graphic)===
+
===Animation Effects Task Pane===
  
−
[[Image:task_pane_doc_wrap_properties.png]]  
+
[[Image:task_pane_pres_animation_effects_task_pane.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 888: Line 1,006:
  
 
|-
 
|-
−
| Expand/collapse section control
+
| Expand/collapse task pane control
−
| Expand/collapse
+
| Command button
 +
| Yes
 +
| Yes
 +
| Command button
 +
| Yes
 +
|
 +
 
 +
|-
 +
| Move pane command
 +
| Command button
 
| Yes
 
| Yes
 
| No
 
| No
−
|
+
| Yes
−
|
+
| Yes
−
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
+
|  
  
 
|-
 
|-
−
| More options command
+
| Modify effects group box
 +
| Group box
 +
| n/a
 +
| Yes
 +
| Group box
 +
| n/a
 +
|
 +
 
 +
|-
 +
| Add effects command
 
| Command button
 
| Command button
 +
| No
 
| Yes
 
| Yes
 +
| Command button
 +
| Yes
 +
| Text on command button
 +
 +
|-
 +
| Change effects command
 +
| Command button
 
| No
 
| No
−
|
+
| Yes
−
|
+
| Command button
−
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
+
| Yes
 +
| Text on command button
  
 
|-
 
|-
−
| No wrap
+
| Remove effects command
−
| Option toggle command button
+
| Command button
 +
| No
 
| Yes
 
| Yes
 +
| Command button
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Text on command button
 +
 
 +
|-
 +
| Effects group box
 +
| Group box
 +
| n/a
 
| Yes
 
| Yes
 +
| Group box
 +
| n/a
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap after
+
| Start effect
−
| Option toggle command button
+
| Drop-down
 +
| No
 
| Yes
 
| Yes
 +
| Drop-down
 +
| No
 +
|
 +
 +
|-
 +
| Property
 +
| Drop-down
 +
| No
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Drop-down
−
| Yes
+
| No
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap before
+
| Edit property
−
| Option toggle command button
+
| Command button
 +
| No
 
| Yes
 
| Yes
 +
| Command button
 +
| No
 +
| UI DESIGN REQUIRED: Update this ... text button
 +
 +
|-
 +
| Speed
 +
| Drop-down
 +
| No
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Drop-down
 +
| No
 +
|
 +
 
 +
|-
 +
| Animation elements
 +
| List view
 +
| No
 
| Yes
 
| Yes
 +
| List view
 +
| No
 
|  
 
|  
  
 
|-
 
|-
−
| Page wrap
+
| Change order up
−
| Option toggle command button
+
| Command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Command button
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap through
+
| Change order down
−
| Option toggle command button
+
| Command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Command button
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Optimal wrap
+
| Horizontal line
−
| Option toggle command button
+
| Horizontal line
 +
| n/a
 
| Yes
 
| Yes
 +
| Horizontal line
 +
| n/a
 +
|
 +
 +
|-
 +
| Play
 +
| Command button
 +
| No
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Command button
 +
| No
 +
|
 +
 
 +
|-
 +
| Screen show
 +
| Command button
 +
| No
 
| Yes
 
| Yes
 +
| Command button
 +
| No
 +
|
 +
 +
|-
 +
| Automatic preview
 +
| Check box option
 +
| No
 +
| Yes
 +
| Check box option
 +
| No
 
|  
 
|  
  
 
|}
 
|}
  
 +
===Slide Transition Task Pane===
  
 +
[[Image:task_pane_pres_slide_transition_task_pane.png]]
  
−
===Style List Content===
+
{| class="wikitable"
 +
|-
 +
! LS Task Pane Content
 +
! LS UI Control
 +
! LS Icon
 +
! Command in AOO?
 +
! AOO UI Control
 +
! AOO Icon
 +
! Notes
  
−
[[Image:task_pane_doc_style.png]]
+
|-
 +
| 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===
 
===Clipart Content===
  
−
[[Image:task_pane_doc_clipart.png]]  
+
[[Image:task_pane_pres_clipart_task_pane.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_pres_navigator_task_pane.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
 +
| 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
 +
|
 +
 
 +
|}
  
  
Line 991: Line 1,549:
 
* tree control
 
* tree control
 
* hyperlink
 
* hyperlink
 +
* group box
 +
* horizontal line
 +
* vertical line
  
 
===Custom Controls===
 
===Custom Controls===
Line 999: Line 1,560:
 
* clipart thumbnails
 
* clipart thumbnails
  
−
-->
+
 
 
<br>
 
<br>
 
<br>  
 
<br>  
  
 
[[Category:UX]]
 
[[Category:UX]]

Latest revision as of 07:11, 26 November 2012

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


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

Task pane pres properties task pane.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 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

Task pane pres slide layout properties section.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
Apply layout command Command button Yes Yes Command button Yes Command button use thumbnail icon


Text Properties (Contextual to text)

Task pane pres text properties section.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


Paragraph Properties (Contextual to paragraph)

Task pane pres paragraph properties section.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
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)

Task pane pres area properties section.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 pres line properties section.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 pres positionandsize properties section.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
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)

Task pane pres graphic properties section.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


Table Properties (Contextual to table)

Task pane pres table design properties section.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
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

Task pane pres slide template task pane.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
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

Task pane pres animation effects task pane.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
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

Task pane pres slide transition task pane.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
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

Task pane pres clipart task pane.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 pres navigator task pane.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 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




Retrieved from "https://wiki.openoffice.org/w/index.php?title=AOO_UX_Design_Exploration_-_Presentation_Editor_Task_Pane_Content_-_User_Interface_Design&oldid=212926"
Personal tools