Notice: This Wiki is now read only and edits are no longer possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.
Difference between revisions of "E4/CSS/Visual Design"
(→Visual Design Items) |
(→Visual Design Items) |
||
Line 90: | Line 90: | ||
| Need to determine which borders can be removed/controlled easily at platform level. | | Need to determine which borders can be removed/controlled easily at platform level. | ||
| Medium | | Medium | ||
− | | | + | | [[Image:Progress.gif]] Bogdan to provide summary of OS limitations |
|- | |- | ||
| View and editor toolbars | | View and editor toolbars | ||
Line 96: | Line 96: | ||
| | | | ||
| Medium | | Medium | ||
− | | | + | | [[Image:Question.gif]] |
|- | |- | ||
| View and editor visuals | | View and editor visuals | ||
Line 102: | Line 102: | ||
| | | | ||
| Medium | | Medium | ||
− | | | + | | [[Image:Question.gif]] |
|- | |- | ||
| Perspective Switcher | | Perspective Switcher | ||
Line 108: | Line 108: | ||
| | | | ||
| Medium | | Medium | ||
− | | | + | | [[Image:Progress.gif]] Susan to push on default workbench model for SDK and use of perspectives. |
|- | |- | ||
| UI Forms | | UI Forms | ||
Line 114: | Line 114: | ||
| | | | ||
| Medium | | Medium | ||
− | | | + | | [[Image:Progress.gif]] Susan to collect requirements |
|- | |- | ||
| Workbench background | | Workbench background | ||
Line 120: | Line 120: | ||
| ? | | ? | ||
| Low | | Low | ||
− | | | + | | [[Image:Question.gif]] |
|- | |- | ||
| Toolbar | | Toolbar | ||
Line 126: | Line 126: | ||
| Current assumption: limited by platform | | Current assumption: limited by platform | ||
| Low | | Low | ||
− | | | + | | [[Image:Progress.gif]] Bogdan looking at Windows 7, any changes here |
|- | |- | ||
| Menubar | | Menubar | ||
Line 132: | Line 132: | ||
| Current assumption: limited by platform | | Current assumption: limited by platform | ||
| Low | | Low | ||
− | | | + | | [[Image:Progress.gif]] Bogdan looking at Windows 7, any changes here |
|- | |- | ||
| Decorations | | Decorations | ||
Line 138: | Line 138: | ||
| would need new graphics for "exception case" | | would need new graphics for "exception case" | ||
| ? | | ? | ||
− | | | + | | [[Image:Question.gif]] |
|- | |- | ||
| Fades | | Fades | ||
Line 144: | Line 144: | ||
| ? | | ? | ||
| ? | | ? | ||
− | | | + | | [[Image:Question.gif]] |
|-} | |-} |
Revision as of 16:56, 19 October 2009
This page summarizes the investigations into an updated visual design (default stylesheet) for the e4 workbench.
Goals
The goals of this work are:
- design a compelling visual style for e4
- reduce visual noise, focus on the data
- investigate additional breathing space, lessons learned from publishing and web
- sleek/modern
- drive the ability/flexibility of the CSS styling for SWT widgets
- demonstrate the ability to keep a "classic" look and supply alternate designs
- identify the major interaction design issues (workbench model) that might block visual design
Timetable/approach
- October
- Investigate/define implementation constraints
- Bogdan - explore tab shape definition, border control, Windows 7 implications (if any)
- Prioritize visual design areas
- Susan - work within e4 plat UI team to prioritize focus areas for design exploration
- Investigate/define implementation constraints
- November
- Visual design explorations
- Linda - multiple design explorations with limited constraints
- Susan - solicit team response/consensus on alternatives
- Choose a direction by end of November
- Interaction design explorations
- Susan/Eric - work within e4 team to develop default workbench assumptions wrt perspectives, activity-based layouts, role of the editor area
- Visual design explorations
- Dec/Jan/Feb
- Visual design
- Linda/Susan/Bogdan - Iterate (push/pull) on default design
- Susan - project team consensus, communicate to community
- Susan/Bogdan - investigate programmatic reduction of clutter (fades, decorator removal, etc.)
- Bogdan - implementation/evolution of CSS/SWT styling engine, CTabFolder, etc.
- Interaction design
- Eric/Susan (?) - implementation
- Visual design
- March
- EclipseCon goals
- Show the new design
- Show a "classic" stylesheet based on 3.x
- Show radical alternatives to demonstrate CSS flexibility
- EclipseCon goals
- April
- stabilize design
Interaction Design Ideas
- Activity based layouts vs. perspectives (default workbench model)
- Is there still a single editor area now that we can be more flexible?
- "Split editor" interactions
- Today creating a split is same feedback as stack manipulation but it's a different thing
- Toolbar icons for managing split/unsplit (might be useful in "compare" also)