Difference between revisions of "AOO UX Design Exploration - Task Pane Content Panel - User Interface Design Proposals"

From Apache OpenOffice Wiki
Jump to: navigation, search
(Task Pane Content Panel - UX Design propoals)
(Task Pane Content Panel - UX Design propoals)
Line 27: Line 27:
 
| [[File:AOO 40 Sidebar Option 3.png]]
 
| [[File:AOO 40 Sidebar Option 3.png]]
 
|-
 
|-
| Proposal B
+
| Proposal B. Simple Line as spliter
 
| [[File:AOO 40 Sidebar Option 4.png]]
 
| [[File:AOO 40 Sidebar Option 4.png]]
 
| [[File:AOO 40 Sidebar Option 5.png]]
 
| [[File:AOO 40 Sidebar Option 5.png]]
 
| [[File:AOO 40 Sidebar Option 6.png]]
 
| [[File:AOO 40 Sidebar Option 6.png]]
 
|-
 
|-
| Proposal C
+
| Proposal C. Emboss effect
 
| [[File:AOO 40 Sidebar Option 7.png]]
 
| [[File:AOO 40 Sidebar Option 7.png]]
 
| [[File:AOO 40 Sidebar Option 8.png]]
 
| [[File:AOO 40 Sidebar Option 8.png]]
 
| [[File:AOO 40 Sidebar Option 9.png]]
 
| [[File:AOO 40 Sidebar Option 9.png]]
 
|}
 
|}

Revision as of 07:02, 18 December 2012

Task Pane Content Panel - UX Design propoals

For frame work part, use flat tab option to replace accordion effect.
For content part, use AOO icons replace Symphony icons. Create 3 proposals to show the status of ‘Unfolded/Folded’ in Content Panels, and also created 3 proposals for Content panel layouts:

‘Unfolded/folded’ of Content Panel:
Proposal 1. Grey Title + Grey Panel
Proposal 2. Grey Title + White Panel
Proposal 3. Dark Grey Title + White Panel(Consistent with current AOO definitions)

Content panel layouts:
Proposal A. Gradient Color Background
Proposal B. Simple Line as spliter
Proposal C. Emboss effect

To combine these proposals, totally we have 9 options for Content Panel.

Sidebar Options Proposal 1. Grey Title + Grey Panel Proposal 2. Grey Title + White Panel Proposal 3. Dark Grey Title + White Panel
Proposal A. Gradient Color Background AOO 40 Sidebar Option 1.png AOO 40 Sidebar Option 2.png AOO 40 Sidebar Option 3.png
Proposal B. Simple Line as spliter AOO 40 Sidebar Option 4.png AOO 40 Sidebar Option 5.png AOO 40 Sidebar Option 6.png
Proposal C. Emboss effect AOO 40 Sidebar Option 7.png AOO 40 Sidebar Option 8.png AOO 40 Sidebar Option 9.png
Personal tools