Difference between revisions of "GUI Constraints"
Jump to navigation
Jump to search
m |
|||
Line 7: | Line 7: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!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 = # | |- 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 = #ff5555 align='center'|not required | |rowspan='4'|Internet Explorer||align='center'|5.01||align='center'|1999/12||rowspan='4' align='center'|43.9%||align='center'|0.6%||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|5.5||align='center'|2001/10||align='center'|1.9%||bgcolor = #ff5555 align='center'|not required | |align='center'|5.5||align='center'|2001/10||align='center'|1.9%||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- 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 | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|7.0||align='center'|2006/10||align='center'|17.7%||bgcolor = #55ff55 align='center'|yes | |align='center'|7.0||align='center'|2006/10||align='center'|17.7%||bgcolor = #55ff55 align='center'|yes | ||
|- bgcolor = # | |- 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 = #eeef55 align='center'|tested | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|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 = # | |- 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 = #ff5555 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 = #ff5555 align='center'|not testable | ||
|- bgcolor = # | |- 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 = # | |- bgcolor = #eee | ||
|Opera||align='center'|9.x||align='center'|2006/06||align='center'|0.96%||align='center'|0.5%||bgcolor = #ff5555 align='center'|not required | |Opera||align='center'|9.x||align='center'|2006/06||align='center'|0.96%||align='center'|0.5%||bgcolor = #ff5555 align='center'|not required | ||
|} | |} | ||
Line 31: | Line 31: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!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 = # | |- 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 = #55ff55 align='center'|required | |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 = #55ff55 align='center'|required | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|2.0||align='center'|05/1998||bgcolor = # | |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 = # | |- bgcolor = #eee | ||
|align='center'|3.0||align='center'|-<ref>still work in progress</ref>||bgcolor = #ff5555 align='center'|not required | |align='center'|3.0||align='center'|-<ref>still work in progress</ref>||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- 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> | ||
|- bgcolor = # | |- 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 = #55ff55 align='center'|required | |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 = #55ff55 align='center'|required | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|1.6||align='center'|11/2005||bgcolor = # | |align='center'|1.6||align='center'|11/2005||bgcolor = #eee align='center'|undefined | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|1.7||align='center'|07/2006||bgcolor = # | |align='center'|1.7||align='center'|07/2006||bgcolor = #eee align='center'|undefined | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|1.8||align='center'|12/2007||bgcolor = #ff5555 align='center'|not required | |align='center'|1.8||align='center'|12/2007||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- 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 = #ff5555 align='center'|not required | |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 = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|1.4||align='center'|02/2002||bgcolor = #ff5555 align='center'|not required | |align='center'|1.4||align='center'|02/2002||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|align='center'|1.5||align='center'|09/2004||bgcolor = #ff5555 align='center'|not required | |align='center'|1.5||align='center'|09/2004||bgcolor = #ff5555 align='center'|not required | ||
|- bgcolor = # | |- 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 = #ff5555 align='center'|not required | |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 = #ff5555 align='center'|not required | ||
|} | |} | ||
Line 61: | Line 61: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!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 = # | |- bgcolor = #eee | ||
|800 / 600||align='center'|2.9%||bgcolor = #ff5555 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 = #ff5555 align='center'|scroll only<ref>on monitors with too small resolutions the solutions will be viewable via horizontal scrolling only</ref> | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|1024 / 768||align='center'|44.2%||bgcolor = #55ff55 align='center'|optimized | |1024 / 768||align='center'|44.2%||bgcolor = #55ff55 align='center'|optimized | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|1152 / 864||align='center'|4.0%||bgcolor = # | |1152 / 864||align='center'|4.0%||bgcolor = #eeef55 align='center'|should be ok | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|1280 / 1024||align='center'|35.8%||bgcolor = # | |1280 / 1024||align='center'|35.8%||bgcolor = #eeef55 align='center'|should be ok | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|1600 / 1200||align='center'|2.5%||bgcolor = # | |1600 / 1200||align='center'|2.5%||bgcolor = #eeef55 align='center'|should be ok | ||
|} | |} | ||
Line 80: | Line 80: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!font/box size steps!!Text!!Application Layout | !font/box size steps!!Text!!Application Layout | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|larger||bgcolor = #eee align='center'|not supported||bgcolor = #ff5555 align='center'|not supported | |larger||bgcolor = #eee align='center'|not supported||bgcolor = #ff5555 align='center'|not supported | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|4x - 8x||bgcolor = # | |4x - 8x||bgcolor = #eeef55 align='center'|readable but not nice||bgcolor = #eeef55 align='center'|divergent | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|1x - 4x||bgcolor = #55ff55 align='center'|readable/no overlappings||bgcolor = #55ff55 align='center'|small divergence | |1x - 4x||bgcolor = #55ff55 align='center'|readable/no overlappings||bgcolor = #55ff55 align='center'|small divergence | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|} | |} | ||
Line 100: | Line 100: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!Style!!Usability!!Specialities | !Style!!Usability!!Specialities | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|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 ??? | |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 ??? | ||
|- | |- | ||
Line 110: | Line 110: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!Style!!Usability!!Specialities | !Style!!Usability!!Specialities | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|Some controls (input) are set back to browser default but application layout is kept||Each control can be operated properly||??? | |Some controls (input) are set back to browser default but application layout is kept||Each control can be operated properly||??? | ||
|- | |- | ||
Line 120: | Line 120: | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!Type!!Style!!Usability!!Specialities | !Type!!Style!!Usability!!Specialities | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|Print||Navigation is not printed||Content is readable||None | |Print||Navigation is not printed||Content is readable||None | ||
|- bgcolor = # | |- bgcolor = #eee | ||
|Mobile||Device/Browser dependent (textmode via CSS degadation)||Device/Browser dependent||None | |Mobile||Device/Browser dependent (textmode via CSS degadation)||Device/Browser dependent||None | ||
|- | |- |
Revision as of 18:46, 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