Here I want to write about some common mistakes in web-development. Those things aren´t programming related. More “good” practice things.
If someone make the wesite design. And someone else have to code the “html/css” you should:
Name the elements by site/page and position
For example, if you designed a news background header. Which is seen when a news is shown, you should call it: news_show_header_background.jpg
Or another example, some things need/ have a border. On top, left, right and bottom. For listing news.
you could call it: news_list_border_top.jpg
If you have to show a table. You should determine if the data is scanned vertical or horizontal. Or even both.
Here is an example
As you see, the vertical line are thicker as the horizontal lines. Which make it easier for the eyes to read the vertical data. The numbers are right aligned. Which makes it easier to compare them. You could even alter the colors, of each row. But use only “slight” different colors. So just a little bit brighter/ darker.
You have to remove both lines, if Data should be read vertical AND horizontal. But try to avoid things like this. Better make two tables.
Well the last case should be easy to know. Make horizontal lines thicker and the vertical lines thiner.
Try to do queries at the end of script ( or other external things like soap/ xml ) So the user see something when it may”stop”
This is more “ui” related, try to build with as less points as possible. And everything reachable with two clicks
The points thing. An example:
BadBad reviews
:
[table]
[tr]
[td]THING ONE[/td]
[td]THING TWO[/td]
[/tr]
[tr]
[td]THING THREE[/td]
[td]EMPTY FIELD ( NOT SEEN)[/td]
[/tr]
[/table]
Better like this:
[table]
[tr]
[td]FIELD ONE[/td]
[td]FIELD TWO[/td]
[td]FIELD THREE[/td]
[/tr]
[/table]
So the eyes have to move “less”
- The so called F navigation system is the most excepted “site style”
Top navigation, left sub navigation, and in the middle the content.
- Use everywhere the same header and bottom design. So the user knows where the content starts and ends.
- The most start position for a mouse on a website is top left.
- The eyes move from: Dark to bright, from big objects to small objects.
movement binds the user to look at. so try to create movements which “aid” the eyes. SimplestSimplest reviews
example are arrow. AND stop the movement after 2 secs or less. ( OR if there is no way to stop it, or it must move) add a stop button or make it “slow”.
So don´t use big “rectangles” where you just place “eye candy”
Some people know how colors “create” reactions on people. But most of them don´t know that different countries, have different color “feelings”. It is no problem if you write in German for example, or in ChineseChinese reviews language. Those sites are “targeted”. But if you write in English, people could come from everywhere. If you don´t want to “annoy” Chinese people ( Just an example ) Try to use very bright or dark colors. Or avoid colors at all 
. Cause very bright colors, or dark colors don´t “trigger” the color emotions. If you take a look at mc donalds, amazon or ebay. They use bright colors. And have much “white” background.
With this way, they don´t create emotions, which they don´t want to create.
Another thing is: Try to avoid faces. Or forms which could look like a face ( If you write in English ). FacesFaces reviews create different emotions, from different persons. The only exceptions are womens. ( Sorry, but sex sells ) Or if you are a model agency, or sell clothes. Or it is your “personal” blog. Faces make things like this more “personal”. Or a small firm.
I hope, I could help some people with this, if you have any questions, feel free to ask!
. But this is another story.
