Difference between revisions of "GUI Constraints"
Jump to navigation
Jump to search
m |
|||
| Line 8: | Line 8: | ||
!name!!version !!release date!!used by<ref>[http://edoc.mpg.de/awstats/awstats.pl?config=edoc.mpg.de share according to the edoc webstats (march 2008)]</ref>!!market share<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html market share in germany according to www.webhits.de (march 2008)]</ref>!!supported | !name!!version !!release date!!used by<ref>[http://edoc.mpg.de/awstats/awstats.pl?config=edoc.mpg.de share according to the edoc webstats (march 2008)]</ref>!!market share<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html market share in germany according to www.webhits.de (march 2008)]</ref>!!supported | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='4'|Internet Explorer||align='center'|5.01||align='center'|1999/12||rowspan='4' align='center'|43.9%||align='center'|0.6%||bgcolor = # | |rowspan='4'|Internet Explorer||align='center'|5.01||align='center'|1999/12||rowspan='4' align='center'|43.9%||align='center'|0.6%||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|5.5||align='center'|2001/10||align='center'|1.9%||bgcolor = # | |align='center'|5.5||align='center'|2001/10||align='center'|1.9%||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|6.0||align='center'|2001/10||align='center'|46.8%||bgcolor = #55ff55 align='center'|yes | |align='center'|6.0||align='center'|2001/10||align='center'|46.8%||bgcolor = #55ff55 align='center'|yes | ||
| Line 20: | Line 20: | ||
|align='center'|2.0||align='center'|2006/10||bgcolor = #55ff55 align='center'|yes | |align='center'|2.0||align='center'|2006/10||bgcolor = #55ff55 align='center'|yes | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='2'|Safari||align='center'|2.0||align='center'|2005/04||rowspan='2' align='center'|2.9%||rowspan='2' align='center'|2.8%||bgcolor = # | |rowspan='2'|Safari||align='center'|2.0||align='center'|2005/04||rowspan='2' align='center'|2.9%||rowspan='2' align='center'|2.8%||bgcolor = #F6BDA9 align='center'|not testable | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|3.0||align='center'|2007/06||bgcolor = #55ff55 align='center'|yes | |align='center'|3.0||align='center'|2007/06||bgcolor = #55ff55 align='center'|yes | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|Opera||align='center'|9.x||align='center'|2006/06||align='center'|0.96%||align='center'|0.5%||bgcolor = # | |Opera||align='center'|9.x||align='center'|2006/06||align='center'|0.96%||align='center'|0.5%||bgcolor = #F6BDA9 align='center'|not required | ||
|} | |} | ||
| Line 36: | Line 36: | ||
|align='center'|2.0||align='center'|05/1998||bgcolor = #eeef55 align='center'|specials only<ref>although CSS 2.0 is not explicitly required its support will enable some rare extra features</ref> | |align='center'|2.0||align='center'|05/1998||bgcolor = #eeef55 align='center'|specials only<ref>although CSS 2.0 is not explicitly required its support will enable some rare extra features</ref> | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|3.0||align='center'|-<ref>still work in progress</ref>||bgcolor = # | |align='center'|3.0||align='center'|-<ref>still work in progress</ref>||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='1'|Cookies||align='center'|-||align='center'|-||rowspan='1' align='center'|98.5%||bgcolor = #55ff55 align='center'|required<ref>cookies support is required for system login</ref> | |rowspan='1'|Cookies||align='center'|-||align='center'|-||rowspan='1' align='center'|98.5%||bgcolor = #55ff55 align='center'|required<ref>cookies support is required for system login</ref> | ||
| Line 46: | Line 46: | ||
|align='center'|1.7||align='center'|07/2006||bgcolor = #eee align='center'|undefined | |align='center'|1.7||align='center'|07/2006||bgcolor = #eee align='center'|undefined | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|1.8||align='center'|12/2007||bgcolor = # | |align='center'|1.8||align='center'|12/2007||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='4'|Java Plugin||align='center'|1.3||align='center'|05/2000||rowspan='4' align='center'|99,6%<ref>although www.webhits.de gives a 99.6% activation level, it also states, that only 12.4% of users have an java plugin</ref>||bgcolor = # | |rowspan='4'|Java Plugin||align='center'|1.3||align='center'|05/2000||rowspan='4' align='center'|99,6%<ref>although www.webhits.de gives a 99.6% activation level, it also states, that only 12.4% of users have an java plugin</ref>||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|1.4||align='center'|02/2002||bgcolor = # | |align='center'|1.4||align='center'|02/2002||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|1.5||align='center'|09/2004||bgcolor = # | |align='center'|1.5||align='center'|09/2004||bgcolor = #F6BDA9 align='center'|not required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|1.6||align='center'|12/2006<ref>there is still no regular implementation of Java 1.6 for Mac OSX yet (march 2008)</ref>||bgcolor = # | |align='center'|1.6||align='center'|12/2006<ref>there is still no regular implementation of Java 1.6 for Mac OSX yet (march 2008)</ref>||bgcolor = #F6BDA9 align='center'|not required | ||
|} | |} | ||
| Line 62: | Line 62: | ||
!screen solution!!used by<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html usage in germany according to www.webhits.de (march 2008)]</ref>!!optimized for | !screen solution!!used by<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html usage in germany according to www.webhits.de (march 2008)]</ref>!!optimized for | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|800 / 600||align='center'|2.9%||bgcolor = # | |800 / 600||align='center'|2.9%||bgcolor = #F6BDA9 align='center'|scroll only<ref>on monitors with too small resolutions the solutions will be viewable via horizontal scrolling only</ref> | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1024 / 768||align='center'|44.2%||bgcolor = #55ff55 align='center'|optimized | |1024 / 768||align='center'|44.2%||bgcolor = #55ff55 align='center'|optimized | ||
| Line 81: | Line 81: | ||
!font/box size steps!!Text!!Application Layout | !font/box size steps!!Text!!Application Layout | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|larger||bgcolor = #eee align='center'|not supported||bgcolor = # | |larger||bgcolor = #eee align='center'|not supported||bgcolor = #F6BDA9 align='center'|not supported | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|4x - 8x||bgcolor = #eeef55 align='center'|readable but not nice||bgcolor = #eeef55 align='center'|divergent | |4x - 8x||bgcolor = #eeef55 align='center'|readable but not nice||bgcolor = #eeef55 align='center'|divergent | ||
Revision as of 18:48, 16 June 2008
About[edit]
This page should give a short overview to all browser-related specifications.
Supported Browsers[edit]
| name | version | release date | used by[1] | market share[2] | supported |
|---|---|---|---|---|---|
| Internet Explorer | 5.01 | 1999/12 | 43.9% | 0.6% | not required |
| 5.5 | 2001/10 | 1.9% | not required | ||
| 6.0 | 2001/10 | 46.8% | yes | ||
| 7.0 | 2006/10 | 17.7% | yes | ||
| Firefox | 1.5 | 2005/12 | 22.2% | 38.9% | tested |
| 2.0 | 2006/10 | yes | |||
| Safari | 2.0 | 2005/04 | 2.9% | 2.8% | not testable |
| 3.0 | 2007/06 | yes | |||
| Opera | 9.x | 2006/06 | 0.96% | 0.5% | not required |
Required web techniques[edit]
| name | version | release date | activation[3] | required |
|---|---|---|---|---|
| Cascading Style Sheets | 1.0 | 12/1996 | 100%[4] | required |
| 2.0 | 05/1998 | specials only[5] | ||
| 3.0 | -[6] | not required | ||
| Cookies | - | - | 98.5% | required[7] |
| JavaScript | 1.5 | 06/2002 | 94,0%[8][9] | required |
| 1.6 | 11/2005 | undefined | ||
| 1.7 | 07/2006 | undefined | ||
| 1.8 | 12/2007 | not required | ||
| Java Plugin | 1.3 | 05/2000 | 99,6%[10] | not required |
| 1.4 | 02/2002 | not required | ||
| 1.5 | 09/2004 | not required | ||
| 1.6 | 12/2006[11] | not required |
Screen Solution Optimization[edit]
| screen solution | used by[12] | optimized for |
|---|---|---|
| 800 / 600 | 2.9% | scroll only[13] |
| 1024 / 768 | 44.2% | optimized |
| 1152 / 864 | 4.0% | should be ok |
| 1280 / 1024 | 35.8% | should be ok |
| 1600 / 1200 | 2.5% | should be ok |
Enlargeable font size[edit]
The font size can be enlarged by the user without limitations to content, readability or GUI design within the following range limitations:
| font/box size steps | Text | Application Layout |
|---|---|---|
| larger | not supported | not supported |
| 4x - 8x | readable but not nice | divergent |
| 1x - 4x | readable/no overlappings | small divergence |
Graceful dagradation[edit]
Degradation of Navigation
The eSciDoc GUI makes use of skip links, important to users equipped with screen readers and text browsers or conservative browser settings. The skip links allow to jump to navigation or content.
Degradation of Style (CSS)
| Style | Usability | Specialities |
|---|---|---|
| No application layout | The eSciDoc GUI shows all relevant controls. All Controls can be operated properly. All HTML Elements are lined up in structured manner and can still be identified | Elements with visibility=hidden ??? |
Degaradation of Java Script
| Style | Usability | Specialities |
|---|---|---|
| Some controls (input) are set back to browser default but application layout is kept | Each control can be operated properly | ??? |
Media Types[edit]
| Type | Style | Usability | Specialities |
|---|---|---|---|
| Navigation is not printed | Content is readable | None | |
| Mobile | Device/Browser dependent (textmode via CSS degadation) | Device/Browser dependent | None |
References[edit]
- ↑ share according to the edoc webstats (march 2008)
- ↑ market share in germany according to www.webhits.de (march 2008)
- ↑ percentage of users with activated technique according to www.webhits.de (march 2008)
- ↑ although all modern browsers support at least CSS1, the implementation level and the level of support differs
- ↑ although CSS 2.0 is not explicitly required its support will enable some rare extra features
- ↑ still work in progress
- ↑ cookies support is required for system login
- ↑ activation share according to w3schools.com
- ↑ JavaScript version 1.5 is used by 99.4% of all users with activated JavaScript according to www.webhits.de (march 2008)
- ↑ although www.webhits.de gives a 99.6% activation level, it also states, that only 12.4% of users have an java plugin
- ↑ there is still no regular implementation of Java 1.6 for Mac OSX yet (march 2008)
- ↑ usage in germany according to www.webhits.de (march 2008)
- ↑ on monitors with too small resolutions the solutions will be viewable via horizontal scrolling only