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

From Apache OpenOffice Wiki
Jump to: navigation, search
m (Adding new content to AOO UX page)
m (→‎Clipart Content)
 
(5 intermediate revisions by the same user not shown)
Line 15: Line 15:
  
 
[[Image:task_pane_spread_text_cell_selected_properties.png]]  
 
[[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:
  
  
−
===Text Properties (Editting)===
+
===Alignment Properties (cell selected)===
  
−
[[Image:task_pane_spread_text_cell_editting_properties.png]]  
+
[[Image:task_pane_spread_alignment_cell_selected_properties.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 242: Line 367:
  
 
|-
 
|-
−
| Bullets
+
| Align top
−
| Drop-down
+
| Option toggle command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Drop-down
+
| Option toggle command button
−
| Yes
+
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Numbering
+
| Align middle justified
−
| Drop-down
+
| Option toggle command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Drop-down
+
| Option toggle command button
−
| Yes
+
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Background fill
+
| Align bottom
−
| Colour grid picker
+
| Option toggle command button
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Colour grid picker
+
| Option toggle command button
−
| Yes
+
| ???
−
| UI DESIGN REQUIREMENT: adopt Symphony colour picker palette design
+
|  
  
 
|-
 
|-
−
| Increase line spacing
+
| Left indent
−
| Command button
+
| Number spinner
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Command button
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Decrease line spacing
+
| Wrap text
−
| Command button
+
| Check box
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Command button
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Above paragraph spacing
+
| Merge cells
−
| Number spinner
+
| Check box
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Number spinner
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Below paragraph spacing
+
| Text orientation
−
| Number spinner
+
| Custom control
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Number spinner
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Line spacing
+
| Orientation degrees
 
| Drop-down
 
| Drop-down
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Drop-down
+
| ???
−
| Yes
+
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Indent
+
| Vertically stacked
−
| Command button
+
| Check box
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Command button
+
| ???
−
| Yes
+
| ???
 
|  
 
|  
  
 +
|}
 +
 +
 +
===Number Format Properties (cell selected)===
 +
 +
[[Image:task_pane_spread_number_cell_selected_properties.png]]
 +
 +
{| class="wikitable"
 
|-
 
|-
−
| Outdent
+
! LS Task Pane Content
−
| Command button
+
! LS UI Control
−
| Yes
+
! 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
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Switch to hanging indent
+
| Number
−
| Command button
+
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Currency
 +
| Option toggle command button
 
| Yes
 
| Yes
−
| Command button
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
| ???
 +
|  
  
 
|-
 
|-
−
| Before text indent
+
| Date
−
| Number spinner
+
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Text
 +
| Option toggle command button
 
| Yes
 
| Yes
−
| Number spinner
+
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| Decimal places
 +
| Spin Box
 
| No
 
| No
−
| UI DESIGN REQUIREMENT: icon artwork required
+
| ???
 +
| ???
 +
| ???
 +
|
 +
 
  
 
|-
 
|-
−
| After text indent
+
| Leading zeros
−
| Number spinner
+
| Spin Box
−
| Yes
+
−
| Yes
+
−
| Number spinner
+
 
| No
 
| No
−
| UI DESIGN REQUIREMENT: icon artwork required
+
| ???
 +
| ???
 +
| ???
 +
|
  
 
|-
 
|-
−
| First line indent
+
| Negative numbers red
−
| Number spinner
+
| Check box
−
| Yes
+
−
| Yes
+
−
| Number spinner
+
 
| No
 
| No
−
| UI DESIGN REQUIREMENT: icon artwork required
+
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| Thousands separator
 +
| Check box
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
  
 
|}
 
|}
  
  
−
===Alignment Properties (cell selected)===
+
===Cell Appearance Properties (cell selected)===
  
−
[[Image:task_pane_spread_alignment_cell_selected_properties.png]]  
+
[[Image:task_pane_spread_appearance_cell_selected_properties.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 403: Line 600:
  
 
|-
 
|-
−
| Page orientation
+
| Cell background
−
| Drop-down
+
| Colour grid picker
 
| Yes
 
| Yes
−
| Yes
+
| ???
−
| Drop-down
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Margin
+
| Cell boarder
 
| Drop-down
 
| Drop-down
 
| Yes
 
| Yes
−
| Yes
+
| ???
−
| Drop-down
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|  
  
 
|-
 
|-
−
| Page size
+
| Cell Line style
 
| Drop-down
 
| Drop-down
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Cell line
 +
| Colour grid picker
 
| Yes
 
| Yes
−
| Drop-down
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
| ???
 +
|  
  
 
|-
 
|-
−
| Column layout
+
| Show cell grid lines
−
| Drop-down
+
| Check box
−
| Yes
+
| n/a
−
| Yes
+
| ???
−
| Drop-down
+
| ???
−
| No
+
| ???
−
| UI DESIGN REQUIREMENT: icon artwork required
+
|
  
 
|}
 
|}
  
  
−
===Number Format Properties (cell selected)===
+
===Area Properties===
  
−
[[Image:task_pane_spread_number_cell_selected_properties.png]]  
+
[[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
−
| Yes
+
| No
 
| No  
 
| No  
 
| Drop-down  
 
| Drop-down  
Line 512: Line 718:
  
  
−
===Cell Appearance Properties (cell selected)===
 
  
−
[[Image:task_pane_spread_appearance_cell_selected_properties.png]]  
+
===Line Properties===
 +
 
 +
[[Image:task_pane_spread_line_properties.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 601: Line 808:
  
  
−
===Area Properties===
+
===Position and Size Properties (text, line, shape)===
 +
 
 +
[[Image:task_pane_spread_posandsize_textlineshape_properties.png]]
  
−
[[Image:task_pane_spread_area_properties.png]]
 
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 699: Line 907:
  
  
−
===Line Properties===
+
===Position and Size Properties (Graphic)===
  
−
[[Image:task_pane_spread_line_properties.png]]  
+
[[Image:task_pane_spread_posandsize_graphic_properties.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 732: Line 940:
  
 
|-
 
|-
−
| Brightness
+
| Width
 
| Number spinner
 
| Number spinner
 
| No
 
| No
 
| Yes
 
| Yes
 
| Number spinner
 
| Number spinner
−
| Yes
+
| No
 
|  
 
|  
  
 
|-
 
|-
−
| Contrast
+
| Height
 
| Number spinner
 
| Number spinner
 
| No
 
| No
 
| Yes
 
| Yes
 
| Number spinner  
 
| Number spinner  
−
| Yes
+
| No
 
|  
 
|  
  
 
|-
 
|-
−
| Colour mode
+
| Keep ratio
−
| Drop-down
+
| Check box option
 
| No
 
| No
 
| Yes
 
| Yes
−
| Drop-down
+
| Check box option
 
| No
 
| 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
 
 
|  
 
|  
  
Line 806: Line 969:
  
  
 +
===Position and Size Properties (Chart)===
  
−
===Position and Size Properties (text, line, shape)===
+
[[Image:task_pane_spread_posandsize_chart_properties.png]]  
−
 
+
−
[[Image:task_pane_spread_posandsize_textlineshape_properties.png]]  
+
−
 
+
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 841: Line 1,002:
  
 
|-
 
|-
−
| Shape width
+
| Horizontal
 
| Number spinner
 
| Number spinner
 
| No
 
| No
Line 850: Line 1,011:
  
 
|-
 
|-
−
| Shape height
+
| Vertical
 
| Number spinner
 
| Number spinner
 +
| No
 
| Yes
 
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Width
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 +
| No
 +
|
 +
 +
|-
 +
| Height
 +
| Number spinner
 +
| No
 
| Yes
 
| Yes
 
| Number spinner  
 
| Number spinner  
Line 870: Line 1,049:
  
  
 +
===Graphic Properties===
  
−
===Position and Size Properties (Graphic)===
+
[[Image:task_pane_spread_graphic_properties.png]]  
−
 
+
−
[[Image:task_pane_spread_posandsize_graphic_properties.png]]  
+
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 904: Line 1,082:
  
 
|-
 
|-
−
| No wrap
+
| Brightness
−
| Option toggle command button
+
| Number spinner
 +
| No
 
| Yes
 
| Yes
 +
| Number spinner
 
| Yes
 
| Yes
−
| Option toggle command button
+
|  
 +
 
 +
|-
 +
| Contrast
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap after
+
| Colour mode
−
| Option toggle command button
+
| Drop-down
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Drop-down
 +
| No
 +
| Nice LS drop down, with embedded icon
 +
 
 +
|-
 +
| Transparency percentage
 +
| Number spinner
 +
| No
 +
| Yes
 +
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap before
+
| Red percentage
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Page wrap
+
| Green percentage
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap through
+
| Blue percentage
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Optimal wrap
+
| Gamma percentage
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| Number spinner
 
| Yes
 
| Yes
 
|  
 
|  
Line 960: Line 1,156:
  
  
−
===Position and Size Properties (Chart)===
 
  
−
[[Image:task_pane_spread_posandsize_chart_properties.png]]  
+
===Style List Content===
 +
 
 +
[[Image:task_pane_spread_styles.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 975: Line 1,172:
  
 
|-
 
|-
−
| Expand/collapse section control
+
| Collapse tab
−
| Expand/collapse
+
| Command button
 
| Yes
 
| Yes
−
| No
+
|  
 
|
 
|
 
|
 
|
−
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
+
|  
  
 
|-
 
|-
−
| More options command
+
| Style categories
 +
| Drop-down
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| View style group
 +
| Drop-down
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| Styles list
 +
| List view
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| Apply style
 
| 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
+
|  
  
 
|-
 
|-
−
| No wrap
+
| New style
−
| Option toggle command button
+
| Drop-down command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Modify
 +
| Drop-down command button
 
| Yes
 
| Yes
−
| Option toggle command button
+
| ???
 +
| ???
 +
| ???
 +
|
 +
 
 +
|-
 +
| Fill styles
 +
| Command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap after
+
| Load styles
−
| Option toggle command button
+
| Command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|}
 +
 +
 +
===Clipart Content===
 +
 +
[[Image:task_pane_spread_clipart.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
−
| Option toggle command button
+
|  
 +
|
 +
|
 +
|
 +
 
 +
|-
 +
| New clipart theme
 +
| Command button
 
| Yes
 
| Yes
 +
| Yes
 +
| Command button
 +
| No
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap before
+
| Clipart theme list
−
| Option toggle command button
+
| List
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| List
 
| Yes
 
| Yes
 
|  
 
|  
  
 
|-
 
|-
−
| Page wrap
+
| Clipart Gallery
−
| Option toggle command button
+
| List view
 
| Yes
 
| Yes
 
| Yes
 
| Yes
−
| Option toggle command button
+
| 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===
  
−
===Graphic Properties===
+
[[Image:task_pane_spread_navigator.png]]
  
−
[[Image:task_pane_spread_graphic_properties.png]]  
+
 
 +
===Functions Content===
 +
 
 +
[[Image:task_pane_spread_function.png]]  
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 1,046: Line 1,336:
  
 
|-
 
|-
−
| Expand/collapse section control
+
| Collapse tab
−
| Expand/collapse
+
| Command button
 
| Yes
 
| Yes
−
| No
+
|  
 
|
 
|
 
|
 
|
−
| UI DESIGN REQUIRED: need to create property section as part of AOO task pane container design
+
|  
  
 
|-
 
|-
−
| More options command
+
| Insert function
 
| Command button
 
| Command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Display available functions
 +
| Drop-down
 
| No
 
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
 +
 +
|-
 +
| Functions
 +
| List view
 +
| No
 +
| ???
 +
| ???
 +
| ???
 
|
 
|
 +
 +
|-
 +
| Function details
 +
| Text string
 +
| No
 +
| ???
 +
| ???
 +
| ???
 
|
 
|
−
| UI DESIGN REQUIRED: need to create more options command button as part of AOO task pane container design
 
  
 +
|}
 +
 +
 +
===Data Pilot Content===
 +
 +
[[Image:task_pane_spread_task_pilot_properties.png]]
 +
 +
{| class="wikitable"
 
|-
 
|-
−
| No wrap
+
! LS Task Pane Content
−
| Option toggle command button
+
! LS UI Control
−
| Yes
+
! LS Icon
−
| Yes
+
! Command in AOO?
−
| Option toggle command button
+
! AOO UI Control
 +
! AOO Icon
 +
! Notes
 +
 
 +
|-
 +
| Collapse tab
 +
| Command button
 
| Yes
 
| Yes
 +
|
 +
|
 +
|
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap after
+
| Data pilot action
−
| Option toggle command button
+
| Drop-down
−
| Yes
+
−
| Yes
+
−
| Option toggle command button
+
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap before
+
| Field option
−
| Option toggle command button
+
−
| Yes
+
−
| Yes
+
 
| Option toggle command button
 
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Page wrap
+
| Show detail
−
| Option toggle command button
+
−
| Yes
+
−
| Yes
+
 
| Option toggle command button
 
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Wrap through
+
| Ascending order option
−
| Option toggle command button
+
−
| Yes
+
−
| Yes
+
 
| Option toggle command button
 
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
 
|-
 
|-
−
| Optimal wrap
+
| Descending order option
−
| Option toggle command button
+
−
| Yes
+
−
| Yes
+
 
| Option toggle command button
 
| Option toggle command button
 
| Yes
 
| Yes
 +
| ???
 +
| ???
 +
| ???
 
|  
 
|  
  
−
|}
+
|-
 +
| Field
 +
| List view
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
  
 +
|-
 +
| Page area
 +
| List view
 +
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
  
 +
|-
 +
| Column area
 +
| List view
 +
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
  
−
===Style List Content===
+
|-
 +
| Row area
 +
| List view
 +
| Yes
 +
| ???
 +
| ???
 +
| ???
 +
|
  
−
[[Image:task_pane_spread_styles.png]]
+
|-
 +
| Data area
 +
| List view
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
  
 +
|-
 +
| Update
 +
| Command button
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
  
−
===Clipart Content===
+
|-
−
 
+
| Automatically update
−
[[Image:task_pane_spread_clipart.png]]
+
| Check box
 +
| No
 +
| ???
 +
| ???
 +
| ???
 +
|
  
−
 
+
|}
−
===Navigator Content===
+
−
 
+
−
[[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]]
+
  
  
Line 1,158: 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

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)

Task pane spread text cell selected properties.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


Text Properties (Editing)

Task pane spread text cell editting properties.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
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)

Task pane spread alignment cell selected properties.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  ???
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)

Task pane spread number cell selected properties.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
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)

Task pane spread appearance cell selected properties.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
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

Task pane spread area properties.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 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

Task pane spread line properties.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 (text, line, shape)

Task pane spread posandsize textlineshape properties.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
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)

Task pane spread posandsize graphic properties.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
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)

Task pane spread posandsize chart properties.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 No Yes Number spinner No
Keep ratio Check box option No Yes Check box option No


Graphic Properties

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

Task pane spread styles.png

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

Task pane spread clipart.png

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

Navigator Content

Task pane spread navigator.png


Functions Content

Task pane spread function.png

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

Task pane spread task pilot properties.png

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




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