Difference between revisions of "Platform UI Differences"
From Apache OpenOffice Wiki
(→Differences) |
(Added UI features) |
||
| Line 25: | Line 25: | ||
Stuff to add (Mac OS X): | Stuff to add (Mac OS X): | ||
| − | |||
* ok/cancel buttons: ok on the right side | * ok/cancel buttons: ok on the right side | ||
| − | |||
| − | |||
| − | |||
* ... | * ... | ||
| Line 35: | Line 31: | ||
|+'''Platform specific UI differences''' | |+'''Platform specific UI differences''' | ||
|- | |- | ||
| − | ! style="width:100px;" | !! style="background:#59e;width:200px;" | Mac OS X (Aqua) !! style="background:#59e;width:200px;" | Windows Vista (Aero) !! style="background:#59e;width:200px;" | Gnome Linux | + | ! style="width:100px;" | !! style="background:#59e;width:200px;" | Mac OS X (Aqua) !! style="background:#59e;width:200px;" | Windows Vista (Aero) !! style="background:#59e;width:200px;" | Ubuntu Gnome Linux |
|- | |- | ||
! style="background:#abcdef;" colspan="4" | Application Menu | ! style="background:#abcdef;" colspan="4" | Application Menu | ||
| Line 43: | Line 39: | ||
| '''Icons''' || No icons in the menu || No icons in the menu || typically(?) icons in the menu | | '''Icons''' || No icons in the menu || No icons in the menu || typically(?) icons in the menu | ||
|- | |- | ||
| − | | '''Preferences'''<br> ''Where the settings are located and what they are called'' || '''Preferences...''' in the Apple -menu (system wide menu item), accessible with CMD-, || '''Options''' in Tools -menu?? || '''Preferences | + | | '''Preferences'''<br> ''Where the settings are located and what they are called'' || '''Preferences...''' in the Apple -menu (system wide menu item), accessible with CMD-, || '''Options...''' in Tools -menu?? || '''Preferences''' in Edit -menu |
|- | |- | ||
| − | | | + | ! style="background:#abcdef;" colspan="4" | Toolbars |
| − | + | ||
| − | + | ||
|- | |- | ||
| − | | ''' | + | | '''Icons'''<br> ''The default setting'' || a few biggish icons with text underneath || a few icons || a few biggish icons with text underneath |
|- | |- | ||
| − | ! style="background:#abcdef;" colspan="4" | | + | | '''Customization'''<br> ''How the toolbars are customized'' || Main toolbars are customizable through right clicking, selecting '''Customize...''' and then drag-and-dropping. ''Much of the toolbar functionality in'' '''Inspector''' ''-tool instead.'' || '''Customize...''' in Tools -menu, also from toolbars. Shows a dialog. || Not editable / occasionally the same style as Mac OS X. ''NOTE: Also in Mozilla applications'' |
| − | |- | + | |- |
| + | | '''Style'''<br> ''What the toolbar icons/buttons look like'' || '''No 3D buttons/icons or button borders''', colors used sparingly, as few metaphors as possible || ??? || No button borders, richer colors, icons in 3D perspective | ||
| + | |- | ||
| + | | '''Highlight'''<br> ''What the toolbar icons/buttons look like, when clicked'' || '''No highlight''' ''No visual change in the button'' || '''Light-bulb highlight''' ''buttons look like they are shining'' || Highlights with dark color to show the full button area | ||
| + | |- | ||
| + | |||
| + | ! style="background:#abcdef;" colspan="4" | Dialogs (and Sheets) | ||
| + | |- | ||
| + | ! style="background:#abcdef;" colspan="4" | Workflow (Task vs. other) | ||
| + | |- | ||
| + | ! style="background:#abcdef;" colspan="4" | Interaction styles | ||
| + | |- | ||
| + | ! style="background:#abcdef;" colspan="4" | Design goals | ||
| + | |- | ||
| + | | '''Target users'''<br> ''What kind of people are the applications designing for?'' || Normal people who want to do well designed documents with good layout. '''Not just word processing''' || Word processing for the average Joe, lots of functionality || Usability important, cleaned up UI | ||
|- | |- | ||
| + | | '''Templates'''<br> ''What is the purpose of the templates?'' || To learn/get ideas for good style/design, '''professional quality''' || To have all the templates for all the possible occasions || Get the templates you want from the internet repositories | ||
| + | |||
|- | |- | ||
Revision as of 17:15, 22 February 2007
Contents
Contributors
- Mox Soini: Mox
Introduction and History
This page is still a stub. Will fill later
Complementary and Related projects
The possible future UI Layout work is complementary and not overlapping with:
- UI Layout
- Graphics Rendering re-work: OOo Canvas
- UNO Runtime environment
- ODF Toolkit and
- OOo Runner Separate Apps on Mac OS X
Goals
Document the differences in Platform specific UIs (e.g. Aqua/Mac OS X, Aero/Vista, Gnome/Linux, KDE/Linux Win32/Windows XP).
The focus is in stuff expressed in GUI guidelines (e.g. Aqua HIG, Aero xxx, Gnome UI SG,...) and stuff that is standard or preferred way of doing things, as exemplified by high quality applications on each platform (e.g. Apple Pages (iWork) on Mac OS X, MS Word (Vista Office), Abiword on Gnome)
Differences
The following lists the typical applications used on various platforms and the comparison screenshots from OpenOffice.org. The aim is to show that while there are similarities in these platform-specific applications, and much of the actual functionality is quite similar, the actual UI (i.e. how you accomplish those functions) has differences both on surface and in deeper levels.
Stuff to add (Mac OS X):
- ok/cancel buttons: ok on the right side
- ...
| Mac OS X (Aqua) | Windows Vista (Aero) | Ubuntu Gnome Linux | |
|---|---|---|---|
| Application Menu | |||
| Location Where the menu is located |
System wide menu in the top of the screen. Contents of the menu depend on which is the active window | In the top of the application window | In the top of the application window |
| Icons | No icons in the menu | No icons in the menu | typically(?) icons in the menu |
| Preferences Where the settings are located and what they are called |
Preferences... in the Apple -menu (system wide menu item), accessible with CMD-, | Options... in Tools -menu?? | Preferences in Edit -menu |
| Toolbars | |||
| Icons The default setting |
a few biggish icons with text underneath | a few icons | a few biggish icons with text underneath |
| Customization How the toolbars are customized |
Main toolbars are customizable through right clicking, selecting Customize... and then drag-and-dropping. Much of the toolbar functionality in Inspector -tool instead. | Customize... in Tools -menu, also from toolbars. Shows a dialog. | Not editable / occasionally the same style as Mac OS X. NOTE: Also in Mozilla applications |
| Style What the toolbar icons/buttons look like |
No 3D buttons/icons or button borders, colors used sparingly, as few metaphors as possible | ??? | No button borders, richer colors, icons in 3D perspective |
| Highlight What the toolbar icons/buttons look like, when clicked |
No highlight No visual change in the button | Light-bulb highlight buttons look like they are shining | Highlights with dark color to show the full button area |
| Dialogs (and Sheets) | |||
| Workflow (Task vs. other) | |||
| Interaction styles | |||
| Design goals | |||
| Target users What kind of people are the applications designing for? |
Normal people who want to do well designed documents with good layout. Not just word processing | Word processing for the average Joe, lots of functionality | Usability important, cleaned up UI |
| Templates What is the purpose of the templates? |
To learn/get ideas for good style/design, professional quality | To have all the templates for all the possible occasions | Get the templates you want from the internet repositories |
