Proposal by Cinly Ooi
|Please do not edit this page unless you are the original author. Your feedback and comments are welcome in the Comments section below or on the firstname.lastname@example.org mailing list.|
Design Proposal "Control Panel and More"
- 1 Design Proposal "Control Panel and More"
- 1.1 Summary and Status
- 1.2 Mockup
- 1.3 Detailed Description
- 1.3.1 Pallette
- 18.104.22.168 Organization
- 22.214.171.124 What happens if you have tools that you are going to click on very frequently?
- 126.96.36.199 Creating new pallette | Editing the pallette
- 188.8.131.52 Example Pallettes
- 184.108.40.206 Future Possibilities
- 1.3.2 Slide Edit Area
- 1.3.1 Pallette
- 1.4 Slide Sorter View
- 1.5 Combined View
- 1.6 Presentation Control Panel
- 1.7 Master/Template creation
- 1.8 Outline View
- 1.9 Other use of Impress
- 1.10 My view on the future of Office Application and how OOo UI can help (off topic)
- 1.11 Author or Team Working on This Proposal
- 1.12 Comments
Summary and Status
Status: Proposal Complete
The ultimate aim is to make it so easy and effortless to create impressive presentation that users choose to create presentation from scratch, starting from blank slides instead of choosing an existing template or theme.
This proposal contains the following:
- A pallette system to organized tools. This system replaces toolbars and dialog windows. Tools are collected into pallettes. Palletes are organized to provide all the tools needed for a specific tasks. At any time, the proposal envisage that only at most two pallettes are open thus reducing clutter. Crucially, pallettes provide more freedom in displaying tools. It is proposed that the pallettes are placed at locations where there is naturally space that are not used by the slides on the screen.
- A New "Combined" view where all three components of the presentation, i.e., slides, notes and handout can be viewed on one screen
- Modification to
- Slide Sorter View
- Outline View
- Presentation Control Panel that supply tools/information to the presenter
- a Master Edit Mode that helps users modify the presentation master.
- Better use of OOo's plugin system, e.g. to share and extends palletes.
This proposal does not proposed any groundbreaking changes. It aggregates good ideas seen in other applications, especially Lotus Symphony and Apple iWork's Keynote. However, there is enough innovation that the proposal is not merely an aggregation plus incremental innovation.
I admit that there are tools listed here that are not currently in Impress. I ask that readers treat them as an indication of the potential of this proposal and where appropriate, the potential of OOo Impress.
I believe the system proposed here is also applicable to other OOo applications such as Write and Draw.
Please add your main “wireframe” mockup. For example: A mockup which shows the functionality for adding a slide in Impress.
The main aim is to provide as much space for slide editing area. This is achieved by exploiting the fact that most projectors are still using 4:3 ratio while monitors are increasingly using 16:9 ratio. The result? If you display the full slide as large as possible on the monitor, there is less space on the top and bottom of the slides, but there are more space at both the left and right. As such, most of the tools should be placed at the left and right side of the slides.
Users expect some items, such as menu bar and tool bar and status bar to be at the top and bottom of the slides. It is necessary to make sure we maintain this expectation. However, the area devoted to them should be kept as small as possible. Normally, one tries to display the slides at full resolution to faithfully mimic the presentation that the audience see. Luckily, the fact that projectors are generally at lower resolution than monitor means we do have some space to squeeze them in.
Like the current system, but makes item that users access frequently (open/save/cut/copy/preview) and do not fit naturally into the pallette system (page setup, page properties and statistics) easily accessible, i.e., at most three clicks.
The menu bar will list all the tools available, together with keyboard shortcuts for them. The keyboard shortcut should be designed to complement the mouse. It should be chosen such that it is possible to invoke keyboard shortcut with one hand only, e.g. (left) Ctrl + T, (right) Ctrl + P and not (European keybaord) 'Alt Grp' + 1 as it is difficult to stretch one's hand. The idea is the user need not let go of the mouse to operate the keyboard. The reference way working should be one hand on keyboard, another on the mouse, i.e., the way Computer-aided-design folks were once trained to do.
Preference is for old-fashion icon and tooltip, instead of the modern, larger icon+text version. The reasoning is users already know how open/save/print/zoom/cut/paste looks like, so there is no need for text. Smaller icon means less space, giving more space to slide editing area.
It is also recommended that only one row of toolbar is provided.
Pallette panes are designed to hold pallettes. Each pallette pane can hold an unlimited number of pallettes. There is no distinction made between pallete panes. All pallette panes contain all the pallettes.
It is envisage that pallette panes are normally attached to the sides of the Slide Edit Area. Pallette pane can be detached and used as a floating window.
It is envisaged that most of the time, there will only be two pallette pane shown, i.e., at the left and right edges of the Slide Editing Area. Both panes should be open at all time. However, for smaller screen, the pallette can be reduced to just a thin line, and expanded to its full size when the mouse pointer hover on the thin line.
Slide Edit Area
It is the aim of this proposal to give it as much space as possible.
Each view is a tab. There are four tabs for four different views: Slide, Note, Handout and Combined view. In Combined view, all three Slide/Note/Handout will be display side-by-side.
A toggle button named "master" is located at the right of the tabs. When toggled, the master for the selected view will be presented for editing.
After the Slide Edit Area, pallette is where the user spend the most time interacting with. It contains everything the user needs.
The Pallette is a collection of tools/information objects.
Pallete offers the following advantages over toolbars:
- The useable area for presenting tools is larger in pallete
- Pallette can contain information object, toolbars generally do not
- It offers more flexibility in presenting the tools. For example, there is little to no expectation of the size of the tools.
Pallette is organized by task. In other words, tools that the user requires or is likely to use for a particular task will be organized into a pallette. A single tool can be found in multiple pallettes. The way the tool is presented in the pallettes need not be the same.
Inside each pallette, tools are organized into their logical groups.
Group can be minimized to make more screen area available for other groups. They can also be resized. But unless they are put into "Pallette design" mode, you cannot change the order of the group, or move individual tools around inside the group.
What happens if you have tools that you are going to click on very frequently?
Normally, when editing a slide, there are short period of activity where a few tools will be selected and used very frequently. Moving the mouse to and from pallette is too time consuming and troublesome.
For these situation, the user will drag a group from the pallette and placed it near where it is needed.
Note that dragging a group do not actually detached the group from the pallette, but simply clone the group and put it in a "floating" window. When done, user simply throw away the floating window.
This system is meant to temporary put the tools you need near where you need it. It is not meant to be a replacement/alternative to the pallette system.
Creating new pallette | Editing the pallette
Advanced user can choose to create pallettes or edit existing ones.
After creating a new empty pallette, one can populate the pallette the traditional way, i.e., selecting tools from a list of tools. However, it is also possible to populate the palltte by
- Click and drag groups from another pallette
- create a new group, but drag tools from another pallette
The mock up of two of the most frequently used pallettes, i.e., text manipulation and inserting multimedia items (pictures/movie etc) will be presented. A way of incorporating pallettes that is context-sensitive, i.e., a pallette that changes according to what the user selected, is also presented.
The ultimate goal is to make it possible to build slides up from blank slides quickly and effortlessly to such an extents that slide masters are not needed.
This pallete is about creating and manipulating text.
The top group show the available Text format, complete with an indication of how they looks. One of its main purpose is to make it easy to create new text boxes, i.e., simply drag and drop the appropriate text-style onto the slide.
By showing all possible text-style, the user has an idea on how all the text-style complement each other.
Borrowing from Apple iWork's Pages, changing the text look and feel in the slides will cause the changes to be reflected on the corresponding text style in the pallette. Each text style has a menu item that offers the users the ability to redefine the text style (and applies it to all slides if desired) and to redefine new text style.
The middle group allows the user to format the look and feel of the selected text in the slide. Note that the top part of the middle group is an information object as it shows information about the text and do not offer any tools to manipulate the text.
The bottom group (minimized) controls the alignment of the text in the text box, and the alignment of any objects in the slide.
This pallete is about inserting media (picture/movies/sound) into the slides.
The top part shows thumbnails of available media. The aim here is to assist the user to choose the appropriate media he wants. Hovering the cursor above any thumbnail will bring up a bigger thumbnail, completed with controls that helps the user confirms that this is indeed the media he is after.
To insert the media, drag and drop into the slide
The middle portion is about customizing the media for the presentation. For movies/sounds, the user might be permitted to select to play only part of the clip in the presentation and to specify the an image in the movie to use as place holder in the slide. For picture, manipulation of the the colour (transparently, cropping etc) might be provided.
The bottom part is a dropdown box that allows the user to choose a different set of media. The main idea of the drop down box is to organize media and make them easier to find. OOo plugins can add items to this drop down box. The standard directory browsing is of course provided. Selecting a particular directory will import all the media in it into the top part of the pallette.
We are seeing a debate on whether toolbars should be context-sensitive, i.e., whether the tools in the toolbars should change according to the user selection. The most prominent example and perhaps the most radical implementation is Microsoft Office's Ribbon system, but elements of context sensitivity can be detected to a certain degree in other application. For example, in Apple iWorks, your secondary toolbar will change according to your selection.
While I am not allergic to the idea of predicting the users need with context-sensitive toolbars, the current implementation, which I call generation one implementation, needs to be refined based on experience and user feedback before it can achieve widespread acceptance. I know there are a lot of people who thinks context-sensitive toolbars are wonderful.
The analogy of context-sensitive toolbar is of course context-sensitive pallettes.
I do not think it is a good idea making all pallettes context-sensitive. Impress should provide a collection of context-sensitive pallettes and regular pallettes side-by-side to support both parties.
One problem with context-sensitive pallette is there is different way of providing context sensitivity. Currently, most systems provide a fixed set of tools based on the user selection. However, there are other context-sensitive scheme. For example, how about a context-sensitive system that simply show you the tools you had used recently for your selection? Or one that combines your tool history with known popular tools for the task, and another that goes out to the net and compare your tool history that of other users?
In true open source fashion, OOo should not care about which context-sensitive system is in use. Rather, it feeds the pallette useful information such as the user activity and let them work out what to do. Standard non-context sensitive pallettes simply ignore it, while context-sensitive ones will apply their own processing and alter their display accordingly.Most importantly, multiple context sensitive pallettes must be able to coexists inside the same instance of OOo. Developers are allowed to contribute their own pallettes to OOo, most likely via the OOo plugin route.
- OOo's plugin is permitted to contribute new pallette
- Users can save and share pallettes with others.
- Saving the presentation also save the current pallettes option (and their customization)
Slide Edit Area
The following are suggested enhancement to the slide editing area.
Guide lines to align objects
The best way to help align objects with respect to another object/slide is to help guiding lines appear where appropriate. The reference model is clearly Apple iWork Keynote, with the following addition:
- Extra guiding lines, possibly on different colour, for the edge of the "printable area" defined by the template. This is useful to constrain slide contents into a this area.
- The larger the object, the more guidelines that appears. The guidelines should be logical, e.g., every 1/4 of the width for medium object, and every 1/8 for larger object, upto 1/16 for the printable area (largest object)
If is very useful to be able to wrap text around another object. There are two possible ways.
The first way is to allow adjusting the left/right margin for individual line:
The second way is to allow user to make TextBox aware of the overlap between it's bounding box, and another object's bounding box. It will use this information to wrap around the object.
Slide Sorter View
The Slide Sorter view will keep all its existing functionalities, plus :
If a presentation is said to be made up of three components: Slide, Notes and Handouts. Why cann't we see ALL three at the same time? The Combined View make this happens.
Limited editing ability is available for all three components.
For smaller screen, as the mouse hover on the component, it will be enlarged for viewing and editing.
Presentation Control Panel
In presentation mode, it is not unusual to find that there are two screens available. The aim here is to use one of the screen as the Presentation Control Panel.
This control panel help the presenter manage and deliver the presentation. It display information the users need, helps presenter to move the presentation forward, provide presenter with tools. e.g. "laser pointer" he can use for the presentation, and let him capture moments in the presentation/take notes and even record the presentation.
When possible, it should exploit the fact that the presenter and audience do not see the same screen and use this fact to allow both parties to focus on different aspects of the presentation.
Some suggested component:
- Tool Pallette (bottom right)
- It will contain the tools can use in the presentation, such as "laser pointer", writing text.
- Slide selector (bottom left)
- The slide selection allows presenter to select the next slide to display: Presenter can skip/add slides in a way that is transparent to the audience
- Display Pane (top left)
- Presenter can look at the slide, notes or handout. Can send them to the presentation screen if need be.
- The console remembers the slide being shown to audience, and can project a summary slides screen (with slides arranged in an array and numbered) to the presentation screen. This is useful because it is not uncommon to find audience asking to flip back to a particular slide during Q&A that follows the presentation, but cannot remember which. This will allow him to tell the presenter which one to go back to.
- If the presenter actually drawn object on the display, it is reflected on the presentation screen. He can also choose to save it as a "snapshot"
- If there are objects that have additional controls, e.g. Movie, the controls will be shown to the presenter if he select the object from the display pane. His audience will not see these controls.
This control panel should exploit the fact that not everything the presenters find useful is also useful for the audience. For example, movie control buttons need not be shown to the audience.
Question: The use of netbook as the computer that drives the presentation is increasingly popular. How does its small size affects the control panel?
However, not everyone is fortunate enough to have two screens, or don't like the dual screen method. In this case, at the start of the presentation, the following screen will be shown to remind the presenters that the tools are available.
The aim is to make creating master slides/presentation template so easy that the user actually wants to design the master slides from scratch rather than using existing templates.
Users do not normally exclusively edit a slide or modifying the master. Frequently. they need a combination of both. We should explore the possibility of switching temporarily to master/slide editing seamlessly.
Since all items on a presentation is an object, the question to ask is can we come up with a paradigm that allows us to switch objects from Master to Slide quickly and seamlessly?
In Slide Editing
This can be performed by selecting the object and send it to and from the master.
- Add to slide master : For every object on the slide, its right-click menu, will have a entry called "add to slide master". Clicking this will put the object into the slide master. This change will be propagated to all existing slides and new slides.
- Removing objects : If you right-click (see note) an object which is on the master, you will get the following option
- Remove from slide master : Remove the object from the slide master. The changes affect the master, i.e., it will be propagated to all existing slides and new slides.
- Remove from slide : Remove the object from this slide only (by masking it?)
(Note that objects in the master are still NOT selectable, simply right-click-able.)
In Master Editing
You get into the Master Editing when you toggle the "master" button on the slide edit area.
In this mode, no actual slide content is shown.
The partial mockup is shown below
- Palletes : There will be pallettes designed specifically for Master editing. The mockup above shown the most important pallette, i.e., one that allows the user to click and drag placeholder object (top) and other fields (middle) and object (bottom) onto the slide. It behaves like the "Text Pallette" discussed earlier
- Master Slide Pallette (bottom)
- Clicking on "Background" slide will allow user to edit the background, including positioning a frame to mark the "printable area" which the designer advise the user to keep their stuff in. Everything on this slide will be display on ALL slides.
- Clicking on 'New' create a new slide master.
- For other slide masters, grey out slides means hidden slides master. The slides is hidden because the designer do not want user to use it. In addition, if the user choose to create a new master template from scratch, Impress can populate it will grey out/hidden slides to advise/reminds user popular slide masters he should consider providing.
- When you toggle the 'master" button in the Slide Edit Area to go into Master Editing mode, the slide master presented (and highlted in the master slide pallette) is the master that is used for your current slide.
Of course masters are available for Slide, Notes and Handouts.
In the future
May be the "Background" slide can have layers. Layers can then be enable/disabled in individual slide master.
The outline view should look something like below:
The purpose of the outline view is to show the actual (text) content, without it being masked by presentation elements (images and animation).
It should also assist users in organizing the presentation.
One should be able to tell Impress that he wants Impress to automate some presentation management task for him, such as splitting text that cannot fit into one slide into two or more slides automatically, and Impress should show visual markup to confirm that the functionality is activated, e.g., the text flow markup above.
All slides, including hidden slides will be shown. The outline view will however still give strong visual markup that shows which text belongs to which slide.
Other use of Impress
Impress is frequently used to design posters, especially for academic conference. The difference between a presentation and posters are simply the size (and orientation).
Impress can be use to design brochures, all is needed is the appropriate master, or, if Impress implements it correctly, they might prefers to create it from scratch rather than using any master.
My view on the future of Office Application and how OOo UI can help (off topic)
We are seeing a convergence between what has been traditional viewed as separate pieces of Office Application: Write/Impress/Draw/Spreadsheet/Database. For example, one can now put spreadsheet-like formulas inside table in Write. It is also not usual to have large text boxes in Spreadsheet that explains the data. Also, if I can enter data to create charts in text document, why couldn't I enter the data in a mini-spreadsheet instead? And why must the data for the table be hidden, why can't it be placed in an "non-printable area" of the text document where I can easily see it.
Moreover, office productivity applications like OOo is increasingly taking on functions that one normally find in Desktop publishing software.
Ideally, the UI for OOo should not force the user to choose between text (or presentation), spreadsheet, draw, database. After all, data are normally shared/spread in a collection of documents. Instead, it should start with a blank canvas, representing the whole universe of text, images and data that support them. You click and drag your images/media file onto this canvas. You subdivide the canvas into sections, and fashion the section into your presentation, text document, drawing, database and the forms to support them etc by creating the appropriate object, typing the appropriate text, and link the appropriate images/database to them. Only when you ask to print a section or project a section on to the screen, OOo will fashion that section into appropriate document/presentation etc.
All functionalities are shared. For example, no tables, only spreadsheet. You can create new spreadsheet anywhere, format it like a table and display images in the spreadsheet.
I can see we only need two different type of sections, i.e.,
- flowable section: The section area will expand/shrink to accommodate the size of your content, i.e., the way text flow to another page in Write
- Non-flowable section: The section area is fixed, if your content is larger than can be display, it will be concatenated, i.e. the way text are displayed in Impress
Ideally, one can embed one section into the the other.
Author or Team Working on This Proposal
|Author / Team Member||Contact (OpenOffice.org login name, used for email)|
|Community members, this is where your comments and questions concerning completeness and clarity should be written. Please add your OpenOffice.org login name to let us contact you via email.|
Your space :-)