User Interface

From AbiWiki

(Difference between revisions)
Jump to: navigation, search
(Importing text file)
(Undo revision 3320 by Unedyxofiri (Talk))
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
 
-
 
<H2>User Interface Stuff</H2>
<H2>User Interface Stuff</H2>
-
See also [[UserInterfaceIdeas|UserInterfaceIdeas]] for planned but rather blue sky stuff.
+
See also [[User Interface Ideas]] for planned but rather blue sky stuff.
<H3>Contents</H3>
<H3>Contents</H3>
-
==== Screenshot Gallery ====
+
==== Screenshot Gallery====
Reference screenshots of all platforms, also some word97 stuff for comparison (incomplete).
Reference screenshots of all platforms, also some word97 stuff for comparison (incomplete).
Line 14: Line 12:
http://www.abisource.com/~robsta/abiword/screen-shots.tgz
http://www.abisource.com/~robsta/abiword/screen-shots.tgz
-
==== Random notes for the [[AbiWord|AbiWord]] 2.6 user interface ====
+
==== Random notes for the [[AbiWord|AbiWord]] 2.6 user interface====
This applies primarily to the Gtk+ based user interface.
This applies primarily to the Gtk+ based user interface.
Line 20: Line 18:
[[AbiWord|AbiWord]] follows the GNOME HIG but that''s a rather slowly moving process so we can very well try stuff and then get judgement by the GNOME usability folks (and, maybe even more important, our existing user base).
[[AbiWord|AbiWord]] follows the GNOME HIG but that''s a rather slowly moving process so we can very well try stuff and then get judgement by the GNOME usability folks (and, maybe even more important, our existing user base).
-
==== Physical Limitations ====
+
==== Physical Limitations====
[[AbiWord|AbiWord]] is used on handheld- and desktop-computers. We should restrict ourselfes to fit on
[[AbiWord|AbiWord]] is used on handheld- and desktop-computers. We should restrict ourselfes to fit on
Line 27: Line 25:
In both cases some space should be preserved for window decorations as created by common window managers.
In both cases some space should be preserved for window decorations as created by common window managers.
-
==== Menu restructuring ====
+
==== Menu restructuring====
* I''d like to move to strict SDI and get rid of the Documents menu.  
* I''d like to move to strict SDI and get rid of the Documents menu.  
Line 33: Line 31:
* Context menu tweaks: a proposal is in preparation TODO: insert ML archive link _here_.
* Context menu tweaks: a proposal is in preparation TODO: insert ML archive link _here_.
-
==== Toolbar restructuring ====
+
==== Toolbar restructuring====
* Toolbars are using the [[GtkToolItem|GtkToolItem]] based API introduced in Gtk+ 2.4.
* Toolbars are using the [[GtkToolItem|GtkToolItem]] based API introduced in Gtk+ 2.4.
-
==== Stock Icons ====
+
==== Stock Icons====
Stock icons should only be used for metaphors that appear more than once in different contexts.  
Stock icons should only be used for metaphors that appear more than once in different contexts.  
Example: every menu entry that is also available from one of the toolbars carries a stock icon (same as the toolbar, obviously). The other menu items do _not_ carry a stock icon.
Example: every menu entry that is also available from one of the toolbars carries a stock icon (same as the toolbar, obviously). The other menu items do _not_ carry a stock icon.
-
==== Future Improvements ====
+
==== Future Improvements====
-
==== Styles Dialog ====
+
==== Styles Dialog====
An option would be putting something like the following mockups in a notebook, with "Basic" and "Full" tabs.
An option would be putting something like the following mockups in a notebook, with "Basic" and "Full" tabs.
Line 52: Line 50:
http://www.abisource.org/~robsta/mockups/abiword-styles-full.png
http://www.abisource.org/~robsta/mockups/abiword-styles-full.png
-
==== Tabs Dialog ====
+
==== Tabs Dialog====
All properties
All properties
Line 70: Line 68:
http://abisource.com/~robsta/mockups/tabs.png
http://abisource.com/~robsta/mockups/tabs.png
-
==== List Dialog ====
+
==== List Dialog====
The List dialog needs a review as well.
The List dialog needs a review as well.
-
==== Contributors ====
+
==== Contributors====
* Main.[[RobertStaudinger|RobertStaudinger]] - 25 Sep 2006
* Main.[[RobertStaudinger|RobertStaudinger]] - 25 Sep 2006
[[Category:To Convert]]
[[Category:To Convert]]
 +
[[Category:Developer]]

Current revision as of 20:34, 26 December 2010

Contents

User Interface Stuff

See also User Interface Ideas for planned but rather blue sky stuff.

Contents


Screenshot Gallery

Reference screenshots of all platforms, also some word97 stuff for comparison (incomplete).

http://www.abisource.com/~robsta/abiword/screen-shots.tgz

Random notes for the AbiWord 2.6 user interface

This applies primarily to the Gtk+ based user interface.

AbiWord follows the GNOME HIG but thats a rather slowly moving process so we can very well try stuff and then get judgement by the GNOME usability folks (and, maybe even more important, our existing user base).

Physical Limitations

AbiWord is used on handheld- and desktop-computers. We should restrict ourselfes to fit on

  • 800x600 for the main window (menus, toolbars).
  • 640x480 for the dialogs.

In both cases some space should be preserved for window decorations as created by common window managers.

Menu restructuring

  • Id like to move to strict SDI and get rid of the Documents menu.
  • The stuff from the Tools menu that concerns the document should be moved to "File" (which maybe should be renamed to "Document")
  • Context menu tweaks: a proposal is in preparation TODO: insert ML archive link _here_.

Toolbar restructuring

  • Toolbars are using the GtkToolItem based API introduced in Gtk+ 2.4.

Stock Icons

Stock icons should only be used for metaphors that appear more than once in different contexts. Example: every menu entry that is also available from one of the toolbars carries a stock icon (same as the toolbar, obviously). The other menu items do _not_ carry a stock icon.

Future Improvements

Styles Dialog

An option would be putting something like the following mockups in a notebook, with "Basic" and "Full" tabs.

http://www.abisource.org/~robsta/mockups/abiword-styles-simple.png

http://www.abisource.org/~robsta/mockups/abiword-styles-full.png

Tabs Dialog

All properties of a user tab can be changed directly through embedded position spinner and alignment/leader combos. At the end of each line theres a "minus" button that lets you delete the tab. The last line is always a placeholder showing a "plus" button at the end. The placeholder can be edited at will, only after pressing "plus" it will be applied to the document and a new placeholder is appended.

The mockup is a bit lacking, because its not really a treeview, use your imagination.

What to do with the default tab width in the same dialog i dont know, never liked it there.

http://abisource.com/~robsta/mockups/tabs.png

List Dialog

The List dialog needs a review as well.

Contributors

Personal tools