Basic Web Interface Design Principles

Human Factors in Interface Design:
Limited Short-term Memory)
People can remember 7 items in the short term. If this number is exceeded, people may make mistakes.
People make mistakes)
When a person makes a mistake, the system will be abnormal. Improper alarms and warnings will cause tension, and more errors may occur.
People are different)
The physical capabilities of people vary greatly. Designers should not only design based on their own capabilities.
People have their own preferences (people have different interaction preferences)
Some people like pictures, while others like text.

Practical Criteria for Software Design:
1. How long does the user need to master and use the software?
2. Speed of responding to a single user operation command.
3. the user's ability to cancel misoperations.
4. Can the software bind a single operation to a single function.

(1) page size
Because web page browsing is mostly based on the display, the resolution of the display determines the size of the website page designed by web designers. Currently, the most popular display size is
800*600, 1024*768, 1125*864, 1280*720, 1280*768, 1280*960, 1280*1024
Currently, the page size of mainstream design websites is generally
600*300, 760*420, 995*436

Valid visible area (unit: Px)
800*600
Ie6.0 779 (+ 21) 432 (+ 168)
Ie7.0 779 (+ 21) 452 (+ 148)
Firefox2.0 783 (+ 17) 417 (+ 183)
Opera9.0 781 (+ 19) 461 (+ 139)

1024*768
Ie6.0 1003 (+ 21) 600 (+ 168)
Ie7.0 1003 (+ 21) 620 (+ 148)
Firefox2.0 1007 (+ 17) 585 (+ 183)
Opera9.0 1005 (+ 19) 629 (+ 139)

1280*1024
Ie6.0 1259 (+ 21) 856 (+ 168)
Ie7.0 1259 (+ 21) 876 (+ 148)
Firefox2.0 1263 (+ 17) 841 (+ 183)
Opera9.0 1261 (+ 19) 885 (+ 139)

In general, the width is certain, but the page width can be adjusted based on the content, but the design width is always 20 pixels lower than the actual size of the display, this is to leave some space for the scroll bar on the right.
1. The most conservative and compatible screen size is: 779 × 432
2. The widest screen size is 1003x600.
3. Suitable for the current domestic situation, the size of one screen is 779 × 600