From Apache OpenOffice Wiki
Jump to: navigation, search
Please do not make major edits on this page unless you are on the FLUX UI Team. Your feedback and comments are welcomed in the appropriate sections or on the mailing list.

About the project

FLUX UI, or FLUX User Interface, is a user interface design proposal for OpenOffice.org initially developed by Joshua Martin, Stefan Roeben, and Mikko Lehmitsolo but whose development has grown to be a community effort. Three design principles guide the design's development:

  • The document is the most important UI element.
  • Don't show the user what he/she doesn't need at the moment (context sensitivity).
  • Don't focus on a single UI element (i.e. Ribbon, Menus, Tabs) - use a hybrid of elements so that the information is displayed in the most appropriate way.

Contact Us or Contribute

Anyone is welcome to contribute. Your comments and questions will reach us at either e-mail address, and are more likely to be considered than contacting us individually.

Communication Channel Address Information
  • Contact just the flux group

  • Contact the Renaissance Projects User Experience Group
IRC irc.freenode.net #ux.openoffice.org Weekly meetings are held on Monday morning at 10AM EST (-5:00), though you may be able to find us floating around the channel during other hours.
  • aknoxy
  • josmar52789
Active Members
  • The Brains
  • The Brawn
  • The Beauty

The Concept

Current Image: Writer

A screenshot of the FLUX UI (Last Updated on February 17th 2009)

Additional Images:

Current Image: Impress

A screenshot of the FLUX UI design proposal for project Renaissance (Last Updated on May 12th 2009)
Note that this proposal was designed to be in accordance with submission regulations, and does not fully represent the feature rich version envisioned by the team.

Impress Proposal

The Flux UI team, headed by Joshua Martin, has submitted a design proposal for Impress through the Renaissance Project. Abiding by the guidelines for the proposal, the team was limited in that we could not introduce features not already present, merely architecture/hierarchy/functionality. For complete guidelines please visit The Design Proposal Guidelines Page.

Specific Ideas

Concept Title Image Explanation, please sign your name with "~~~" Comments & Suggestions
Accordian Toolbar Explanation of the Accordian Toolbar
Image-Strip Scrollbar Scrollbar.jpeg

Second Image One up display in the FLUX UI

Third Image One up display in OOo 3.x

Fourth Image Showing the two-up display

For a gimp version of the third/fourth image please contact me.

The image strip scrollbar is a vertical set of thumbnail images positioned to the left of the vertical scrollbar. This image strip allows the user to navigate their document with more precision. Features of the I-S S are;
  • A variable width based on the length of the document.
  • When a certain document length is reached the width of the images makes it useless, and it should collapse to a simple scrollbar.
  • A "window" that mirrors what is visible on screen, and adjusts to show the current zoom state.
  • Right clicking on the window gives immediate access to zoom options
  • An icon to collapse the image strip to a scrollbar, as a means of saving screen real estate or hiding the image-strip for those that prefer a scrollbar.
  • The images in view bar should reflect the zoom setting as well whether it be page width or text width

These features aren't implemented in all of the images. I wanted to show variety. Ak13

What about an effect affecting each page size, such as in mac OS X Dock? In this way, the feature could be accessed whatever the number of pages, window size and zoom level. It could also use more screen space for the selected one. The pages images and the "window" could also appear only after a short pause in drag-and-drop, to assist the user without taking screen space in normal operations.

And what about multi-pages view (e.g. when two pages are displayed on screen?)

Clément Pillias 18:42, 17 February 2009 (UTC)

Tabs Tab styling could be as simple as that which is employed in Firefox or as complex as Chrome. The main functionality that I am referring to is dragging a tab out of the window. This functionality allows the user to compare documents and copy/paste information between the two easily, while offering the organization of tabbed browsing.

When screen real estate is demanding it could be possible for the tabs to condense to an icon of the program. Ak13

Writer: Zoom Slider Zoom Slider GearStick real size.png This concept is from Clément Pillias page on the Zoom Slider. Please visit it for a full description.
Impress: Zoom Slider Zoom slider impress.jpeg Following Clément Pillias' design, the zoom slider for Impress could cover not just page size but the other "view options." Shown in the image are (clockwise)
  • real
  • handout
  • slide sorter
  • notes
  • and outline.

I would expect the graphics design group would want to overhaul these icons, but I thought it was a good start. Ak13

Calc: Transparency / Style Layers The idea is particular to spreadsheet applications. Basically the idea would be to create a transparency (or layer) over the document that can be hidden or shown with ease. This would allow for graphical specific highlighting, not context sensitive. This would also allow different style sheets to be turned on/off to make certain information stand out.


Example Row

Working Color Palette

The current color palette is in the process of being assembled. Possible considerations for the color palette include the User Interface: Visual Design Groups work with the Galaxy Icon Palette.

Proposed Palette 1 - Media:Fluxui-palette-1.svg

Proposed Palette 2 - Light sand, Bright highlight, Coal borders, by Knoxy

Proposed Palette 3 - Dark sand, Light rocks, Bright highlights, by Knoxy

Proposed Palette 4 - Light sand, Dark rocks, Deep highlights, by Knoxy

Proposed Palette 5 - Contrast & Concentration, by Knoxy


Writer Files

  • File:Writer.odg: Original OpenOffice.org Draw file created by Joshua Martin. Includes most of the work throughout the life of FLUX UI.)

Impress Files

External Links

Other User Interface Concepts

Personal tools