КАК ПИШУТ СОВРЕМЕННЫЕ САЙТЫ

ВЯЧЕСЛАВ БАЕВ

Спецвыпуск: Хакер, номер #067, стр. 067-012-2

[верстка]

Качественная верстка подразумевает грамотную нарезку картинок, что позволяет снизить вес страницы (к примеру, хорошо сверстанная страница не должна весить более 200 Кб), и качественный HTML, позволяющий поисковикам легко индексировать сайт (иначе никто и никогда не найдет твой сайт).

[написание ПО]

Большинство сайтов оборудованы собственными программными модулями, которые, так сказать, оживляют сайт: форумы, гостевые книги, прайс-листы, чаты, блоги, CMS и многое-многое другое. Качественно написанное ПО прежде всего не перегружает сервер, на котором лежит сайт, не позволяет произвести взлом сервера и, наконец, не падает при каждом удобном случае.

[тестирование сайта]

Эта необходимая процедура производится как минимум два раза. Первый раз — чтобы выяснить, соответствуют ли все компоненты сайта ТЗ, и выявить ошибки. Второй — чтобы проконтролировать исправление этих ошибок. Также в первую стадию входит usability-тестирование: выясняется то, насколько уютно среднестатистический пользователь будет чувствовать себя при работе с данным сайтом. Если по какой-то причине на сайте остались «неудобные» места, в интерфейс сайта вносятся дополнительные исправления.

Подробнее о главном

Создание оформления сайта

Главное, на что нужно обратить внимание, — соответствие дизайна сайта соглашениям по usability. Часто заходишь на сайт, и невозможно понять суть и назначение сайта — вероятнее всего, потенциальный пользователь просто уйдет.

Кстати, разобраться с usability поможет статистика посещаемости. Она показывает, просмотрел ли посетитель что-нибудь, кроме первой страницы. В самом простом приближении — количество зашедших хостов и хитов должно быть примерно одинаковым.

Советы, которые отражают основные требования по usability:

1 НА ГЛАВНОЙ СТРАНИЦЕ НАЗВАНИЕ КОМПАНИИ ИЛИ ЕЕ ЛОГОТИП (ЕСЛИ ОНИ ЕСТЬ) ДОЛЖНЫ БЫТЬ РАСПОЛОЖЕНЫ ТАК, ЧТОБЫ ИХ ЛЕГКО ЗАМЕЧАЛИ (КАК ПРАВИЛО, ЛЕВЫЙ ВЕРХНИЙ УГОЛ), И ИМЕТЬ ПРИЕМЛЕМЫЕ РАЗМЕРЫ.

2 НЕОБХОДИМО ВЫДЕЛИТЬ ПЕРВОСТЕПЕННЫЕ ЗАДАЧИ САЙТА, ЧТОБЫ ПОЛЬЗОВАТЕЛЬ ПОНИМАЛ, С ЧЕГО НАЧИНАТЬ ПРОСМОТР. ТЫ КАК БЫ НЕНАВЯЗЧИВО ПОДСКАЗЫВАЕШЬ ЕМУ, В КАКОМ НАПРАВЛЕНИИ НУЖНО ДВИГАТЬСЯ ПРИ ПРОСМОТРЕ САЙТА (НЕОБХОДИМЫЕ ССЫЛКИ ДОЛЖНЫ БРОСАТЬСЯ В ГЛАЗА).

3 ЕСЛИ ПОСЕТИТЕЛЬ ЗАХОДИТ НА САЙТ, ЧТОБЫ ПРИОБРЕСТИ КАКОЙ-ТО ТОВАР ИЛИ ПРОСТО РАДИ СОТРУДНИЧЕСТВА, ОН ИНТЕРЕСУЕТСЯ КОМПАНИЕЙ И ТЕМ, КУДА ПОПАДУТ ЕГО ДЕНЬГИ. СООТВЕТСТВЕННО, НА ГЛАВНОЙ СТРАНИЦЕ ЖЕЛАТЕЛЬНО РАСПОЛОЖИТЬ, КАК МИНИМУМ, ССЫЛКУ НА РАЗДЕЛ «О КОМПАНИИ» ИЛИ ПРОСТО ВЫДЕЛИТЬ ЭТУ ИНФОРМАЦИЮ В ОБОСОБЛЕННЫЙ БЛОК. ЕСЛИ ВОЗМОЖНО, СДЕЛАТЬ ФОРМУ ОБРАТНОЙ СВЯЗИ. ЕСЛИ НЕОБХОДИМО — КОНТАКТНУЮ ИНФОРМАЦИЮ РАЗМЕТИТЬ ТАКЖЕ НА ГЛАВНОЙ СТРАНИЦЕ.

4 НАВИГАЦИЯ ДОЛЖНА БЫТЬ УДОБНОЙ: НАВИГАЦИОННЫЙ БЛОК РАСПОЛОЖЕН ТАК, ЧТО ЕГО ЛЕГКО ЗАМЕТИТЬ, А ЭЛЕМЕНТЫ НАВИГАЦИИ СГРУППИРОВАНЫ.

5 ПОДБИРАЯ ТЕКСТ, ОРИЕНТИРУЙСЯ НА «СРЕДНЕГО» ЧЕЛОВЕКА, ЧТОБЫ У ПОЛЬЗОВАТЕЛЯ НЕ ВОЗНИКАЛО ЛИШНИХ ВОПРОСОВ.