Difference between revisions of "GUI Constraints"
Jump to navigation
Jump to search
m |
m |
||
| Line 12: | Line 12: | ||
|align='center'|5.5||align='center'|2001/10||align='center'|1.9%||bgcolor = #F6BDA9 align='center'|not required | |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 = # | |align='center'|6.0||align='center'|2001/10||align='center'|46.8%||bgcolor = #BBCFA4 align='center'|yes | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|7.0||align='center'|2006/10||align='center'|17.7%||bgcolor = # | |align='center'|7.0||align='center'|2006/10||align='center'|17.7%||bgcolor = #BBCFA4 align='center'|yes | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='2'|Firefox||align='center'|1.5||align='center'|2005/12||rowspan='2' align='center'|22.2%||rowspan='2' align='center'|38.9%||bgcolor = # | |rowspan='2'|Firefox||align='center'|1.5||align='center'|2005/12||rowspan='2' align='center'|22.2%||rowspan='2' align='center'|38.9%||bgcolor = #FFFFCC align='center'|tested | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|2.0||align='center'|2006/10||bgcolor = # | |align='center'|2.0||align='center'|2006/10||bgcolor = #BBCFA4 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 = #F6BDA9 align='center'|not testable | |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 = # | |align='center'|3.0||align='center'|2007/06||bgcolor = #BBCFA4 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 = #F6BDA9 align='center'|not required | |Opera||align='center'|9.x||align='center'|2006/06||align='center'|0.96%||align='center'|0.5%||bgcolor = #F6BDA9 align='center'|not required | ||
| Line 32: | Line 32: | ||
!name!!version!!release date!!activation<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html percentage of users with activated technique according to www.webhits.de (march 2008)]</ref>!!required | !name!!version!!release date!!activation<ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html percentage of users with activated technique according to www.webhits.de (march 2008)]</ref>!!required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='3'|Cascading Style Sheets||align='center'|1.0||align='center'|12/1996||rowspan='3' align='center'|100%<ref>although all modern browsers support at least CSS1, the implementation level and the level of support differs</ref>||bgcolor = # | |rowspan='3'|Cascading Style Sheets||align='center'|1.0||align='center'|12/1996||rowspan='3' align='center'|100%<ref>although all modern browsers support at least CSS1, the implementation level and the level of support differs</ref>||bgcolor = #BBCFA4 align='center'|required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|2.0||align='center'|05/1998||bgcolor = # | |align='center'|2.0||align='center'|05/1998||bgcolor = #FFFFCC 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 = #F6BDA9 align='center'|not required | |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 = # | |rowspan='1'|Cookies||align='center'|-||align='center'|-||rowspan='1' align='center'|98.5%||bgcolor = #BBCFA4 align='center'|required<ref>cookies support is required for system login</ref> | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|rowspan='4'|JavaScript||align='center'|1.5||align='center'|06/2002||rowspan='4' align='center'|94,0%<ref>[http://www.w3schools.com/browsers/browsers_stats.asp activation share according to w3schools.com]</ref><ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html JavaScript version 1.5 is used by 99.4% of all users with activated JavaScript according to www.webhits.de (march 2008)]</ref>||bgcolor = # | |rowspan='4'|JavaScript||align='center'|1.5||align='center'|06/2002||rowspan='4' align='center'|94,0%<ref>[http://www.w3schools.com/browsers/browsers_stats.asp activation share according to w3schools.com]</ref><ref>[http://www.webhits.de/deutsch/index.shtml?webstats.html JavaScript version 1.5 is used by 99.4% of all users with activated JavaScript according to www.webhits.de (march 2008)]</ref>||bgcolor = #BBCFA4 align='center'|required | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|align='center'|1.6||align='center'|11/2005||bgcolor = #eee align='center'|undefined | |align='center'|1.6||align='center'|11/2005||bgcolor = #eee align='center'|undefined | ||
| Line 64: | Line 64: | ||
|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> | |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 = # | |1024 / 768||align='center'|44.2%||bgcolor = #BBCFA4 align='center'|optimized | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1152 / 864||align='center'|4.0%||bgcolor = # | |1152 / 864||align='center'|4.0%||bgcolor = #FFFFCC align='center'|should be ok | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1280 / 1024||align='center'|35.8%||bgcolor = # | |1280 / 1024||align='center'|35.8%||bgcolor = #FFFFCC align='center'|should be ok | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1600 / 1200||align='center'|2.5%||bgcolor = # | |1600 / 1200||align='center'|2.5%||bgcolor = #FFFFCC align='center'|should be ok | ||
|} | |} | ||
| Line 83: | Line 83: | ||
|larger||bgcolor = #eee align='center'|not supported||bgcolor = #F6BDA9 align='center'|not supported | |larger||bgcolor = #eee align='center'|not supported||bgcolor = #F6BDA9 align='center'|not supported | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|4x - 8x||bgcolor = # | |4x - 8x||bgcolor = #FFFFCC align='center'|readable but not nice||bgcolor = #FFFFCC align='center'|divergent | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1x - 4x||bgcolor = # | |1x - 4x||bgcolor = #BBCFA4 align='center'|readable/no overlappings||bgcolor = #BBCFA4 align='center'|small divergence | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|} | |} | ||
Revision as of 19:34, 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