Difference between revisions of "User Experience/Proroposal DataPilot byIBM"

From Apache OpenOffice Wiki
Jump to: navigation, search
 
Line 7: Line 7:
 
== Summary ==
 
== Summary ==
 
<P>Symphony team start to develop/enhance DataPilot feature since Symphony 1.1, and still working to improve it in Symphony 2.0. To improve user experience to use DataPilot, we designed&developed new user interface in the releases, including:</P>
 
<P>Symphony team start to develop/enhance DataPilot feature since Symphony 1.1, and still working to improve it in Symphony 2.0. To improve user experience to use DataPilot, we designed&developed new user interface in the releases, including:</P>
<span>- New DataPilot table: Show a predefined new table to users avoid the meaningless table which have nothing.
+
<ul>
- DataPilot panel: Users can work with fields there and update the changes automatically.</span>
+
  <li> New DataPilot table: Show a predefined new table to users avoid the meaningless table which have nothing.</li>
- Filter panel: The filter panel make users can filter items of fields directly in the DataPilot table. Some useful functions are added here, e.g. search items, show only the current item. Users can also set to show "Top n" items in this panel.
+
<li>DataPilot panel: Users can work with fields there and update the changes automatically.</li>
- Dialogs: Improve the information architecture and UI controls of the dialogs, e.g. field options, sort.
+
<li>Filter panel: The filter panel make users can filter items of fields directly in the DataPilot table. Some useful functions are added here, e.g. search items, show only the current item. Users can also set to show &quot;Top n&quot; items in this panel.</li>
- Editing and reading mode: Provide two modes for the different scenarios: edit the DataPilot table and show the table to others.
+
<li>Dialogs: Improve the information architecture and UI controls of the dialogs, e.g. field options, sort.</li>
 +
<li>Editing and reading mode: Provide two modes for the different scenarios: edit the DataPilot table and show the table to others.</li>
 +
</ul>
  
 
== New DataPilot table ==
 
== New DataPilot table ==
Line 36: Line 38:
  
 
== Filter panel ==
 
== Filter panel ==
Users can show or hide items via the filer panel which can be accessed directly on the table.  
+
<P>Users can show or hide items via the filer panel which can be accessed directly on the table. "Top n" is integrated on this panel so that users can show the top/bottom n items quickly. </P>
"Top n" is integrated on this panel so that users can show the top/bottom n items quickly.  
+
<P>If users hide any items(or set Top n) on a filed, the filter button beside the filed within table will turn to a special style, so that users can know which items have been filtered quickly.</P>
If users hide any items(or set Top n) on a filed, the filter button beside the filed within table will turn to a special style, so that users can know which items have been filtered quickly.
+
  
 
{| class="prettytable"
 
{| class="prettytable"
Line 45: Line 46:
 
|}
 
|}
  
Users can locate to certain item quickly via the search function of the panel. It is useful when there are lots of items of a field. They can also show/hide certain item quickly when they just want to make a single selection there.  
+
<P>Users can locate to certain item quickly via the search function of the panel. It is useful when there are lots of items of a field. They can also show/hide certain item quickly when they just want to make a single selection there. </P>
  
 
{| class="prettytable"
 
{| class="prettytable"
Line 63: Line 64:
  
 
== Editing and reading mode ==
 
== Editing and reading mode ==
When users focus on the DataPilot table, it will be editing mode and users can get the DataPilot panel and fields buttons within table automatically. Users can modify the table conveniently via these UI. When users focus out of the table, it will be reading mode and the DataPilot panel and fields buttons within table will be hided automatically, so that users can show the DataPilot table to others clearly.
+
<P>When users focus on the DataPilot table, it will be editing mode and users can get the DataPilot panel and fields buttons within table automatically. Users can modify the table conveniently via these UI. When users focus out of the table, it will be reading mode and the DataPilot panel and fields buttons within table will be hided automatically, so that users can show the DataPilot table to others clearly.</P>
 +
 
 
Editing mode: DataPilot panel and field buttons within table will be shown automatically.
 
Editing mode: DataPilot panel and field buttons within table will be shown automatically.
 
{| class="prettytable"
 
{| class="prettytable"

Latest revision as of 07:06, 25 June 2009

ux-ooo-logo-rgb-129-61.png

ux.openoffice.org

Quick Navigation

Team


DataPilot UX Design Proposal by IBM

Summary

Symphony team start to develop/enhance DataPilot feature since Symphony 1.1, and still working to improve it in Symphony 2.0. To improve user experience to use DataPilot, we designed&developed new user interface in the releases, including:

  • New DataPilot table: Show a predefined new table to users avoid the meaningless table which have nothing.
  • DataPilot panel: Users can work with fields there and update the changes automatically.
  • Filter panel: The filter panel make users can filter items of fields directly in the DataPilot table. Some useful functions are added here, e.g. search items, show only the current item. Users can also set to show "Top n" items in this panel.
  • Dialogs: Improve the information architecture and UI controls of the dialogs, e.g. field options, sort.
  • Editing and reading mode: Provide two modes for the different scenarios: edit the DataPilot table and show the table to others.

New DataPilot table

When users create a new DataPilot table, before they add any fields to table, a predefined table will be there. The table give users some clues about the areas of the table and how to start the work.

Symphony NewDataPilotTable.gif

DataPilot panel

The DataPilot panel will list all fields from the source data. The field will turn to be a button when users hover on it. Users can drag&drop the fields to the areas to assign them. Users can also modify the sequences or remove the fields via drag&drop in the panel.

Symphony HoverOnField.gif

The changes on DataPilot panel will be updated automatically, so that users can get the result immediately. Users can also disable it and manually update by themselves when there are large amount of data.

Symphony EditDataPilotTable.gif


Filter panel

Users can show or hide items via the filer panel which can be accessed directly on the table. "Top n" is integrated on this panel so that users can show the top/bottom n items quickly.

If users hide any items(or set Top n) on a filed, the filter button beside the filed within table will turn to a special style, so that users can know which items have been filtered quickly.

Symphony DataPilot Filter.gif

Users can locate to certain item quickly via the search function of the panel. It is useful when there are lots of items of a field. They can also show/hide certain item quickly when they just want to make a single selection there.

Symphony DataPilot Filter 2.gif


Dialogs

The information architecture and UI controls of the dialogs have been improved, e.g. field options, sort.

Symphony DataPilot Dialog.gif


Editing and reading mode

When users focus on the DataPilot table, it will be editing mode and users can get the DataPilot panel and fields buttons within table automatically. Users can modify the table conveniently via these UI. When users focus out of the table, it will be reading mode and the DataPilot panel and fields buttons within table will be hided automatically, so that users can show the DataPilot table to others clearly.

Editing mode: DataPilot panel and field buttons within table will be shown automatically.

Symphony EditDataPilotTable.gif

Reading mode: DataPilot panel and field buttons within table will be hided automatically.

Symphony DataPilot TableReadingMode.gif
Personal tools