Уэ4.1.4. Основные принципы эффективного Web-дизайна

1. Не надо делайть страницы слишком большого объема. (По утверждениям психологов, человек может ожидать ответа на свой вопрос в течение десяти секунд, после чего теряет интерес к контакту). Желательно, что бы размер одной страницы, включая графику, звук не превышал 30-40 Kb (максимум 100!). Для этого, возможно, придется масштабировать изображения (для загрузки полноформатных только по просьбе пользователя), оптимизировать цветовую палитру, отказаться от записи всех JPG-картинок с наилучшим разрешением.

Минимальное время загрузки web-страниц на идеальной линии, сек.

Размер страницы

2400

9600

14400

28800

ISDN (64K)

ISDN (128K)

1k

3,4

0,9

0,6

0,3

0,1

0,1

5k

17,1

4,3

2,8

1,4

0,6

0,3

10k

34,1

8,5

5,7

2,8

1,3

0,6

20k

68,3

17,1

11,4

5,7

2,5

1,3

30k

102,4

25,6

17,1

8,5

3,8

1,9

40k

136,5

34,1

22,8

11,4

5,0

2,5

50k

170,7

42,7

28,4

14,2

6,3

3,1

75k

256,0

64,0

42,7

21,3

9,4

4,7

100k

341,3

85,3

56,9

28,4

12,5

6,3

Старайтесь не перегружать страничку графикой, особенно, скаченной с бесплатных серверов (это касается всяких значков типа E-mail, Welcome, Next и тд). Старайтесь, по возможности, рисовать свою графику, от этого у посетителей вашей странички останется хорошее впечатление.

Не используйте много красок в цветовой гамме своей страничке. Она должна быть выдержана в едином стиле.

2. Не стоит использовать самые передовые технологии до тех пор, пока они не станут стандартными (т.е. будут поддерживаться хотя бы двумя основными браузерами). Только небольшая часть пользователей сможет оценить ваше «мастерство» по достоинству. Зато у остальнх могут возникнуть лишние проблемы.

3. Если вы используете графические ссылки, то на страничке, тем не менее, обязательно должна быть сделана альтернативная текстовая навигация для пользователей, отключивших загрузку рисунков.

4. Не злоупотребляйте анимированными рисунками. Помимо того, что замедляют загрузку, в большом количестве они просто раздражают многих посетителей. Не используйте раздражающий пользователей тэг <BLINK>. Одна небезызвестная фирма даже ставит себе в заслугу, что ее браузер этот тег не поддерживает.

5. Не ориентируйтесь на какое-то одно средство просмотра. Предложение использовать конкретный браузер - просто дурной тон.

6. Необходимо тестировать страницу при различных разрешениях экрана. Важно, чтобы не возникала потребность использовать горизонтальную прокрутку. Будте осторожны с атрибутом NORESIZE, если используете фреймы - неизвестно, шрифты какого размера установлены у конечного пользователя.

7. Не делайте слишком длинных страниц. Многие не смотрят на то, что не помещается на экран.

8. Лучше не экспериментировать с цветами гиперссылок. Посетители могут запутаться, где они уже были, а где нет.

9. Если используете бэкграунд (обои), постарайтесь сделать так, чтобы фон не отвлекал от основного содержимого страницы и не мешал ее прочтению.

10. Текст на странице должен быть хорошо видимым и хорошо читаться. Кроме того, необходимо помнить о том, что строчки длиннее 600 пикселов читаются с большим трудом.

11. Сделайте гостевую книгу. (Ее можно бесплатно получить на http://www.guestbook.ru/ ). С её помощью Вы сможете узнавать мнение посетителей о Вашей странице и корректировать ее по желанию пользователей.

12. Поставьте счётчик посещений. Лучше всего зарегестрировать его в системе Ranker (Aport&Au) или Rambler. Это даст вам представление о притоке посетителей и поможет понять, какие ваши изменения понравились пользователям. При этом лучше выбирать опцию показа цифры: это даст Вам возможность быстро оценить количество посещений.

13. Ваши посетители не могут ориентироваться в Вашем сайте так же хорошо, как и Вы. Обеспечьте им надежную навигационную поддержку. Не делайте навигацию слишком запутанной. Доступ к любой странице сайта должен быть с не более чем трех щелчков мыши.

14. Если есть возможность, постарайтесь не использовать на страничке фреймы, это облегчит вам жизнь при индексировании вашего сайта в поисковых системах.

15. Если вы используете таблицы, для построения навигации старайтесь задавать ширину в пикселях, а не в процентах. Иначе у машин с разным рарешением экрана страничка будет выглядеть по-разному.