Difference between revisions of "Web design"
| Line 1: | Line 1: | ||
| − | Once in 2011 I put out a request for pointers on how to improve the homepage at [http://energyteachers.org EnergyTeachers.org]. Some web designers said the existing look was very dated, and suggested a multi-column layout. I took an informal survey by looking at hundreds of web pages, and decided most pages are poorly designed, breaking many rules of readability and accessibility. Here I'll list some of the rules and egregious errors involved. | + | Once in 2011 I put out a request for pointers on how to improve the homepage at [http://energyteachers.org EnergyTeachers.org]. Some web designers said the existing look was very dated, and suggested a multi-column layout. I took an informal survey by looking at hundreds of web pages, and decided most pages are poorly designed, breaking many rules of readability and accessibility. It is not very inspiring to look to the web for examples for our site. Here I'll list some of the rules and egregious errors involved. |
===Readable text=== | ===Readable text=== | ||
[[File:Grey_Text_Designer.png|frame|right|A sad, ironic example of grey text devaluing important content]]Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it. | [[File:Grey_Text_Designer.png|frame|right|A sad, ironic example of grey text devaluing important content]]Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it. | ||
| − | ===Myth that | + | ===Myth that non-standard style leads to success=== |
It's amazing to consider how the most popular sites on the internet don't bother with any of the stylistic trends. Facebook, Google, Wikipedia, Yahoo: | It's amazing to consider how the most popular sites on the internet don't bother with any of the stylistic trends. Facebook, Google, Wikipedia, Yahoo: | ||
*Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations. | *Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations. | ||
Revision as of 10:00, 7 December 2011
Once in 2011 I put out a request for pointers on how to improve the homepage at EnergyTeachers.org. Some web designers said the existing look was very dated, and suggested a multi-column layout. I took an informal survey by looking at hundreds of web pages, and decided most pages are poorly designed, breaking many rules of readability and accessibility. It is not very inspiring to look to the web for examples for our site. Here I'll list some of the rules and egregious errors involved.
Readable text
Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.
Myth that non-standard style leads to success
It's amazing to consider how the most popular sites on the internet don't bother with any of the stylistic trends. Facebook, Google, Wikipedia, Yahoo:
- Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations.
- They use black or blue text on a white background. They don't go to color conferences and decide that mauve on cherry is the new cool way to make a user work hard to read content.
